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


Слайдер


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

#1 _max_

_max_

    Пользователь

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

Отправлено 07 Февраль 2016 - 22:40

Доброго времени суток! помогите пожалуйста, увеличить слайдер до 5. Аккаунт 374699.

#2 Юля123

Юля123

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

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

Отправлено 08 Февраль 2016 - 09:45

Просмотр сообщения_max_ (07 Февраль 2016 - 22:40) писал:

Доброго времени суток! помогите пожалуйста, увеличить слайдер до 5. Аккаунт 374699.


Здравствуйте, увеличить до пяти это имеется ввиду 5 картинок?, тогда в шаблоне HTML найдите код:

			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->

Сейчас у Вас прописаны 4 слайда (2 картинки повторяются по 2 раза). Поэтому этот код Вам нужно заменить на код:

			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="ссылка на картинку" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="ссылка на картинку" /></a>
				</div>
				<div class="item">
				  <img u="image" src="ссылка на картинку" />
				</div>
				<div class="item">
				  <img u="image" src="ссылка на картинку" />
				</div>
				<div class="item">
				  <img u="image" src="ссылка на картинку" />
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->


Все "ссылка на картинку" замените на соответствующие картинки. При этом у Вас первые две картинки со ссылками, вместо "№" можно добавить ссылку на какую-либо страничку. При желании, все остальные картинки так же можно сделать со ссылками, для этого код:
  
<img u="image" src="ссылка на картинку" />

замените на код:

  <a href="#" u="image"><img src="ссылка на картинку" /></a>


#3 _max_

_max_

    Пользователь

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

Отправлено 08 Февраль 2016 - 12:27

спасибо! получилось

#4 _max_

_max_

    Пользователь

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

Отправлено 11 Февраль 2016 - 20:00

Добрый вечер! можно ли чтобы был слайдер из товаров на главной странице. Для примера, размещаем на главной 15 товаров, а они выводятся по 3 товара, затем первые три меняются вторыми тремя и т.д.

#5 Vaccina

Vaccina

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

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

Отправлено 12 Февраль 2016 - 07:21

Инструкция по установки карусели для товаров на главной странице:
http://forum.storela...лож/#entry32986

#6 _max_

_max_

    Пользователь

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

Отправлено 12 Февраль 2016 - 10:32

спасибо!

#7 spaykus

spaykus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

Отправлено 15 Февраль 2016 - 14:02

Как можно временно не показывать (скрыть) слайдер на главной?

#8 Юля123

Юля123

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

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

Отправлено 15 Февраль 2016 - 14:18

Просмотр сообщенияspaykus (15 Февраль 2016 - 14:02) писал:

Как можно временно не показывать (скрыть) слайдер на главной?

Здравствуйте, в шаблоне HTML найдите код:

			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				<a href="http://maykifan.ru/catalog/Tovary-so-Skidkoj" class="slide_but">Каталог</a>
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
			   
				<div class="item">
				<a href="http://maykifan.ru/catalog/Tovary-so-Skidkoj" class="slide_but">Каталог</a>
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
			   
			  </div>
			</div>
			<!-- /END Slider Слайдер -->

и замените на код:

			<!-- Slider Слайдер -->
			<!--div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				<a href="http://maykifan.ru/catalog/Tovary-so-Skidkoj" class="slide_but">Каталог</a>
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
			   
				<div class="item">
				<a href="http://maykifan.ru/catalog/Tovary-so-Skidkoj" class="slide_but">Каталог</a>
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
			   
			  </div>
			</div-->
			<!-- /END Slider Слайдер -->

Закомментировали код, когда Вам понадобится слайдер, просто во 2 строке (в этом коде) удалите "!--" и в предпоследней строке "--".

#9 spaykus

spaykus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 128 сообщений
  • ГородУфа

Отправлено 15 Февраль 2016 - 15:41

Спасибо!

#10 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 07 Июль 2016 - 13:56

Здравствуйте!
Подскажите возможно разместить слайдер (баннер) в определенной категории?

#11 Danil

Danil

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

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

Отправлено 07 Июль 2016 - 14:04

Просмотр сообщенияEgik (07 Июль 2016 - 13:56) писал:

Здравствуйте!
Подскажите возможно разместить слайдер (баннер) в определенной категории?
Здравствуйте.
Возможно, для этого нужно обернуть код баннера в условие. Уточните номер аккаунта и место в котором должен отображаться баннер.

#12 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 07 Июль 2016 - 16:08

Просмотр сообщенияDanil (07 Июль 2016 - 14:04) писал:

Здравствуйте.
Аккаунт SL-205650.
Какой должен быть оптимальный размер?
в разделе машинки для стрижки собак. (будет отличаться от того который сейчас на главной.)

#13 Danil

Danil

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

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

Отправлено 07 Июль 2016 - 16:53

Просмотр сообщенияEgik (07 Июль 2016 - 16:08) писал:

Аккаунт SL-205650.
Какой должен быть оптимальный размер?
в разделе машинки для стрижки собак. (будет отличаться от того который сейчас на главной.)
Максимальный размер баннера 848 х 311 px.
В шаблоне Товары найдите код
{% IFNOT goods_empty %}
<div class="products f-fix">
и перед ним вставьте
{% FOR upper_navigation %}
	{% IF upper_navigation.NAME = Машинки для стрижки%}
		 <img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕ БАННЕРА">
	{% ENDIF %}
{% ENDFOR %}
в коде текст "НАЗВАНИЕ ИЗОБРАЖЕНИЯ" замените на соответствующий элемент.

#14 janjak

janjak

    Продвинутый пользователь

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

Отправлено 08 Август 2016 - 11:54

Здравствуйте!
Подскажите, пожалуйста, размер картинок слайдера на главной?

#15 RayLi

RayLi

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

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

Отправлено 08 Август 2016 - 12:32

Просмотр сообщенияjanjak (08 Август 2016 - 11:54) писал:

Здравствуйте!
Подскажите, пожалуйста, размер картинок слайдера на главной?

Здравствуйте.
Уточните, пожалуйста, для какого конкретно аккаунта вашего интернет-магазина необходимы эти данные, так как сейчас ваш интернет-магазин под аккаунтом  SL-308429 заблокирован.
Спасибо.

#16 janjak

janjak

    Продвинутый пользователь

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

Отправлено 08 Август 2016 - 13:59

Просмотр сообщенияRayLi (08 Август 2016 - 12:32) писал:

Здравствуйте.
Уточните, пожалуйста, для какого конкретно аккаунта вашего интернет-магазина необходимы эти данные, так как сейчас ваш интернет-магазин под аккаунтом  SL-308429 заблокирован.
Спасибо.

Аккаунт SL-378505

#17 Danil

Danil

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

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

Отправлено 08 Август 2016 - 14:03

Просмотр сообщенияjanjak (08 Август 2016 - 13:59) писал:

Аккаунт SL-378505
Здравствуйте.
Размер изображений 1920х704px.

#18 janjak

janjak

    Продвинутый пользователь

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

Отправлено 11 Август 2016 - 16:53

Здравствуйте, подскажите как добавить в слайдер новые слайды?

#19 Danil

Danil

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

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

Отправлено 11 Август 2016 - 16:58

Просмотр сообщенияjanjak (11 Август 2016 - 16:53) писал:

Здравствуйте, подскажите как добавить в слайдер новые слайды?
В шаблоне html найдите код
			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->
и замените на
			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->
Далее после кода
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
вставляйте аналогичный код, только в названии изображения изменяйте 2 на 3 и загружайте в раздел Сайт - Редактор шаблонов, изображения с соответствующим названием.

#20 janjak

janjak

    Продвинутый пользователь

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

Отправлено 11 Август 2016 - 17:20

Просмотр сообщенияDanil (11 Август 2016 - 16:58) писал:

			 <div class="item">
				 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
			 </div>
вставляйте аналогичный код, только в названии изображения изменяйте 2 на 3 и загружайте в раздел Сайт - Редактор шаблонов, изображения с соответствующим названием.
Спасибо! А как увеличить скорость прокрутки слайдов?




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

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