

Что За Шаблон Использовался?
Автор Santos, 26 авг. 2015 14:29
Сообщений в теме: 8
#1
Отправлено 26 Август 2015 - 14:29
Господа Модераторы! Доброго дня!
Подскажите, на каком шаблоне сделан данный сайт, тема по данному сайту от сюда (первый пост) - форум
А то хозяин сайта молчит))), и возможно ли реализовать как там "главную страницу" с вашей помощью - кое что, очень понравилось!
спс, жду ответа...
Подскажите, на каком шаблоне сделан данный сайт, тема по данному сайту от сюда (первый пост) - форум
А то хозяин сайта молчит))), и возможно ли реализовать как там "главную страницу" с вашей помощью - кое что, очень понравилось!
спс, жду ответа...
#2
#4
Отправлено 26 Август 2015 - 16:20
Santos (26 Август 2015 - 15:21) писал:
Хорошо! А можно сделать что-то подобное на каком нибудь из шаблонов Сторелэнда???
Сделать можно, если нужно привести в точно такой же вид, то нужно будет заказывать платный дизайн, либо взять стандартный и с нашей помощью немного его видоизменить.
#5
Отправлено 26 Август 2015 - 17:13
MikDark (26 Август 2015 - 16:20) писал:
Сделать можно, если нужно привести в точно такой же вид, то нужно будет заказывать платный дизайн, либо взять стандартный и с нашей помощью немного его видоизменить.
#6
Отправлено 28 Август 2015 - 07:06
Как вариант , можно использовать лазурь, плавающие картинки, это зафиксированный фон у двух блоков. Вместо блога можно использовать новости. Укажите пожалуйста номер аккаунта, на котором будете производить изменения. Распишите пожалуйста подробней, что кроме фона вы еще хотите реализовать.
Пример стиля фиксированного фона:
Пример стиля фиксированного фона:
background: url('ссылка на фон') no-repeat top center fixed;
#7
Отправлено 28 Август 2015 - 19:12
Vaccina (28 Август 2015 - 07:06) писал:
Как вариант , можно использовать лазурь, плавающие картинки, это зафиксированный фон у двух блоков. Вместо блога можно использовать новости. Укажите пожалуйста номер аккаунта, на котором будете производить изменения. Распишите пожалуйста подробней, что кроме фона вы еще хотите реализовать.
Пример стиля фиксированного фона:
Пример стиля фиксированного фона:
background: url('ссылка на фон') no-repeat top center fixed;
Так, по порядку...номер моего аккаунта SL-355835
Ссылка на сайт с примером - сайт
Но, для начала хотелось бы изготовить на сайт вот такую шапку (см. картинку)..долго рисовал))) спс паинту.
Возможно ли сие? (начал потихоньку сам тыкать, че то не очень получается) за шаблон взял "Цитрус", если надо другой - скажите.
Затем уже буду колдовать с Вами над Главной страницей.
#8
Отправлено 29 Август 2015 - 02:23
В шаблоне HTML найдите:
замените на:
далее в main.css найдите:
замените на:
Далее в шаблоне HTML найдите:
замените на:
далее в main.css найдите:
замените на:
В результате корзина перемещается справа от категорий, меню уходит вправо, слева от меню появляются контакты.
<!-- Шапка --> <div id="header" class="yt-header wrap"> <!-- Верхняя часть шапки --> <div class="header-top"> <div class="container"> <div class="row"> <!-- Основное меню --> <div class="header-top-left col-lg-9 col-md-9 col-sm-6 col-xs-12"> <div class="top-navbar"> <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="text">Меню</span> </button> <div class="navbar-collapse collapse"> <ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> </div> <!-- Корзина и Поиск --> <div class="header-top-right col-lg-3 col-md-3 col-sm-6 col-xs-12"> <!-- Поиск --> <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> <div class="header-right-mobile"> <!-- Корзина --> <div class="block mini-cartpro sm-cartpro cart-header"> <div class="block-title cart-count-block"> {% IF cart_count_empty %} <span class="empty">Корзина пуста</span> {% ELSE %} <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span> <span class="empty" style="display:none;">Корзина пуста</span> {% ENDIF %} </div> <!-- Выпадающая корзина--> <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}> <div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}> <ul id="cart-sidebar" class="mini-products-list"> {% FOR cart_items %} <li class="cart-item"> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a> <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> </li> {% ENDFOR %} </ul> <div class="bottom-action actions"> <a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a> <a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a> <div class="summary"> {% FOR cart_sum %} <span class="subtotal"> <span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </span> {% ENDFOR %} </div> </div> </div> </div> <!-- /END Выпадающая корзина--> </div> <!-- /END Корзина --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> </div> </div> </div> </div> </div>
замените на:
<!-- Шапка --> <div id="header" class="yt-header wrap"> <!-- Верхняя часть шапки --> <div class="header-top"> <div class="container"> <div class="row"> <div class="header-top-left contacts col-lg-3 col-md-3 col-sm-6 col-xs-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div> <img src="ссылка на иконку" alt="" /> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></div>{% ENDIF %} </div> <div class="header-top-right col-lg-9 col-md-9 col-sm-6 col-xs-12"> <div class="top-navbar"> <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="text">Меню</span> </button> <div class="navbar-collapse collapse"> <ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> </div> </div> </div>
далее в main.css найдите:
.header-top .header-top-left {padding: 0;} .header-top .header-top-left .top-navbar .btn-top-navbar {display: none;} .header-top .header-top-left .top-navbar {min-height: 50px;padding-bottom: 0;overflow: visible;float:left;} .header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 35px;} .header-top .header-top-left .top-navbar-links li {float: left;border-left: 1px solid #757575;height: 35px;background-repeat: no-repeat;} .header-top .header-top-left .top-navbar-links li a {padding: 10px 8px 8px 8px;display: block;font-size:140%;color: #FFF;font-family: 'Open Sans Condensed', sans-serif;} .header-top .header-top-left .top-navbar-links li:hover {background-color: #929292;} .header-top .header-top-left .top-navbar-links li:hover a {color: #fff;text-decoration: none;} .header-top .header-top-left .navbar-collapse.collapse.in .top-navbar-links li {float:none;} .header-top .header-top-left .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;} .header-top .header-top-left .collapse.in .top-navbar-links {float: none !important;overflow:visible;height:100%;} .header-top .header-top-left .collapse.in .top-navbar-links li {display: block;padding: 0px 15px;border-bottom: 1px solid #ebebeb;float: none !important;line-height: 24px;height:100%;} .header-top .header-top-left .collapse.in .top-navbar-links li:hover {background: #f3f3f3;color: #8cc152;} .header-top .header-top-left .collapse.in .top-navbar-links li a {margin: 0px;line-height: 35px;padding: 5px;font-size: 11px;text-transform: uppercase;color: #9b9b9b;} .header-top .header-top-left .collapse.in .top-navbar-links li a:hover {color: #f79242;}
замените на:
.header-top .header-top-right {padding: 0;} .header-top .header-top-right .top-navbar .btn-top-navbar {display: none;} .header-top .header-top-right .top-navbar {min-height: 50px;padding-bottom: 0;overflow: visible;float:left;} .header-top .header-top-right .top-navbar-links {float:right;list-style:none;overflow: hidden;height: 35px;} .header-top .header-top-right .top-navbar-links li {float: left;border-left: 1px solid #757575;height: 35px;background-repeat: no-repeat;} .header-top .header-top-right .top-navbar-links li a {padding: 10px 8px 8px 8px;display: block;font-size:140%;color: #FFF;font-family: 'Open Sans Condensed', sans-serif;} .header-top .header-top-right .top-navbar-links li:hover {background-color: #929292;} .header-top .header-top-right .top-navbar-links li:hover a {color: #fff;text-decoration: none;} .header-top .header-top-right .navbar-collapse.collapse.in .top-navbar-links li {float:none;} .header-top .header-top-right .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;} .header-top .header-top-right .collapse.in .top-navbar-links {float: none !important;overflow:visible;height:100%;} .header-top .header-top-right .collapse.in .top-navbar-links li {display: block;padding: 0px 15px;border-bottom: 1px solid #ebebeb;float: none !important;line-height: 24px;height:100%;} .header-top .header-top-right .collapse.in .top-navbar-links li:hover {background: #f3f3f3;color: #8cc152;} .header-top .header-top-right .collapse.in .top-navbar-links li a {margin: 0px;line-height: 35px;padding: 5px;font-size: 11px;text-transform: uppercase;color: #9b9b9b;} .header-top .header-top-right .collapse.in .top-navbar-links li a:hover {color: #f79242;} .header-top .header-top-left.contacts div { display: inline-block; color: rgb(255, 255, 255); padding: 10px 5px; font-size: 16px; } .header-top .header-top-left.contacts div a { color: #fff; }
Далее в шаблоне HTML найдите:
<!-- Основная часть шапки --> <div class="header-content"> <div class="container"> <div class="row"> <!-- Логотип --> <div class="logo col-lg-3 col-md-2 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange"> </a> </div> <!-- Каталог в шапке --> <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12"> <!-- Кнопка каталога в меню для мобильных устройств --> <div id="yt-responsivemenu" class="yt-responsivemenu"> <button type="button" class="button-navbar two btn btn-navbar" title="Показать каталог"> <span class="text">Каталог</span> </button> </div> <!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> {%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 class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"> <a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</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> <!-- /END Каталог с подкатегориями --> <!-- Адаптивный каталог с подкатегориями --> <div id="resmenu_sidebar"> <ul class="nav-menu clearfix"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</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 %} </ul> </div> <!-- /END Адаптивный каталог с подкатегориями --> </div> </div> </div> </div>
замените на:
<!-- Основная часть шапки --> <div class="header-content"> <div class="container"> <div class="row"> <!-- Логотип --> <div class="logo col-lg-2 col-md-2 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange"> </a> </div> <!-- Каталог в шапке --> <div class="yt-main-menu col-lg-7 col-md-10 col-xs-12"> <!-- Кнопка каталога в меню для мобильных устройств --> <div id="yt-responsivemenu" class="yt-responsivemenu"> <button type="button" class="button-navbar two btn btn-navbar" title="Показать каталог"> <span class="text">Каталог</span> </button> </div> <!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> {%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 class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"> <a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</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> <!-- /END Каталог с подкатегориями --> <!-- Адаптивный каталог с подкатегориями --> <div id="resmenu_sidebar"> <ul class="nav-menu clearfix"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</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 %} </ul> </div> <!-- /END Адаптивный каталог с подкатегориями --> </div> <div class="cart col-lg-3 col-md-2 col-xs-12"> <!-- Поиск --> <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> <div class="header-right-mobile"> <!-- Корзина --> <div class="block mini-cartpro sm-cartpro cart-header"> <div class="block-title cart-count-block"> {% IF cart_count_empty %} <span class="empty">Корзина пуста</span> {% ELSE %} <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span> <span class="empty" style="display:none;">Корзина пуста</span> {% ENDIF %} </div> <!-- Выпадающая корзина--> <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}> <div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}> <ul id="cart-sidebar" class="mini-products-list"> {% FOR cart_items %} <li class="cart-item"> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a> <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> </li> {% ENDFOR %} </ul> <div class="bottom-action actions"> <a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a> <a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a> <div class="summary"> {% FOR cart_sum %} <span class="subtotal"> <span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </span> {% ENDFOR %} </div> </div> </div> </div> <!-- /END Выпадающая корзина--> </div> <!-- /END Корзина --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> </div> </div> </div> </div> </div>
далее в main.css найдите:
.header-top .header-top-right {padding: 0;} .header-top .header-top-right .inner {float: right;} .header-top .header-top-right .header-right-mobile {float: right;} .header-top .header-top-right .links, .header-top .header-top-right #search_mini_form, .header-top .header-top-right .mini-cartpro.sm-cartpro {float: left;list-style: none;} .header-top .header-top-right .links li {float: left;border-left: 1px solid #fff;height: 50px;background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg.png?design=orange');background-repeat: no-repeat;} .header-top .header-top-right .links li a {padding: 18px 25px 12px 48px;display: block;color:#666666;} .header-top .header-top-right .links li.first:hover, .header-top .header-top-right .links li.first {background-position: -133px 16px;} .header-top .header-top-right .links li.first + li:hover, .header-top .header-top-right .links li.first + li {background-position: 20px 16px;} .header-top .header-top-right .links li.last:hover, .header-top .header-top-right .links li.last {background-position: -260px 16px;} .header-top .header-top-right .links li:hover {background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg-w.png?design=orange');background-color: #e1464d;} .header-top .header-top-right .links li:hover a {color: #fff;text-decoration: none;} /* Поиск */ .header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;} .header-top .header-top-right #search_mini_form .form-search {opacity: 0;filter: alpha(opacity = 0);visibility: hidden;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;} .header-top .header-top-right #search_mini_form .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;} .header-top .header-top-right #search_mini_form:hover {background-color: rgba(247,146,66,.5);} .header-top .header-top-right #search_mini_form .form-search #search {position: absolute;top: 0;right: 52px;float: right;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 50px;font-size: 100%;} .header-top .header-top-right #search_mini_form:hover .form-search {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;} .header-top .header-top-right #search_mini_form:hover .form-search #search {width: 200px;} /* Поиск для адаптивной версии*/ .header-top .header-top-right #search_mini_form2 {display:none;} .header-top .header-top-right #search_mini_form2 {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;background-color: #f79242;float:right;position: absolute;top: 0;right: 0;} .header-top .header-top-right #search_mini_form2 .form-search {opacity: 1;filter: alpha(opacity = 100);visibility: visible;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;} .header-top .header-top-right #search_mini_form2 .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;} .header-top .header-top-right #search_mini_form2:hover {background-color: rgba(247,146,66,.5);} .header-top .header-top-right #search_mini_form2 .form-search #search {position: absolute;right: 52px;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 150px;font-size: 92%;margin-right:1px;} /* Телефон */ .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;} /* Корзина */ .header-top .mini-cartpro {position: relative;} .header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;} .header-top .mini-cartpro .block-title:hover {background-color: rgba(247,146,66,.7);} .header-top .mini-cartpro .block-title .btn-cart-emty, .header-top .mini-cartpro .block-title a.btn-toggle {font-size: 0;z-index: 1;top: 0;right: 0;position: absolute;width: 100%;height: 50px;} .header-top .mini-cartpro .block-title a {color: #fff;font-size:120%;} .header-top .mini-cartpro .block-content .block-inner {position: absolute;top: 50px;right: 0;z-index: 999;overflow: hidden !important;background: #FFF;width: 360px;border-top: 6px solid transparent;border-color: #f79242;transition-property: margin-top, opacity, visibility;transition-duration: 0.5s, 0.5s, 0.5s;-webkit-transition-property: margin-top, opacity, visibility;-webkit-transition-duration: 0.5s, 0.5s, 0.5s;opacity: 0;visibility: hidden;} .header-top .sm-cartpro:hover .block-content .block-inner {display:block;height:auto;opacity: 1;visibility: visible;} .header-top .mini-cartpro .block-content .mini-products-list {padding: 20px 10px;max-height: 370px;overflow-y: auto;list-style: none;overflow-x:hidden;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item {margin-bottom: 30px;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item:last-child {margin-bottom: 10px;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item .product-image {float: left;margin-right: 10px;padding: 5px;height:85px;width:85px;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item .product-image img {display:block;margin:0 auto;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item .product-details {float: left;width: 67%;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item a.product-name {font-size: 116.6%;line-height: 12px;display:block;height:25px;overflow:hidden;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item a.product-name :hover {color: #f79242;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item .price {font-size: 150%;display: block;padding: 7px 0;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item .title-qty {float:left;font-size:110%;} .header-top .mini-cartpro .block-content .mini-products-list .cart-item .qty-val {border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;width: 38px;height: 38px;border: 1px solid #e4e4e4;display: inline-block;text-align: center;line-height: 38px;font-size: 116.6%;} .header-top .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove {background-image: url('{ASSETS_IMAGES_PATH}ico-edit-remove.png?design=orange');background-repeat: no-repeat;background-position: 0 -92px;display: block;width: 17px;height: 17px;float: right;} .header-top .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove:hover {background-position: 0 -61px;} .header-top .mini-cartpro .block-content .bottom-action {height: 67px;padding: 15px 0 0 10px;background-color: #f79242;} .header-top .mini-cartpro .block-content .bottom-action .button {width: 38px;height: 38px;border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;background-color: #fff;background-repeat: no-repeat;float:left;margin-right:15px;} .header-top .mini-cartpro .block-content .bottom-action .button.btn-gotocart:after {content: "\f014";font-family: 'FontAwesome';font-size: 28px;color: #E1464D;margin-left: -11px;top: 4px;position: relative;} .header-top .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover {background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;} .header-top .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover:after {color: #fff;} .header-top .mini-cartpro .block-content .bottom-action .button.btn-checkout {background-image: url('{ASSETS_IMAGES_PATH}minicart-action.png?design=orange');background-position: 4px -41px;} .header-top .mini-cartpro .block-content .bottom-action .button.btn-checkout:hover {background-position: 4px 4px;background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;} .header-top .mini-cartpro .block-content .summary {float: right;line-height: 38px;margin-right: 10px;} .header-top .mini-cartpro .block-content .summary .subtotal {color: #fff;font-size: 150%;}
замените на:
.header-content {padding: 0;} .header-content .inner {float: right;} .header-content .header-right-mobile {float: right;} .header-content .links, .header-content #search_mini_form, .header-content .mini-cartpro.sm-cartpro {float: left;list-style: none;} .header-content .links li {float: left;border-left: 1px solid #fff;height: 50px;background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg.png?design=orange');background-repeat: no-repeat;} .header-content .links li a {padding: 18px 25px 12px 48px;display: block;color:#666666;} .header-content .links li.first:hover, .header-content .links li.first {background-position: -133px 16px;} .header-content .links li.first + li:hover, .header-content .links li.first + li {background-position: 20px 16px;} .header-content .links li.last:hover, .header-content .links li.last {background-position: -260px 16px;} .header-content .links li:hover {background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg-w.png?design=orange');background-color: #e1464d;} .header-content .links li:hover a {color: #fff;text-decoration: none;} /* Поиск */ .header-content #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;} .header-content #search_mini_form .form-search {opacity: 0;filter: alpha(opacity = 0);visibility: hidden;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;} .header-content #search_mini_form .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;} .header-content #search_mini_form:hover {background-color: rgba(247,146,66,.5);} .header-content #search_mini_form .form-search #search {position: absolute;top: 0;right: 52px;float: right;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 50px;font-size: 100%;} .header-content #search_mini_form:hover .form-search {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;} .header-content #search_mini_form:hover .form-search #search {width: 200px;} /* Поиск для адаптивной версии*/ .header-content #search_mini_form2 {display:none;} .header-content #search_mini_form2 {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;background-color: #f79242;float:right;position: absolute;top: 0;right: 0;} .header-content #search_mini_form2 .form-search {opacity: 1;filter: alpha(opacity = 100);visibility: visible;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;} .header-content #search_mini_form2 .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;} .header-content #search_mini_form2:hover {background-color: rgba(247,146,66,.5);} .header-content #search_mini_form2 .form-search #search {position: absolute;right: 52px;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 150px;font-size: 92%;margin-right:1px;} /* Телефон */ .header-content .header-phone {position: absolute;top: 0;right: 0;height: 50px;z-index: 1;display:none;} .header-content .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-content .header-phone:hover a {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;margin-right: 60px;} .header-content .header-phone button {width: 50px;height: 50px;background: #e1464d;position: absolute;right: 0;top: 0;} /* Корзина */ .header-content .mini-cartpro {position: relative;} .header-content .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;} .header-content .mini-cartpro .block-title:hover {background-color: rgba(247,146,66,.7);} .header-content .mini-cartpro .block-title .btn-cart-emty, .header-content .mini-cartpro .block-title a.btn-toggle {font-size: 0;z-index: 1;top: 0;right: 0;position: absolute;width: 100%;height: 50px;} .header-content .mini-cartpro .block-title a {color: #fff;font-size:120%;} .header-content .mini-cartpro .block-content .block-inner {position: absolute;top: 50px;right: 0;z-index: 999;overflow: hidden !important;background: #FFF;width: 360px;border-top: 6px solid transparent;border-color: #f79242;transition-property: margin-top, opacity, visibility;transition-duration: 0.5s, 0.5s, 0.5s;-webkit-transition-property: margin-top, opacity, visibility;-webkit-transition-duration: 0.5s, 0.5s, 0.5s;opacity: 0;visibility: hidden;} .header-content .sm-cartpro:hover .block-content .block-inner {display:block;height:auto;opacity: 1;visibility: visible;} .header-content .mini-cartpro .block-content .mini-products-list {padding: 20px 10px;max-height: 370px;overflow-y: auto;list-style: none;overflow-x:hidden;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item {margin-bottom: 30px;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item:last-child {margin-bottom: 10px;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item .product-image {float: left;margin-right: 10px;padding: 5px;height:85px;width:85px;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item .product-image img {display:block;margin:0 auto;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item .product-details {float: left;width: 67%;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item a.product-name {font-size: 116.6%;line-height: 12px;display:block;height:25px;overflow:hidden;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item a.product-name :hover {color: #f79242;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item .price {font-size: 150%;display: block;padding: 7px 0;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item .title-qty {float:left;font-size:110%;} .header-content .mini-cartpro .block-content .mini-products-list .cart-item .qty-val {border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;width: 38px;height: 38px;border: 1px solid #e4e4e4;display: inline-block;text-align: center;line-height: 38px;font-size: 116.6%;} .header-content .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove {background-image: url('{ASSETS_IMAGES_PATH}ico-edit-remove.png?design=orange');background-repeat: no-repeat;background-position: 0 -92px;display: block;width: 17px;height: 17px;float: right;} .header-content .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove:hover {background-position: 0 -61px;} .header-content .mini-cartpro .block-content .bottom-action {height: 67px;padding: 15px 0 0 10px;background-color: #f79242;} .header-content .mini-cartpro .block-content .bottom-action .button {width: 38px;height: 38px;border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;background-color: #fff;background-repeat: no-repeat;float:left;margin-right:15px;} .header-content .mini-cartpro .block-content .bottom-action .button.btn-gotocart:after {content: "\f014";font-family: 'FontAwesome';font-size: 28px;color: #E1464D;margin-left: -11px;top: 4px;position: relative;} .header-content .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover {background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;} .header-content .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover:after {color: #fff;} .header-content .mini-cartpro .block-content .bottom-action .button.btn-checkout {background-image: url('{ASSETS_IMAGES_PATH}minicart-action.png?design=orange');background-position: 4px -41px;} .header-content .mini-cartpro .block-content .bottom-action .button.btn-checkout:hover {background-position: 4px 4px;background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;} .header-content .mini-cartpro .block-content .summary {float: right;line-height: 38px;margin-right: 10px;} .header-content .mini-cartpro .block-content .summary .subtotal {color: #fff;font-size: 150%;}
В результате корзина перемещается справа от категорий, меню уходит вправо, слева от меню появляются контакты.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных