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


Изменения Структуры Главной Страницы


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

#1 Miracle13

Miracle13

    Новичок

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

Отправлено 26 Январь 2018 - 15:29

Добрый день, уважаемые модераторы!

SL-431152

Помогите, пожалуйста, произвести следующие изменения в структуре моего сайта:

1) Сократить шапку сайта до двух строк, перенести кнопку регистрации, сократить высоту слайдера (чтобы он начинался от шапки)
1.jpg

2) Убрать блоки по середине:

2.jpg

3) Перенести категории Новинки и Товары на главной, под категорию Хиты продаж, а маленький слайдер перенести в самый низ.

3.jpg

4) Необходимо чтобы блок с кнопкой на слайдере был выровнен по середине страницы(слайдера). (Зеленый\Желтый блок на скриншоте)

4.jpg


Заранее благодарю!  

#2 Miracle13

Miracle13

    Новичок

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

Отправлено 30 Январь 2018 - 11:05

Добрый день, уважаемые модераторы!

Тема еще актуальна, пожалуйста, помогите с изменениями...

Так же очень хочется чтобы название товаров всегда было видно полностью на карточках, а сейчас только на половину:

5.jpg

#3 Miracle13

Miracle13

    Новичок

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

Отправлено 02 Февраль 2018 - 15:58

Уважаемые, модераторы!

Почему вы забыли про этот раздел (шаблон) совсем?( В других темах вы отвечаете и помогаете, а тут неделю уже как нет((

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Февраль 2018 - 05:33

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<div class="header-top">
			<div class="contacts">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
			</div>
			<div class="links">
			  {% IFNOT CLIENT_IS_LOGIN %}
			  <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div>
			  <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div>
			  {% ELSE %}
			  <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div>
			  <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div>
			  <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div>
			  <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div>
			  {% ENDIF %}
			</div>
		  </div>
        
Далее найдите и удалите:
<!-- Баннеры -->
	<div id="banners">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <div class="banner-left">
		<div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);">
		  <div class="content big">
			<h3>Стильные сумки</h3>
			<h4>Выберите свой аксессуар</h4>
			<a href="{CATALOG_URL}" class="button">Каталог</a>
		  </div>
		</div>
	  </div>
	  <div class="banner-right">
		<div class="banner-left">
		  <div class="banner-top">
			<div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;">
			  <div class="content small">
				<h3>Распродажа</h3>
				<h4>Скидки до 70%</h4>
				<a href="{CATALOG_URL}" class="button">Каталог</a>
			  </div>
			</div>
		  </div>
		  <div class="banner-bottom">
			<div class="banner-image bg">
			  <div class="content small">
				<h3>Последний</h3>
				<h4>Шанс купить</h4>
				<a href="{CATALOG_URL}" class="button">Каталог</a>
			  </div>
			</div>
		  </div>
		</div>
		<div class="banner-right">
		  <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);">
			<div class="content big">
			  <h3>Одежда</h3>
			  <h4>Новая колекция</h4>
			  <a href="{CATALOG_URL}" class="button">Каталог</a>
			</div>
		  </div>
		</div>
	  </div>
	</div>
  
  
далее найдите:
<!-- Промо -->
	<div id="promo">
	  <div class="container">
		<div class="owl-carousel">
		  <div class="item">
			<p>Скидки до <b class="text-large">40%</b> на все!</p>
			<h2>Акция</h2>
			<a href="#" class="button">Подробнее</a>
		  </div>
		  <div class="item">
			<p>Скидки до <b class="text-large">50%</b> на все!</p>
			<h2>Специальное предложение</h2>
			<a href="#" class="button">Подробнее</a>
		  </div>
		  <div class="item">
			<p>Скидки до <b class="text-large">60%</b> на все!</p>
			<h2>Ограниченное предложение</h2>
			<a href="#" class="button">Подробнее</a>
		  </div>
		</div>
	  </div>
	</div>
  
перенесите его поставив перед:
 {% ENDIF %}
   
   
	<!-- Основная часть -->
	{% IFNOT index_page %}
	  {% IF MOD_LNAME = goods %}
	  <div id="main">{BODY}</div>
    
Далее зайдите в main.css - найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 145px;text-align: center;}
#header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 145px;}

замените на:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 104px;text-align: center;}
#header .container > .logo a {display: block;line-height: 104px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 104px;}

далее найдите:
#slideshow {position: relative;}

замените на:
#slideshow {position: relative;padding-top: 104px;}

далее найдите:
#slideshow .item .content {position: absolute;top: 35%;width: 100%;}
#slideshow .container .text-content {background: rgba(255,255,255,0.5);padding: 30px;}

замените на:
#slideshow .item .content {position: absolute;top: 35%;width: 100%;text-align:center;}
#slideshow .container .text-content {display: inline-block; background: rgba(255,255,255,0.5);padding: 30px;margin: 0 auto; float: none;}

далее найдите:
.products-grid .item .product-shop .product-name a {display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:
.products-grid .item .product-shop .product-name a {display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;overflow: hidden;height: 40px;}

Далее зайдите в раздел Сайт - Меню - добавьте пункт меню регистрации.




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

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