0
Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона
Автор Art, 05 марта 2021 11:50
банер телефон почта бренд список шапка
Сообщений в теме: 9
#1
Отправлено 05 Март 2021 - 11:50
Добрый день!
Помогите пожалуйста:
1) добавить в шапку сайта электронную почту и сделать их жирным крупным шрифтом!
2) как сделать кликабельными (с перенаправлением на соответствующую страницу) нижних банеров (доставка и оплата)
3) как к ним добавить третий банер?
4) под вышеописанным банером есть список брендов, как его изменить и как сделать его ссылкой на товары по данному бренду?
Заранее благодарю!
Помогите пожалуйста:
1) добавить в шапку сайта электронную почту и сделать их жирным крупным шрифтом!
2) как сделать кликабельными (с перенаправлением на соответствующую страницу) нижних банеров (доставка и оплата)
3) как к ним добавить третий банер?
4) под вышеописанным банером есть список брендов, как его изменить и как сделать его ссылкой на товары по данному бренду?
Заранее благодарю!
#2
Отправлено 05 Март 2021 - 14:59
Здравствуйте. Уточните пожалуйста номер аккаунта
#4
Отправлено 11 Март 2021 - 08:54
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
после него вставьте:
далее зайдите в main.css - найдите:
замените на:
Далее в шаблоне HTML - найдите:
замените на:
Символ # замените на необходимую ссылку, измените текст третьего баннера и загрузите изображение bnner3.png
Далее зайдите в main.css - найдите:
замените на:
Далее зайдите в шаблон HTML - найдите:
вместо {CATALOG_URL} укажите необходимые ссылки.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Войти --> <div class="login"> <a href="{USER_LOGIN_URL}" class="login__icon" title="Личный кабинет"> <i class="icon-login"></i> </a> </div> </div> <!-- Телефон 1 --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="header__phone"> <!--<span>Ваш регион доставки: {SETTINGS_STORE_REGION}</span>--> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}" class="contacts__phone phone" title="{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}"><i class="icon-phone"></i><span itemprop="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> </div> {% ENDIF %}
после него вставьте:
{% IF SETTINGS_STORE_EMAIL_MAIN %} <div class="header_email"> <a class="contacts__block email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="{SETTINGS_STORE_EMAIL_MAIN}"> <span itemprop="email"><i class="icon-mail"></i>{SETTINGS_STORE_EMAIL_MAIN}</span> </a> </div> {% ENDIF %}
далее зайдите в main.css - найдите:
/** Регион **/ .header__phone {padding-right: 1rem;} .header__phone a {color: #9085f7;} .header__phone i {margin-right: 0.5rem;}
замените на:
/** Регион **/ .header__phone {padding-right: 1rem;} .header__phone a, .header_email a {color: #9085f7;} .header__phone i, .header_email i {margin-right: 0.5rem;} .header_email a {font-weight: bold;}
Далее в шаблоне HTML - найдите:
<div class="banners__items"> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner1.png?design=marketplace"> <div class="banners__title"> <span>Бесплатная доставка</span> <span>до двери</span> </div> </div> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner2.png?design=marketplace"> <div class="banners__title"> <span>Оплата картой</span> <span>курьеру при получении</span> </div> </div>
замените на:
<div class="banners__items"> <a href="#"> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner1.png?design=marketplace"> <div class="banners__title"> <span>Бесплатная доставка</span> <span>до двери</span> </div> </a> </div> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner2.png?design=marketplace"> <a href="#"> <div class="banners__title"> <span>Оплата картой</span> <span>курьеру при получении</span> </div> </a> </div>
Символ # замените на необходимую ссылку, измените текст третьего баннера и загрузите изображение bnner3.png
Далее зайдите в main.css - найдите:
.banners__item:last-child {color: #8776d9;margin-left: 1rem;background-color: #f0edff;background-position: 100% 40%;}
замените на:
.banners__item:nth-child(2) {color: #8776d9;margin-left: 1rem;background-color: #f0edff;background-position: 100% 40%;} .banners__item:nth-child(3) {color: #43bec2;margin-right: 1rem;margin-top: 1rem;background-color: #cffbff;}
Далее зайдите в шаблон HTML - найдите:
<!-- Бренды --> <section id="brands"> <div class="container"> <div class="owl-carousel"> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}zippo.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}philips.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}asics.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}fila.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}mango.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}chanel.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}reebok.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}prada.png?design=marketplace"/></a>
вместо {CATALOG_URL} укажите необходимые ссылки.
#5
Отправлено 12 Март 2021 - 01:43
Vaccina (11 Март 2021 - 08:54) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
после него вставьте:
далее зайдите в main.css - найдите:
замените на:
Далее в шаблоне HTML - найдите:
замените на:
Символ # замените на необходимую ссылку, измените текст третьего баннера и загрузите изображение bnner3.png
Далее зайдите в main.css - найдите:
замените на:
Далее зайдите в шаблон HTML - найдите:
вместо {CATALOG_URL} укажите необходимые ссылки.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Войти --> <div class="login"> <a href="{USER_LOGIN_URL}" class="login__icon" title="Личный кабинет"> <i class="icon-login"></i> </a> </div> </div> <!-- Телефон 1 --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="header__phone"> <!--<span>Ваш регион доставки: {SETTINGS_STORE_REGION}</span>--> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}" class="contacts__phone phone" title="{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}"><i class="icon-phone"></i><span itemprop="telephone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> </div> {% ENDIF %}
после него вставьте:
{% IF SETTINGS_STORE_EMAIL_MAIN %} <div class="header_email"> <a class="contacts__block email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="{SETTINGS_STORE_EMAIL_MAIN}"> <span itemprop="email"><i class="icon-mail"></i>{SETTINGS_STORE_EMAIL_MAIN}</span> </a> </div> {% ENDIF %}
далее зайдите в main.css - найдите:
/** Регион **/ .header__phone {padding-right: 1rem;} .header__phone a {color: #9085f7;} .header__phone i {margin-right: 0.5rem;}
замените на:
/** Регион **/ .header__phone {padding-right: 1rem;} .header__phone a, .header_email a {color: #9085f7;} .header__phone i, .header_email i {margin-right: 0.5rem;} .header_email a {font-weight: bold;}
Далее в шаблоне HTML - найдите:
<div class="banners__items"> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner1.png?design=marketplace"> <div class="banners__title"> <span>Бесплатная доставка</span> <span>до двери</span> </div> </div> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner2.png?design=marketplace"> <div class="banners__title"> <span>Оплата картой</span> <span>курьеру при получении</span> </div> </div>
замените на:
<div class="banners__items"> <a href="#"> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner1.png?design=marketplace"> <div class="banners__title"> <span>Бесплатная доставка</span> <span>до двери</span> </div> </a> </div> <div class="banners__item lozad" data-background-image="{ASSETS_IMAGES_PATH}banner2.png?design=marketplace"> <a href="#"> <div class="banners__title"> <span>Оплата картой</span> <span>курьеру при получении</span> </div> </a> </div>
Символ # замените на необходимую ссылку, измените текст третьего баннера и загрузите изображение bnner3.png
Далее зайдите в main.css - найдите:
.banners__item:last-child {color: #8776d9;margin-left: 1rem;background-color: #f0edff;background-position: 100% 40%;}
замените на:
.banners__item:nth-child(2) {color: #8776d9;margin-left: 1rem;background-color: #f0edff;background-position: 100% 40%;} .banners__item:nth-child(3) {color: #43bec2;margin-right: 1rem;margin-top: 1rem;background-color: #cffbff;}
Далее зайдите в шаблон HTML - найдите:
<!-- Бренды --> <section id="brands"> <div class="container"> <div class="owl-carousel"> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}zippo.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}philips.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}asics.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}fila.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}mango.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}chanel.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}reebok.png?design=marketplace"/></a> <a href="{CATALOG_URL}" class="brands__item" title=""><img src="{ASSETS_IMAGES_PATH}prada.png?design=marketplace"/></a>
вместо {CATALOG_URL} укажите необходимые ссылки.
спасибо очень помогли!
а скажите еще как настроить карусель с брендами по скорости? как можно в два ряда запустить показ брендов?
и как поменять рамер шрифта на номер телефона и почту (в шапке) на более крупный?
можно ли поставить список ходовых товаров с промоткой как карусель 4х4 карточки товарные
#6
Отправлено 12 Март 2021 - 12:43
Здравствуйте.
1)Чтобы изменить скорость в main.js найдите
В этом коде параметр
smartSpeed: 500 отвечает за скорость перелистывания. чем меньше значение тем дольше и плавнее будет двигаться слайдер
autoplayTimeout: 5000 отвечает за время, через которое будет пеерлистываться слайдер (сейчас у вас его нет. чем меньше значение тем быстрее листается) добавьте его после smartSpeed: 500
будет выглядеть так
2)Чтобы изменить размер шрифта найдите в main.css строку
замените на
12 замените на ваш размер
3)
Слайдер будет работать или по горизонтали или по вертикали. По 2 позиции например 2 х 2 и более показ сделать нельзя.
1)Чтобы изменить скорость в main.js найдите
// Функция показать больше для Акции на главной странице function pdtBrands() { $('#brands .owl-carousel').owlCarousel({ items: 8, margin: 32, loop: false, rewind: true, lazyLoad: true, nav: false, navContainer: '', navText: [ , ], dots: false, autoHeight: false, autoHeightClass: 'owl-height', autoplay: true, autoplayHoverPause: true, smartSpeed: 500, mouseDrag: true, touchDrag: true, pullDrag: true, responsiveClass: true, responsiveRefreshRate: 100, responsive: { 0:{items:1}, 320:{items:2}, 481:{items:2}, 641:{items:3}, 768:{items:3}, 992:{items:4}, 1200:{items:6}, 1440:{items:8} } }); }
В этом коде параметр
smartSpeed: 500 отвечает за скорость перелистывания. чем меньше значение тем дольше и плавнее будет двигаться слайдер
autoplayTimeout: 5000 отвечает за время, через которое будет пеерлистываться слайдер (сейчас у вас его нет. чем меньше значение тем быстрее листается) добавьте его после smartSpeed: 500
будет выглядеть так
smartSpeed: 500, autoplayTimeout: 5000,
2)Чтобы изменить размер шрифта найдите в main.css строку
.header__phone a, .header_email a {color: #9085f7;}
замените на
.header__phone a, .header_email a {color: #9085f7;font-size: 12px;}
12 замените на ваш размер
3)
Слайдер будет работать или по горизонтали или по вертикали. По 2 позиции например 2 х 2 и более показ сделать нельзя.
#7
Отправлено 12 Март 2021 - 22:06
Foxis_10 (12 Март 2021 - 12:43) писал:
Здравствуйте.
1)Чтобы изменить скорость в main.js найдите
В этом коде параметр
smartSpeed: 500 отвечает за скорость перелистывания. чем меньше значение тем дольше и плавнее будет двигаться слайдер
autoplayTimeout: 5000 отвечает за время, через которое будет пеерлистываться слайдер (сейчас у вас его нет. чем меньше значение тем быстрее листается) добавьте его после smartSpeed: 500
будет выглядеть так
2)Чтобы изменить размер шрифта найдите в main.css строку
замените на
12 замените на ваш размер
3)
Слайдер будет работать или по горизонтали или по вертикали. По 2 позиции например 2 х 2 и более показ сделать нельзя.
1)Чтобы изменить скорость в main.js найдите
// Функция показать больше для Акции на главной странице function pdtBrands() { $('#brands .owl-carousel').owlCarousel({ items: 8, margin: 32, loop: false, rewind: true, lazyLoad: true, nav: false, navContainer: '', navText: [ , ], dots: false, autoHeight: false, autoHeightClass: 'owl-height', autoplay: true, autoplayHoverPause: true, smartSpeed: 500, mouseDrag: true, touchDrag: true, pullDrag: true, responsiveClass: true, responsiveRefreshRate: 100, responsive: { 0:{items:1}, 320:{items:2}, 481:{items:2}, 641:{items:3}, 768:{items:3}, 992:{items:4}, 1200:{items:6}, 1440:{items:8} } }); }
В этом коде параметр
smartSpeed: 500 отвечает за скорость перелистывания. чем меньше значение тем дольше и плавнее будет двигаться слайдер
autoplayTimeout: 5000 отвечает за время, через которое будет пеерлистываться слайдер (сейчас у вас его нет. чем меньше значение тем быстрее листается) добавьте его после smartSpeed: 500
будет выглядеть так
smartSpeed: 500, autoplayTimeout: 5000,
2)Чтобы изменить размер шрифта найдите в main.css строку
.header__phone a, .header_email a {color: #9085f7;}
замените на
.header__phone a, .header_email a {color: #9085f7;font-size: 12px;}
12 замените на ваш размер
3)
Слайдер будет работать или по горизонтали или по вертикали. По 2 позиции например 2 х 2 и более показ сделать нельзя.
по горизонтали, то есть так как есть сейчас только в два ряда.
а как сделать номер телефона жирным и другим цветом? например
#3CB371
таким?
можно ли зафиксировать шапку сайта где телефон и почта, что бы при прокрутке страницы вниз всегда оставался видным телефон и почта?
как сделать между поиском и каруселью брендов список текстовый всех позиций в каталоге (как на картинке)?
и крайнее: как можно заменить то что сейчас на сайте "популярные категории" на список каких нибудь топовых товаров еточкой 3х3 или 4х4?
#8
Отправлено 15 Март 2021 - 10:50
Здравствуйте.
Для фиксации номера телефона и почты в шаблоне main.js в самый низ добавьте
В шаблоне main.css в самый низ добавьте
Для смены цвета и жирности у номера телефона. В шаблоне main.css найдите
замените на
Найдите
замените на
По вопросу про "популярные категории". Можно его скрыть, так как у вас дублируется он ниже. Можно занести товары в Хиты продаж например 9 штук и сделать его не каруселью, а выводом товаров 3 на 3
Для фиксации номера телефона и почты в шаблоне main.js в самый низ добавьте
$(function() { $(window).scroll(function () { if($(this).scrollTop() >= 250){ $('#header').addClass('header-fixed'); $('.header__middle').hide(); $('.header__menu').hide(); $('.header__top').css('border-bottom', '0'); $('#header').css('border-bottom', '1px solid #e2e6f1'); }else{ $('#header').removeClass('header-fixed'); $('.header__middle').show(); $('.header__menu').show(); $('.header__top').css('border-bottom', '1px solid #e2e6f1'); $('#header').css('border-bottom', '0'); } }) });
В шаблоне main.css в самый низ добавьте
.header-fixed{position:fixed; background: #ffffff; z-index: 99999;top: 0;width: 100%;}
Для смены цвета и жирности у номера телефона. В шаблоне main.css найдите
.header_email a {font-weight: bold;}
замените на
.header__phone a , .header_email a {font-weight: bold;}
Найдите
.header__phone a , .header_email a {color: #9085f7;font-size: 30px;}
замените на
.header__phone a , .header_email a {color: #3CB371;font-size: 30px;}
По вопросу про "популярные категории". Можно его скрыть, так как у вас дублируется он ниже. Можно занести товары в Хиты продаж например 9 штук и сделать его не каруселью, а выводом товаров 3 на 3
#9
Отправлено 15 Март 2021 - 15:41
Foxis_10 (15 Март 2021 - 10:50) писал:
Здравствуйте.
Для фиксации номера телефона и почты в шаблоне main.js в самый низ добавьте
В шаблоне main.css в самый низ добавьте
Для смены цвета и жирности у номера телефона. В шаблоне main.css найдите
замените на
Найдите
замените на
По вопросу про "популярные категории". Можно его скрыть, так как у вас дублируется он ниже. Можно занести товары в Хиты продаж например 9 штук и сделать его не каруселью, а выводом товаров 3 на 3
Для фиксации номера телефона и почты в шаблоне main.js в самый низ добавьте
$(function() { $(window).scroll(function () { if($(this).scrollTop() >= 250){ $('#header').addClass('header-fixed'); $('.header__middle').hide(); $('.header__menu').hide(); $('.header__top').css('border-bottom', '0'); $('#header').css('border-bottom', '1px solid #e2e6f1'); }else{ $('#header').removeClass('header-fixed'); $('.header__middle').show(); $('.header__menu').show(); $('.header__top').css('border-bottom', '1px solid #e2e6f1'); $('#header').css('border-bottom', '0'); } }) });
В шаблоне main.css в самый низ добавьте
.header-fixed{position:fixed; background: #ffffff; z-index: 99999;top: 0;width: 100%;}
Для смены цвета и жирности у номера телефона. В шаблоне main.css найдите
.header_email a {font-weight: bold;}
замените на
.header__phone a , .header_email a {font-weight: bold;}
Найдите
.header__phone a , .header_email a {color: #9085f7;font-size: 30px;}
замените на
.header__phone a , .header_email a {color: #3CB371;font-size: 30px;}
По вопросу про "популярные категории". Можно его скрыть, так как у вас дублируется он ниже. Можно занести товары в Хиты продаж например 9 штук и сделать его не каруселью, а выводом товаров 3 на 3
спасибо!
а как сделать между поиском и каруселью брендов список текстовый всех позиций в каталоге (как на картинке) https://forum.storel...attach_id=51010
да хорошее предложение, товары я занес в хиты, а как сделать вывод 3 на 3 или 4 на 4? плитками?
#10
Отправлено 18 Март 2021 - 08:45
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> </header> <!-- Главная страница --> {% IF index_page %} <!-- Баннеры -->
замените на:
<div class="header__bottom"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> </div> </header> <!-- Главная страница --> {% IF index_page %} <!-- Баннеры -->
далее найдите:
<!-- Товары на главной.Специально для Вас! --> {% IFNOT index_page_goods_empty %} <section id="pdt__sale"> <div class="container"> <div class="block__title block__nav"> <a href="{CATALOG_INDEX_PAGE_URL}" class="title">Специально для Вас!</a> <div class="owl-nav"></div> </div> <div class="products__grid owl-carousel">
замените на:
<!-- Товары на главной.Специально для Вас! --> {% IFNOT index_page_goods_empty %} <section id="pdt__sale"> <div class="container"> <div class="block__title block__nav"> <a href="{CATALOG_INDEX_PAGE_URL}" class="title">Специально для Вас!</a> <div class="owl-nav"></div> </div> <div class="products__grid">
далее зайдите в main.css - найдите:
/*** Каталог ***/ #catalog {position: relative;} #catalog .categories__item {width: 100%;margin: 0;}
замените на:
/*** Каталог в шапке ***/ .header__bottom {position: static;z-index: 1;line-height: 75px;} .header__bottom .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;} .header__bottom .mainnav li a:hover {color: #9085f7;} .header__bottom .mainnav > li {float: left;} .header__bottom .mainnav > li > a {display: block;position: relative;color: #000;line-height: 40px;margin-right: 20px;padding: 0 3px;font-size: 16px;font-weight: normal;text-transform: uppercase;} .header__bottom .mainnav > li > a:after {position: absolute;content: "";background: #9085f7;left: 0;top: 0;right: 0;line-height: 0;height: 4px;width: 4px;margin: auto;z-index: 9;opacity: 0;filter: alpha(opacity=0);-webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s;transition: width 0.5s ease 0s, height 0.5s ease 0s;} .header__bottom .mainnav > li > a:hover:after {opacity: 1;filter: alpha(opacity=100);width: 100%;} .header__bottom .mainnav > li.parent > a {padding-right: 15px;} .header__bottom .mainnav > li.parent > a:before {content: "\e909";position: absolute;font-family: 'icomoon';font-size: 13px;right: 0px;} .header__bottom .mainnav li .dropdown-menu {display: none;position: absolute;width:100%;left: 0;border-bottom: 5px solid #9085f7;background: #fff;z-index: 999;padding: 15px;} .header__bottom .mainnav li.parent:hover .dropdown-menu {display: block;} .header__bottom .mainnav li.level1 {width: 25%;float: left;padding: 0 15px;list-style: none;} .header__bottom .mainnav li a.title-lv1 {display: block;font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;} .header__bottom .mainnav li a.title-lv1:hover {color: #8C2C29;} .header__bottom .mainnav li a.title-lv2 {display: block;position: relative;text-transform: capitalize;padding: 7px 0 7px 15px;} .header__bottom .mainnav li a.title-lv2:before {content: "\f105";position: absolute;font-family: fontawesome;font-size: 14px;left: 0px;line-height: 20px;} @media all and (max-width: 991px) { .header__bottom {display:none;} } /*** Каталог ***/ #catalog {position: relative;} #catalog .categories__item {width: 100%;margin: 0;}
Темы с аналогичным тегами банер, телефон, почта, бренд, список, шапка
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Изменение общей стилистики →
Добавил Элементы В ШапкеАвтор Гость_like.hornet.6_* , 22 авг. 2019 шапка, добавить, элементы |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Изменение общей стилистики →
Ссылки На Странице В ШапкеАвтор Гость_vproekt_* , 10 апр. 2019 шапка |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Нужна Помощь Редактировании Шаблона ОсеньАвтор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Рассвет →
Как Изменить Расположение Объектов На Первом ЭкранеАвтор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Вопросы общие для всех шаблонов →
Главная →
Как Изменить Расположение Объектов В ШапкеАвтор Гость_DMC_* , 15 окт. 2018 шапка, логотип |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных