Здравствуйте.
Мне нужно поставить ссылки на слайды. На каждый слайд своя ссылка на товар. Подскажите пожалуйста, как это сделать?
0
Ссылка На Слайдах
Автор Yustus, 16 июля 2015 15:12
Сообщений в теме: 4
#1
Отправлено 16 Июль 2015 - 15:12
#2
Отправлено 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
Отправлено 16 Июль 2015 - 15:47
Получилось, только текст в рамочке стал черным (был белым) и на нем появилась ссылка, хотя не было. Можно это обратно вернуть
#4
Отправлено 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 %} <!-- /Главная страница -->
#5
Отправлено 16 Июль 2015 - 18:32
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных