Перейти к содержимому


Размер Слайдера


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 34

#1 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 16 Октябрь 2015 - 09:16

Подскажите размер слайдера?

#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Октябрь 2015 - 09:55

Просмотр сообщенияСергей Иванов (16 Октябрь 2015 - 09:16) писал:

Подскажите размер слайдера?

Здравствуйте.
Размер слайдера у вашего интернет-магазина составляет 1920px x 699 px .
Проверьте, пожалуйста.

#3 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 16 Октябрь 2015 - 19:23

Нет размер баннера этого шаблона

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Октябрь 2015 - 19:27

Просмотр сообщенияСергей Иванов (16 Октябрь 2015 - 19:23) писал:

Нет размер баннера этого шаблона

Немного не понятна Ваша проблема, опишите, пожалуйста, подробнее, что значит нет размера баннера?

#5 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 16 Октябрь 2015 - 19:36

Скажите мне размер баннера в шаблоне "Лето"!

#6 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Октябрь 2015 - 19:40

Просмотр сообщенияСергей Иванов (16 Октябрь 2015 - 19:36) писал:

Скажите мне размер баннера в шаблоне "Лето"!

В шаблоне Лето размер слайдера составляет 1903px на 693px .
Проверьте, пожалуйста.

#7 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 16 Октябрь 2015 - 19:56

как разместить кнопку "подробнее" на слайдер?

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Октябрь 2015 - 01:56

В шаблоне HTML найдите:
<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
замените на:
<!-- Slides Container -->
		<div u="slides" class="slides_container">
		  <div>
	<a href="#" class="slide_but">Подробнее</a>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
	<a href="#" class="slide_but">Подробнее</a>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
	<a href="#" class="slide_but">Подробнее</a>
			<a href="#" u="image"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
	  <a href="#" class="slide_but">Подробнее</a>
			<a href="#" u="image"><img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		</div>

Вместо знака # пропишите необходимые ссылки, далее в main.css добавьте:
.slide_but {
	background: #18BD9C;
	color: #fff;
	display: block;
	position: absolute;
	top: 90%;
	z-index: 99;
	text-align: center;
	left: 5%;
	width: 200px;
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
}


#9 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 17 Октябрь 2015 - 07:25

У кнопки изменить цвет шрифта при наведении?!

#10 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Октябрь 2015 - 10:10

Просмотр сообщенияСергей Иванов (17 Октябрь 2015 - 07:25) писал:

У кнопки изменить цвет шрифта при наведении?!

Здравствуйте.
Сделайте, пожалуйста, следующее:
В в самый конец шаблона main.css добавьте данный код:

.slide_but:hover {
	background-color: #fff;
}


#11 JUMP

JUMP

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 357 сообщений

Отправлено 27 Октябрь 2015 - 01:05

как сделать ширину слайдера поменьше? аккаунт   SL-360450

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Октябрь 2015 - 01:12

В main.css найдите:
#slideshow {
	margin: -96px 0px 0px;
	position: relative;
}

замените на:
#slideshow {
	margin: -96px 0px 0px;
	position: relative;
	padding: 0px 5%;
}

далее найдите:
#slider {
	position: relative;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	height: 699px;
	overflow: hidden;
	z-index: 1;
	width: 1920px;
}

замените на:
#slider {
	position: relative;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	height: 699px;
	overflow: hidden;
	z-index: 1;
	width: 100% !important;
}


#13 JUMP

JUMP

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 357 сообщений

Отправлено 27 Октябрь 2015 - 10:47

Я немного неправильно выразился,мне нало изменить высоту слайдера  SL-360450

#14 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Октябрь 2015 - 11:36

Просмотр сообщенияJUMP (27 Октябрь 2015 - 10:47) писал:

Я немного неправильно выразился,мне нало изменить высоту слайдера  SL-360450

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 699px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 699px; overflow: hidden;}

Замените на:
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 599px; overflow: hidden;z-index:1;}
.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 599px; overflow: hidden;}


#15 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 27 Октябрь 2015 - 18:11

Помогите найти куда вставить ссылку перехода для второго слайда?

#16 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Октябрь 2015 - 18:21

Просмотр сообщенияСергей Иванов (27 Октябрь 2015 - 18:11) писал:

Помогите найти куда вставить ссылку перехода для второго слайда?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	 <!-- Slides Container -->
			 <div u="slides" class="slides_container">
				 <div>
	 <a href="http://anneyes.ru/goods/Roza-quot-Jeksplorer-quot?mod_id=83876470#show_tab_3" class="slide_but">КУПИТЬ СЕЙЧАС</a>
					 <a href="http://anneyes.ru/goods/Roza-quot-Jeksplorer-quot?mod_id=83876470#show_tab_3"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
				 </div>
				 <div>
	 <a href="#" class="slide_but">КУПИТЬ СЕЙЧАС</a>
					 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
				 </div>
Вы можете вставить ссылку для перехода вместо # (href="#") .

Если добавить ссылку вместо # в строку:
<a href="#" class="slide_but">КУПИТЬ СЕЙЧАС</a>
она будет работать на кнопке.

Во втором случае при вставке ссылки вместо # в код:
					 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
она будет работать на всем изображении слайда.

#17 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 27 Октябрь 2015 - 19:25

Это понятно! У меня 2 слайдера, так вот в каком коде вставлена картинка хризантемы?

#18 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 27 Октябрь 2015 - 19:29

Просмотр сообщенияСергей Иванов (27 Октябрь 2015 - 19:25) писал:

Это понятно! У меня 2 слайдера, так вот в каком коде вставлена картинка хризантемы?
Здравствуйте, откройте раздел Сайт-Редактор шаблонов и среди изображений найдите slide2.png
откройте и замените на свое изображение
в коде это в шаблоне  HTML
<a href="http://{NET_DOMAIN}/goods/Roza-quot-Jeksplorer-quot?mod_id=83876470#show_tab_3" class="slide_but">КУПИТЬ СЕЙЧАС</a>
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>


#19 JUMP

JUMP

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 357 сообщений

Отправлено 29 Октябрь 2015 - 11:47

У меня высота слайдера обрезана,размер слайдера картинки по умолчанию 1920 x 699 ,как мне это значение уменьшить?

#20 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Октябрь 2015 - 15:47

Просмотр сообщенияJUMP (29 Октябрь 2015 - 11:47) писал:

У меня высота слайдера обрезана,размер слайдера картинки по умолчанию 1920 x 699 ,как мне это значение уменьшить?
найдите в ain.css
.slides_container img {left:0 !important;position: relative !important;}
замените на

.slides_container img {left:0 !important;position: relative !important;	height: 399px !important;  top: 0 !important;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных