Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Ссылка На Слайдах

Автор Yustus, 16 июля 2015 15:12

Авторизуйтесь для ответа в теме

Сообщений в теме: 4

#1 Yustus

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

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

ГородОмск

Отправлено 16 Июль 2015 - 15:12

Здравствуйте.

Мне нужно поставить ссылки на слайды. На каждый слайд своя ссылка на товар. Подскажите пожалуйста, как это сделать?

Наверх

#2 RayLi

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

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

Отправлено 16 Июль 2015 - 15:26

Yustus (16 Июль 2015 - 15:12) писал:

Здравствуйте.

Мне нужно поставить ссылки на слайды. На каждый слайд своя ссылка на товар. Подскажите пожалуйста, как это сделать?

Здравствуйте.
Попробуйте сделать следующее:
В шаблоне html найдите, пожалуйста, следующий код:

		  <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
						 <ul class="slides">
						 <li>
																 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
														 </li>
														 <li>
																 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
														 </li>
														 <li>
																 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
														 </li>
														 <li>
																 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="Slide 4" class="slide_img">
														 </li>
						 </ul>
				 </div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

И замените его вот этим вот кодом:

		  <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
						 <ul class="slides">
						 <li>
																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
														 </li>
														 <li>
																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
														 </li>
														 <li>
																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
														 </li>
														 <li>
																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
																 <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="Slide 4" class="slide_img">
														 </li>
						 </ul>
				 </div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

Далее заместо фраз в коде: "ваша_ссылка" вставьте нужную вам ссылку к каждому конкретному слайду.

Наверх

#3 Yustus

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

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

ГородОмск

Отправлено 16 Июль 2015 - 15:47

Получилось, только текст в рамочке стал черным (был белым) и на нем появилась ссылка, хотя не было. Можно это обратно вернуть

Наверх

#4 RayLi

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

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

Отправлено 16 Июль 2015 - 15:56

Yustus (16 Июль 2015 - 15:47) писал:

Получилось, только текст в рамочке стал черным (был белым) и на нем появилась ссылка, хотя не было. Можно это обратно вернуть

Снова в шаблоне html найдите, пожалуйста, следующий код:

		  <!-- Главная страница -->
				{% IF index_page %}
				  <div id="module_area">
						<div id="flexslideshow" class="flexslider">
												 <ul class="slides">
												 <li>
																																 <a href="http://mebel-mondo.ru/goods/Pryamoj-divan-quot-Mango-2"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
																												 </li>
																												 <li>
																																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
																												 </li>
																												 <li>
																																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
																												 </li>
																												 <li>
																																 <a href="http://mebel-mondo.ru/catalog/Krovati-mashinki"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="Slide 4" class="slide_img">
																												 </li>
												 </ul>
								 </div>
				  </div>
				{% ENDIF %}
				<!-- /Главная страница -->

И замените его вот этим вот кодом:

		  <!-- Главная страница -->
				{% IF index_page %}
				  <div id="module_area">
						<div id="flexslideshow" class="flexslider">
												 <ul class="slides">
												 <li>
																																 <a href="http://mebel-mondo.ru/goods/Pryamoj-divan-quot-Mango-2"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img"></a>
																												 </li>
																												 <li>
																																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img"></a>
																												 </li>
																												 <li>
																																 <a href="ваша_ссылка"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"></a>
																												 </li>
																												 <li>
																																 <a href="http://mebel-mondo.ru/catalog/Krovati-mashinki"><div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
																																 <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="Slide 4" class="slide_img"></a>
																												 </li>
												 </ul>
								 </div>
				  </div>
				{% ENDIF %}
				<!-- /Главная страница -->