Добрый день, уважаемые модераторы!
SL-431152
Помогите, пожалуйста, произвести следующие изменения в структуре моего сайта:
1) Сократить шапку сайта до двух строк, перенести кнопку регистрации, сократить высоту слайдера (чтобы он начинался от шапки)
2) Убрать блоки по середине:
3) Перенести категории Новинки и Товары на главной, под категорию Хиты продаж, а маленький слайдер перенести в самый низ.
4) Необходимо чтобы блок с кнопкой на слайдере был выровнен по середине страницы(слайдера). (Зеленый\Желтый блок на скриншоте)
Заранее благодарю!
0
Изменения Структуры Главной Страницы
Автор Miracle13, 26 янв. 2018 15:29
Сообщений в теме: 3
#1
Отправлено 26 Январь 2018 - 15:29
#3
Отправлено 02 Февраль 2018 - 15:58
Уважаемые, модераторы!
Почему вы забыли про этот раздел (шаблон) совсем?( В других темах вы отвечаете и помогаете, а тут неделю уже как нет((
Почему вы забыли про этот раздел (шаблон) совсем?( В других темах вы отвечаете и помогаете, а тут неделю уже как нет((
#4
Отправлено 03 Февраль 2018 - 05:33
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
Далее найдите и удалите:
далее найдите:
перенесите его поставив перед:
Далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
Далее зайдите в раздел Сайт - Меню - добавьте пункт меню регистрации.
Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных