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

[zwerikz]

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

В первую очередь хочу поблагодарить всех за новый шаблон "Весна" - он прекрасен.

Безумно нравятся слайды на главной!

Вопрос: как их сделать кликабельными?

[Castiel]

zwerikz (19 Март 2014 - 12:57) писал:

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

В первую очередь хочу поблагодарить всех за новый шаблон "Весна" - он прекрасен.

Безумно нравятся слайды на главной!

Вопрос: как их сделать кликабельными?

Здравствуйте, редактируем шаблон 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>
			 </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"></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>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

<a href="#">   вместо # указываем прямую ссылку куда необходимо будет ссылаться при нажатии.

[zwerikz]

<!-- Главная страница -->
	 {% 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>
				 <a href="http://homyaq.ru/goods/HDMI-stik-MK809"><img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"></a>
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

Жму по третьему слайду и нуль эмоций((

Я так и делал до этого, по этому и обратился на форум.... или что-то не так все таки делаю?

Адрес сайта: homyaq.ru

UPD: Нашел в коде страницы упоминание про отключенную Java... в ней дело наверно? Потому что с телефона слайд кликается)))

[Castiel]

zwerikz (19 Март 2014 - 13:04) писал:

<!-- Главная страница -->
	 {% 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>
				 <a href="http://homyaq.ru/goods/HDMI-stik-MK809"><img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"></a>
			 </li>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

Жму по третьему слайду и нуль эмоций((

Я так и делал до этого, по этому и обратился на форум.... или что-то не так все таки делаю?

Адрес сайта: homyaq.ru

UPD: Нашел в коде страницы упоминание про отключенную Java... в ней дело наверно? Потому что с телефона слайд кликается)))

Обновил инструкцию.

	 <!-- Главная страница -->
	 {% 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"></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>
			 </ul>
		 </div>
		 </div>
	 {% ENDIF %}
	 <!-- /Главная страница -->

<a href="#">   вместо # указываем прямую ссылку куда необходимо будет ссылаться при нажатии.

[zwerikz]

Спасибо!