Размер Слайдера
#1
Отправлено 16 Октябрь 2015 - 09:16
#3
Отправлено 16 Октябрь 2015 - 19:23
#5
Отправлено 16 Октябрь 2015 - 19:36
#7
Отправлено 16 Октябрь 2015 - 19:56
#8
Отправлено 17 Октябрь 2015 - 01:56
<!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /> </div> </div>замените на:
<!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" class="slide_but">Подробнее</a> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> <div> <a href="#" class="slide_but">Подробнее</a> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div> <div> <a href="#" class="slide_but">Подробнее</a> <a href="#" u="image"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> <div> <a href="#" class="slide_but">Подробнее</a> <a href="#" u="image"><img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div> </div>
Вместо знака # пропишите необходимые ссылки, далее в main.css добавьте:
.slide_but { background: #18BD9C; color: #fff; display: block; position: absolute; top: 90%; z-index: 99; text-align: center; left: 5%; width: 200px; font-size: 24px; font-weight: bold; padding: 20px; }
#9
Отправлено 17 Октябрь 2015 - 07:25
#11
Отправлено 27 Октябрь 2015 - 01:05
#12
Отправлено 27 Октябрь 2015 - 01:12
#slideshow { margin: -96px 0px 0px; position: relative; }
замените на:
#slideshow { margin: -96px 0px 0px; position: relative; padding: 0px 5%; }
далее найдите:
#slider { position: relative; margin: 0px auto; top: 0px; left: 0px; height: 699px; overflow: hidden; z-index: 1; width: 1920px; }
замените на:
#slider { position: relative; margin: 0px auto; top: 0px; left: 0px; height: 699px; overflow: hidden; z-index: 1; width: 100% !important; }
#13
Отправлено 27 Октябрь 2015 - 10:47
#14
Отправлено 27 Октябрь 2015 - 11:36
JUMP (27 Октябрь 2015 - 10:47) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 699px; overflow: hidden;z-index:1;} .slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 699px; overflow: hidden;}
Замените на:
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 599px; overflow: hidden;z-index:1;} .slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 599px; overflow: hidden;}
#15
Отправлено 27 Октябрь 2015 - 18:11
#16
Отправлено 27 Октябрь 2015 - 18:21
Сергей Иванов (27 Октябрь 2015 - 18:11) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="http://anneyes.ru/goods/Roza-quot-Jeksplorer-quot?mod_id=83876470#show_tab_3" class="slide_but">КУПИТЬ СЕЙЧАС</a> <a href="http://anneyes.ru/goods/Roza-quot-Jeksplorer-quot?mod_id=83876470#show_tab_3"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a> </div> <div> <a href="#" class="slide_but">КУПИТЬ СЕЙЧАС</a> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a> </div>Вы можете вставить ссылку для перехода вместо # (href="#") .
Если добавить ссылку вместо # в строку:
<a href="#" class="slide_but">КУПИТЬ СЕЙЧАС</a>она будет работать на кнопке.
Во втором случае при вставке ссылки вместо # в код:
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>она будет работать на всем изображении слайда.
#17
Отправлено 27 Октябрь 2015 - 19:25
#18
Отправлено 27 Октябрь 2015 - 19:29
Сергей Иванов (27 Октябрь 2015 - 19:25) писал:
откройте и замените на свое изображение
в коде это в шаблоне HTML
<a href="http://{NET_DOMAIN}/goods/Roza-quot-Jeksplorer-quot?mod_id=83876470#show_tab_3" class="slide_but">КУПИТЬ СЕЙЧАС</a> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
#19
Отправлено 29 Октябрь 2015 - 11:47
#20
Отправлено 29 Октябрь 2015 - 15:47
JUMP (29 Октябрь 2015 - 11:47) писал:
.slides_container img {left:0 !important;position: relative !important;}замените на
.slides_container img {left:0 !important;position: relative !important; height: 399px !important; top: 0 !important;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных