Слайдер На Внутренней Странице

#1 Ast

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

Пользователи
253 сообщений

Отправлено 18 Май 2016 - 15:40

Аккаунт SL-368333
Скажите пожалуйста, возможно ли установка слайдера как на главной, внизу некоторых внутренних страниц с другим размером фотографий?
К примеру для демонстрации образцов продукции или выполненных работ?

Наверх

#2 Vaccina

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

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

Отправлено 19 Май 2016 - 05:44

Укажите пожалуйста пару страниц примеров, для которых необходим слайдер, чтобы мы могли написать более подробную инструкцию.

Наверх

#3 Ast

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

Пользователи
253 сообщений

Отправлено 19 Май 2016 - 09:12

Vaccina (19 Май 2016 - 05:44) писал:

К примеру на странице /page/osteklenie-balkonov-lodzhii , /page/osteklenie-kottedzhej-i-dachi Внизу должны быть примеры выполненных работ.
Также будет на нескольких других страницах, но они пока не сформированы.

Наверх

#4 Vaccina

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

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

Отправлено 20 Май 2016 - 04:22

В шаблоне HTML найдите:

<!-- Основные скрипты для главной страницы -->
	{% IF index_page %}
	<script>
	  $(function(){ indexPage()});
	  // Запуск слайдера
	  $(function(){ slideShow()});
	  // Запуск слайдера Новостей
	  $(function(){ slideNews()});
	</script>
	{% ENDIF %}

замените на:

<!-- Основные скрипты для главной страницы -->
	{% IF index_page %}
	<script>
	  $(function(){ indexPage()});
	  // Запуск слайдера Новостей
	  $(function(){ slideNews()});
	</script>
	{% ENDIF %}
{% IF index_page || PAGE_NAME = Остекление коттеджей и дач || PAGE_NAME = Остекление балконов и лоджий %}
	<script>
	  // Запуск слайдера
	  $(function(){ slideShow()});
	</script>
	{% ENDIF %}

Далее найдите:

<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=azure" />
			</div>
			<!--<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
			</div>-->
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

после него вставьте:

<!-- Jssor Slider Слайдер Начало -->
	  {% IF PAGE_NAME = Остекление коттеджей и дач %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->
<!-- Jssor Slider Слайдер Начало -->
	  {% IF PAGE_NAME = Остекление балконов и лоджий %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

и в данном коде измените название файлов выводимых слайдов slide1.jpg и slide2.jpg на необходимые.

Наверх

#5 Ast

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

Пользователи
253 сообщений

Отправлено 20 Май 2016 - 08:32

Vaccina (20 Май 2016 - 04:22) писал:

В шаблоне HTML найдите:

<!-- Основные скрипты для главной страницы -->
{% IF index_page %}
<script>
	 $(function(){ indexPage()});
	 // Запуск слайдера
	 $(function(){ slideShow()});
	 // Запуск слайдера Новостей
	 $(function(){ slideNews()});
</script>
{% ENDIF %}

замените на:

<!-- Основные скрипты для главной страницы -->
{% IF index_page %}
<script>
	 $(function(){ indexPage()});
	 // Запуск слайдера Новостей
	 $(function(){ slideNews()});
</script>
{% ENDIF %}
{% IF index_page || PAGE_NAME = Остекление коттеджей и дач || PAGE_NAME = Остекление балконов и лоджий %}
<script>
	 // Запуск слайдера
	 $(function(){ slideShow()});
</script>
{% ENDIF %}

Далее найдите:

<!-- Jssor Slider Слайдер Начало -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=azure" />
		 </div>
		 <!--<div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
		 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
		 </div>-->
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->

после него вставьте:

<!-- Jssor Slider Слайдер Начало -->
	 {% IF PAGE_NAME = Остекление коттеджей и дач %}
	 <div id="slideshow" class="wrap">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
		 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->
<!-- Jssor Slider Слайдер Начало -->
	 {% IF PAGE_NAME = Остекление балконов и лоджий %}
	 <div id="slideshow" class="wrap">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
		 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->

и в данном коде измените название файлов выводимых слайдов slide1.jpg и slide2.jpg на необходимые.

Спасибо, но в этом случае одни и те же фото будут показываться на всех страницах. А нужно чтобы на каждой странице показывались разные фотографии в соответствии с тематикой каждой страницы. На первой фото выполненных работ по остеклению балконов, на второй выполненные работы по остеклению коттеджей. В других будет еще что-то.

Наверх

#6 Vaccina

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

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

Отправлено 21 Май 2016 - 06:13

Чтобы картинки были разные необходимо изменить названия файлов на необходимые, что я описывала в инструкции выше:

Цитата

и в данном коде измените название файлов выводимых слайдов slide1.jpg и slide2.jpg на необходимые.

Наверх

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 714 Просмотров	Foxis_10 17 февр. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Нептун → Главная → Изменение Главного Баннера На Слайдер Автор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider	2 Ответов 1 485 Просмотров	Firefly 02 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сканди → Изменение общей стилистики → Изменение Слайдера Автор Гость_TYURIKOFF_* , 21 марта 2019 слайдер	7 Ответов 1 943 Просмотров	Юлия_Scandidec 21 апр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Настройка Слайдера Автор Гость_tovmarket_* , 30 окт. 2018 слайдер	4 Ответов 1 997 Просмотров	tovmarket 01 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Как Изменить Расположение Объектов На Первом Экране Автор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип	1 Ответ 2 354 Просмотров	Vaccina 26 окт. 2018

#1 Ast

#2 Vaccina

#3 Ast

#4 Vaccina

#5 Ast

#6 Vaccina

Темы с аналогичным тегами слайдер

Убираем Цветной Баннер На Слайдере

Изменение Главного Баннера На Слайдер

Изменение Слайдера

Настройка Слайдера

Как Изменить Расположение Объектов На Первом Экране

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

Google поиск

Слайдер На Внутренней Странице

Темы с аналогичным тегами слайдер

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

Войти

Google поиск