Перейти к содержимому


Помогите Пожалуйста Изменить Размер Слайдов


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 13 Июль 2015 - 10:19

Здравствуйте. Помогите пожалуйста изменить размер слайдов и поднять каталог выше. Хочу чтоб получилось как на картинке.


Изображение

#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 13 Июль 2015 - 13:03

Просмотр сообщенияYustus (13 Июль 2015 - 10:19) писал:

Здравствуйте. Помогите пожалуйста изменить размер слайдов и поднять каталог выше. Хочу чтоб получилось как на картинке.


Изображение
Здравствуйте.
В шаблоне 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}slide3.png" alt="Slide 3" class="slide_img">
								</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
и переместите его, вставив перед
<!-- Главная страница -->
		  {% IF index_page %}
			<!-- Список товаров на главной -->
			{% IFNOT index_page_goods_empty %}
Так же в main.css найдите код
#header  .flexslider {width:100%;margin:0 auto !important;}
#header  .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
#header  .flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}
и замените на
.flexslider {width:100%;margin:0 auto !important;}
.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
.flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}


#3 Yustus

Yustus

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 13 Июль 2015 - 19:53

Благодарю.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных