Нет Телефона На Главной Странице Шаблон Цитрус
#1
Отправлено 11 Апрель 2015 - 21:14
/* Телефон */
.header-top .header-top-right .header-phone {position: absolute;top: 0;right: 0;height: 50px;z-index: 1;display:none;}
.header-top .header-top-right .header-phone a {margin: 0px;line-height: 50px;text-align: left;font-family: 'Open Sans', sans-serif;font-size: 20px;opacity: 0;filter: alpha(opacity = 0);visibility: hidden;}
.header-top .header-top-right .header-phone:hover a {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;margin-right: 60px;}
.header-top .header-top-right .header-phone button {width: 50px;height: 50px;background: #e1464d;position: absolute;right: 0;top: 0;}
[/CODE]
#2
Отправлено 13 Апрель 2015 - 11:02
iservice (11 Апрель 2015 - 21:14) писал:
/* Телефон */
.header-top .header-top-right .header-phone {position: absolute;top: 0;right: 0;height: 50px;z-index: 1;display:none;}
.header-top .header-top-right .header-phone a {margin: 0px;line-height: 50px;text-align: left;font-family: 'Open Sans', sans-serif;font-size: 20px;opacity: 0;filter: alpha(opacity = 0);visibility: hidden;}
.header-top .header-top-right .header-phone:hover a {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;margin-right: 60px;}
.header-top .header-top-right .header-phone button {width: 50px;height: 50px;background: #e1464d;position: absolute;right: 0;top: 0;}
[/CODE]
#3
Отправлено 14 Апрель 2015 - 20:09
#4
Отправлено 23 Апрель 2015 - 06:57
#5
Отправлено 23 Апрель 2015 - 07:10
#6
Отправлено 23 Апрель 2015 - 07:14
#7
Отправлено 23 Апрель 2015 - 07:56
.products-grid .item-inner .product-addto-wrap { left: -100%; position: absolute; top: 40%; z-index: 1; }
замените на:
.products-grid .item-inner .product-addto-wrap { display: none; left: -100%; position: absolute; top: 40%; z-index: 1; }
далее найдите:
.products-grid .item-inner .bg-hover-grid { background-color: rgba(247, 146, 66, 1); height: 100%; opacity: 0.9; position: absolute; right: -100%; top: 0; width: 100%; z-index: 1; }
замените на:
.products-grid .item-inner .bg-hover-grid { background-color: rgba(247, 146, 66, 1); display: none; height: 100%; opacity: 0.9; position: absolute; right: -100%; top: 0; width: 100%; z-index: 1; }
Далее зайдите в шаблон HTML, найдите:
<!-- Каталог в шапке --> <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12"> <!-- Кнопка каталога в меню для мобильных устройств --> <div id="yt-responsivemenu" class="yt-responsivemenu">замените на:
<div class="yt-main-menu col-lg-4 col-md-10 col-xs-12"> <div class="block-content"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p>Время работы : {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p>Email : <a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p>Skype : {SETTINGS_STORE_SKYPE}</p>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<p>ICQ : {SETTINGS_STORE_ICQ}</p>{% ENDIF %} </div> </div> <!-- Каталог в шапке --> <div class="yt-main-menu col-lg-5 col-md-10 col-xs-12"> <!-- Кнопка каталога в меню для мобильных устройств --> <div id="yt-responsivemenu" class="yt-responsivemenu">
#8
Отправлено 23 Апрель 2015 - 08:53
#10
Отправлено 23 Апрель 2015 - 12:37
#13
Отправлено 24 Апрель 2015 - 06:57
.col-md-10 { width: 83.3333%; }
после него пропишите:
.header-content .yt-main-menu { float: right; padding: 20px 0; width: 50%; } .yt-menu { float: right; width: 50%; } .header-content > .container > .row > .yt-main-menu { width: 80%; }
#14
Отправлено 24 Апрель 2015 - 07:18
#15
Отправлено 15 Ноябрь 2016 - 16:22
Сделал все, как написано в данной теме. Все получилось. Спасибо!
Единственное, как сделать чтобы в мобильной версии данный телефон не отображался в шапке? Очень не красиво получается с ним.
#16
Отправлено 17 Ноябрь 2016 - 09:58
agkostin (15 Ноябрь 2016 - 16:22) писал:
Сделал все, как написано в данной теме. Все получилось. Спасибо!
Единственное, как сделать чтобы в мобильной версии данный телефон не отображался в шапке? Очень не красиво получается с ним.
На аккаунте 97828 телефон в мобильной версии не отображается
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных