Как Уменьшить Размер Слайдера
#1
Отправлено 19 Март 2014 - 09:32
1.как уменьшить размер слайдера по ширине и длине на главной станице?
2.как в слайдер загрузить свое изображение?
3.как выровнять блок (показано на скрине)?
#2
Отправлено 19 Март 2014 - 12:15
sensor_1985 (19 Март 2014 - 09:32) писал:
1.как уменьшить размер слайдера по ширине и длине на главной станице?
2.как в слайдер загрузить свое изображение?
3.как выровнять блок (показано на скрине)?
1) Уменьшить размер слайдера можно, открыв шаблон main.css и найдя там строчки
#module_area { width: 100%; text-align: center; padding: 5px 0; }
Заменить значение width на необходимое. Оно может быть в процентах или пикселях (например 50% или 500px). Но если указываете значение в пикселях, адаптивность сайта теряется.
Чтобы заменить высоту слайдера, добавьте в этот код строчку: height: 200px (значение так же можно поменять)
Далее заходим в шаблон 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 %} <!-- /Главная страница -->
и заменяем width и height на нужные.
2) Чтобы загрузить изображение, нужно зайти в админке: Сайт - Редактор Шаблонов. Нажать: Добавить файлы. Картинки должны иметь имена slide1.png , slide2.png или slide3.png
3) Не совсем понятно что Вы хотите сделать. Вы хотите перенести блок с товарами между сортировкой и фильтром по цене?
#5
Отправлено 19 Март 2014 - 14:18
#7
Отправлено 19 Март 2014 - 15:13
#12
Отправлено 19 Март 2014 - 19:38
#header .links { padding-right: 10px; float: left; margin-left: 30px; clear: both; }
и поменяйте значение margin-left на большее
#13
Отправлено 19 Март 2014 - 19:40
#15
Отправлено 23 Март 2014 - 09:43
sensor_1985 (22 Март 2014 - 22:07) писал:
вставить вместе с иконками и надписями в то место?
#16
Отправлено 23 Март 2014 - 11:09
icon4.jpg
iwc_277890.jpg
Сделайте если можно их пожалуйста вместе с надписями как показано у меня на скрине.
#17
Отправлено 23 Март 2014 - 12:36
sensor_1985 (23 Март 2014 - 11:09) писал:
icon4.jpg
iwc_277890.jpg
Сделайте если можно их пожалуйста вместе с надписями как показано у меня на скрине.
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>
замените его на:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div> <div style="position: relative; left: 340px;"> <div><img src="{ASSETS_IMAGES_PATH}icon4.jpg" style="float: left; width: 60px;"><span style="position: absolute; top: 20px;color: rgb(92, 207, 207); font-size: 15px;">Бесплатная доставка по России</span></div> <div style=" position: absolute; top: 46px; left: 240px; width: 315px;"> <img src="{ASSETS_IMAGES_PATH}iwc_277890.jpg" style="float: left;width: 60px;"> <span style=" position: absolute; top: 20px;color: rgb(72, 128, 228);font-size: 15px;">Огромный выбор наручных часов</span></div> </div>
#18
Отправлено 23 Март 2014 - 17:42
#20
Отправлено 30 Март 2014 - 07:54
sensor_1985 (30 Март 2014 - 07:40) писал:
.prod_hold .price-old, .prod_hold_recent .price-old, .category-info .price-old, .price-old, .price-old .num {color: #999999;text-decoration: line-through;font-size:12px;}
измените в нем значение параметра color на нужное вам. HTML код цветов можно найти в интернете.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных