Слайдеры На Главной Странице
#1
Отправлено 26 Февраль 2014 - 18:21
#2
Отправлено 26 Февраль 2014 - 19:05
#3
Отправлено 26 Февраль 2014 - 21:22
vint1827 (26 Февраль 2014 - 18:21) писал:
Примерно в 234 строке шаблона 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 %}
<!-- /Главная страница -->
просто в редакторе шаблонов загрузите свои файлы и замените выделенное красным на названия своих файлов.
#4
Отправлено 26 Февраль 2014 - 21:24
miniplaneta (26 Февраль 2014 - 21:22) писал:
<!-- Главная страница -->
{% 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 %}
<!-- /Главная страница -->
просто в редакторе шаблонов загрузите свои файлы и замените выделенное красным на названия своих файлов.
Все верно, вам необходимо загрузить через Сайт - Редактор шаблонов - Добавить файлы ваши слайды с названиями slide1.png slide2.png slide3.png
#5
Отправлено 02 Март 2014 - 23:36
#6
Отправлено 03 Март 2014 - 14:42
luzikov (02 Март 2014 - 23:36) писал:
Здравствуйте, ваш слайдер находиться в границах центрального блока, уточните пожалуйста на скриншоте что именно вы хотите изменить
#7
Отправлено 03 Март 2014 - 21:27
Castiel (03 Март 2014 - 14:42) писал:
#8
Отправлено 04 Март 2014 - 14:43
#9
Отправлено 04 Март 2014 - 14:50
luzikov (02 Март 2014 - 23:36) писал:
#header .flexslider {width:100%;margin:0 auto !important;}
замените его на:
#header .flexslider {width:64%;margin:0 auto !important;}
#10
Отправлено 04 Март 2014 - 17:18
Alexey11 (04 Март 2014 - 14:50) писал:
#header .flexslider {width:100%;margin:0 auto !important;}
замените его на:
#header .flexslider {width:64%;margin:0 auto !important;}
#11
#12
Отправлено 04 Март 2014 - 20:41
Alexey11 (04 Март 2014 - 20:30) писал:
Попробуйте почистить кэш вашего браузера.
#13
Отправлено 05 Март 2014 - 19:28
luzikov (04 Март 2014 - 20:41) писал:
Какое у вас разрешение экрана?
#14
Отправлено 05 Март 2014 - 19:35
luzikov (04 Март 2014 - 20:41) писал:
#15
Отправлено 05 Март 2014 - 22:20
Alexey11 (05 Март 2014 - 19:28) писал:
Какое у вас разрешение экрана?
Поставил новую картинку разрешением 1920x700 отображается ужасно, см скрин в чем проблема ? и еще так и не понял почему слайд при уменьшении страницы всегда остается одного размера
#16
Отправлено 06 Март 2014 - 12:06
#18
Отправлено 06 Март 2014 - 20:27
#19
Отправлено 07 Март 2014 - 04:48
#header .flexslider { margin: 0 auto !important; width: 90%; }
и замените на
#header .flexslider { margin: 0 auto !important; }
далее найдите
#header .flexslider li .bigPic { display: block !important; }
и замените на
#header .flexslider li .bigPic { display: none !important; }
далее найдите и удалите
#header .flexslider li img.slide_img { display: none !important; }
#20
Отправлено 07 Март 2014 - 07:15
Сake (07 Март 2014 - 04:48) писал:
#header .flexslider { margin: 0 auto !important; width: 90%; }
и замените на
#header .flexslider { margin: 0 auto !important; }
далее найдите
#header .flexslider li .bigPic { display: block !important; }
и замените на
#header .flexslider li .bigPic { display: none !important; }
далее найдите и удалите
#header .flexslider li img.slide_img { display: none !important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных