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


Изменение Шаблона

дизайн

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

#1 Максим судариков

Максим судариков

    Пользователь

  • Пользователи
  • PipPip
  • 33 сообщений

Отправлено 05 Март 2018 - 02:42

Здравствуйте!

1) Убрать нижний блок (Как показано на скрине)
2) Добавить "Минимальная сумма заказа" (Как показано на скрине)
3) Убрать два слайда и оставить только три (Как показано на скрине)

Спасибо!)

Прикрепленные изображения

  • Снимок экрана (3)_LI.jpg


#2 Firefly

Firefly

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

  • Модераторы
  • 3 736 сообщений

Отправлено 05 Март 2018 - 15:19

Просмотр сообщенияМаксим судариков (05 Март 2018 - 02:42) писал:

Здравствуйте!

1) Убрать нижний блок (Как показано на скрине)
2) Добавить "Минимальная сумма заказа" (Как показано на скрине)
3) Убрать два слайда и оставить только три (Как показано на скрине)

Спасибо!)

Здравствуйте.
1. В шаблоне HTML найдите и удалите код:
	 <!-- Баннеры на главной -->
	 {% IF index_page %}
	 <div class="yt-bannertop">
		 <div class="container">
		 <div class="row">
			 <div class="banner-top">
			 <ul>
				 <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li1-content"><a href="#">Бесплатная доставка!</a>
					 <p>Доставка по городу и области Бесплатна!</p>
				 </div>
				 </li>
				 <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li2-content"><a href="#">30 дней Гарантии</a>
					 <p>Вы можете вернуть товар в течении 30 дней после получения заказа</p>
				 </div>
				 </li>
				 <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li3-content"><a href="#">Прием заказов 24/7</a>
					 <p>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</p>
				 </div>
				 </li>
			 </ul>
			 </div>
		 </div>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры на главной -->

2. В main.css найдите код:
#nav li ul li.category-level-2 a.lvl-2 {padding:8px 20px 8px 0px;font-size: 100%;text-transform: capitalize;}

Замените на:
#nav li ul li.category-level-2 a.lvl-2 {padding:8px 20px 8px 0px;font-size: 100%;text-transform: capitalize;}
.min_sum {float:right;padding: 15px 20px 15px;}

Найдите код:
#nav {list-style:none;float: left;margin: 0;padding: 0;width: 100%;}

Замените на:
#nav {list-style:none;float: left;margin: 0;padding: 0;}

В HTML найдите код:
			 </div>
			 <!-- /END Каталог с подкатегориями -->

Замените на:
			 <div class="min_sum">Минимальная сумма заказа</div>
			 </div>
			 <!-- /END Каталог с подкатегориями -->

Где в тексте укажите минимальную сумму заказа.

3. В HTML найдите код:
	 <!-- Слайдер на главной -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
		 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
		 </div>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->

Уберите в нем строки, отвечающие за слайды с 4 по 5:
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>


#3 Максим судариков

Максим судариков

    Пользователь

  • Пользователи
  • PipPip
  • 33 сообщений

Отправлено 05 Март 2018 - 18:17

Просмотр сообщенияFirefly (05 Март 2018 - 15:19) писал:

Здравствуйте.
1. В шаблоне HTML найдите и удалите код:
	 <!-- Баннеры на главной -->
	 {% IF index_page %}
	 <div class="yt-bannertop">
		 <div class="container">
		 <div class="row">
			 <div class="banner-top">
			 <ul>
				 <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li1-content"><a href="#">Бесплатная доставка!</a>
					 <p>Доставка по городу и области Бесплатна!</p>
				 </div>
				 </li>
				 <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li2-content"><a href="#">30 дней Гарантии</a>
					 <p>Вы можете вернуть товар в течении 30 дней после получения заказа</p>
				 </div>
				 </li>
				 <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li3-content"><a href="#">Прием заказов 24/7</a>
					 <p>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</p>
				 </div>
				 </li>
			 </ul>
			 </div>
		 </div>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры на главной -->

2. В main.css найдите код:
#nav li ul li.category-level-2 a.lvl-2 {padding:8px 20px 8px 0px;font-size: 100%;text-transform: capitalize;}

Замените на:
#nav li ul li.category-level-2 a.lvl-2 {padding:8px 20px 8px 0px;font-size: 100%;text-transform: capitalize;}
.min_sum {float:right;padding: 15px 20px 15px;}

Найдите код:
#nav {list-style:none;float: left;margin: 0;padding: 0;width: 100%;}

Замените на:
#nav {list-style:none;float: left;margin: 0;padding: 0;}

В HTML найдите код:
			 </div>
			 <!-- /END Каталог с подкатегориями -->

Замените на:
			 <div class="min_sum">Минимальная сумма заказа</div>
			 </div>
			 <!-- /END Каталог с подкатегориями -->

Где в тексте укажите минимальную сумму заказа.

3. В HTML найдите код:
	 <!-- Слайдер на главной -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
		 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
		 </div>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->

Уберите в нем строки, отвечающие за слайды с 4 по 5:
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
Спасибо большое!!)





Темы с аналогичным тегами дизайн

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

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