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


В Новогоднюю Тему Поставить Шапку Из Ночи

Автор ogonek7777, 02 нояб. 2017 17:40

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

#1 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 02 Ноябрь 2017 - 17:40

Помогите, пожалуйста, установить шапку из темы Ночь с сохранением моих цветов и шрифтов. Спасибо заранее!
2017-11-02_17-34-36.png

#2 Vaccina

Vaccina

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

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

Отправлено 03 Ноябрь 2017 - 06:54

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Шапка -->
	<div id="header">
	  <div class="header-top">
		<div class="container">
		  <!-- Меню в шапке -->
		  <div class="menu toggle_menu_wrap">
			<a class="toggle_menu icon-align-justify" href="#"><span class="title">Меню</span></a>
			<div class="toggle_menu_cont">
			  <h4 class="title">Меню</h4>
			  <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}active{%ENDIF%} {% IF menu.header.links.NAME = Каталог %}tc{% ENDIF %}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		  <div class="contacts toggle_menu_wrap" itemscope itemtype="https://schema.org/Organization">
			<a class="toggle_menu icon-user" href="#"><span class="title">Контакты</span></a>
			<div class="toggle_menu_cont">
			  <h4 class="title">Контакты</h4>
			  <meta itemprop="name" content="{SETTINGS_STORE_ORG_NAME}"/>
			  <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
			  {% IF SETTINGS_STORE_REGION %}<div itemprop="addressLocality"><i class="fa fa-map-marker"></i>{SETTINGS_STORE_REGION}</div>{% ENDIF %}
			  </div>
			  {% IF SETTINGS_STORE_WORK_TIME %}<div><i class="fa fa-clock-o"></i>{SETTINGS_STORE_WORK_TIME}</div>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div itemprop="telephone"><i class="fa fa-phone"></i><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<div itemprop="telephone"><i class="fa fa-phone"></i><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<div itemprop="faxNumber"><i class="fa fa-fax"></i><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<div itemprop="email"><i class="fa fa-envelope"></i><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<div><i class="fa fa-skype"></i><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></div>{% ENDIF %}
			</div>
		  </div>
		  <div class="logo">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  <div class="search toggle_menu_wrap">
			<a class="toggle_menu icon-search" href="#"><span class="title">Поиск</span></a>
			<div class="toggle_menu_cont">
			  <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<button type="submit" title="Искать" class="icon-search search-submit"></button>
			  </form>
			</div>
		  </div>
		  <div class="cart toggle_menu_wrap">
			<a class="toggle_menu {% IF MOD_LNAME = cart %}page{% ENDIF %} fa fa-shopping-basket" href="{CART_URL}"><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			<div class="toggle_menu_cont">
			  <div class="cart-content">
				<h4 class="title">Корзина</h4>
				<div class="empty hide">Корзина покупок пуста. Вы можете выбрать нужный товар из <a href="{CATALOG_URL}" title="Перейти в каталог">каталога</a>.</div>
				{% IF cart_count_empty %}
				<div class="empty">Корзина покупок пуста. Вы можете выбрать нужный товар из <a href="{CATALOG_URL}" title="Перейти в каталог">каталога</a>.</div>
				{% ELSE %}
				<ul class="cart-products-list">
				  {% FOR cart_items %}
				  <li class="item">
					<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					<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=newyear{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					<div class="product-details">
					  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
					  {% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
					  <div class="product-price">
						<span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						<span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
					  </div>
					</div>
				  </li>
				  {% ENDFOR %}
				</ul>
				{% FOR cart_sum %}
				<div class="subtotal">
				   <span class="label">Без учета скидки:</span>
		 <span class="price total-sum"><s>{cart_sum.OLD | money_format}</s></span>
						<br/>
				  <span class="label">Итого:</span>
				  <span class="price total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				</div>
				{% ENDFOR %}
				<div class="actions">
				  <a class="button button3" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
				  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				</div>
				{% ENDIF %}
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Шапка -->
    
    
замените на:
<!-- Верхняя часть Шапки -->
	  <div id="header-top" class="wrap">
		<div class="container">
		  <div class="header-col-left left" title="Меню">
			<ul class="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 class="header-col-right right">
			<!-- Поиск -->
			<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину...">
				<button type="submit" title="Искать" class="button search-submit fa"></button>
			  </div>
			</form>
			<div class="header-tools">
			  <!-- Меню пользователя -->
			  <div class="myaccount">
				<div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div>
				<div class="content">
				  <ul class="links">
					{% IFNOT CLIENT_IS_LOGIN %}
					<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
					<li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
					<li><a href="{CART_URL}" title="Корзина"><i class="fa fa-shopping-cart"></i>Корзина</a></li>
					{% ELSE %}
					<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
					<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
					<li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
					{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
					<li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
					{% ENDIF %}
				  </ul>
				</div>
			  </div>
			  <!-- Сравнение -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}">
				<div class="tongle">
				  <a href="{COMPARE_URL}" title="Перейти к сравнению">
					<i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span>
				  </a>
				</div>
				<ul id="compare-items" class="content">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 6 %}style="display:none;"{% ENDIF %}>
					<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove-compare fa fa-close" title="Убрать товар из списка сравнения"></a>
					<div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
			  </div>
			  {% ENDIF %}
			  <!-- Корзина -->
			  <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
				<div class="tongle cart-status">
				  <a href="{CART_URL}" title="Перейти в корзину">
					<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
				  </a>
				</div>
				<div class="content dropdown-cart">
				  <div class="cart_block_list">
					{% IF cart_count_empty %}
					<p class="cart_block_no_products">Ваша корзина пуста</p>
					{% ELSE %}
					<ul id="cart-sidebar" class="products">
					  {% FOR cart_items %}
					  <li class="cart-item">
						<a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">
						  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon">
						</a>
						<div class="cart-block-info">
						  <div class="product-name">
							<a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
							{% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
						  </div>
						  <div class="cart_block_price">
							<span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>&nbsp;x</span>
							<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						  </div>
						</div>
						<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove">&nbsp;</a>
					  </li>
					  {% ENDFOR %}
					</ul>
					{% ENDIF %}
					<div class="bottom-action actions">
						{% FOR cart_sum %}
						<div class="cart-prices">
						  <span>Итого:</span>
						  <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						</div>
						{% ENDFOR %}
					  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
					  <a class="button" href="{CART_URL}" title="Перейти к оформлению заказа" >В корзину</a>
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->
	  <!-- Логотип -->
	  <div id="header" class="wrap">
		<div class="container">
		  <div id="logo">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		</div>
	  </div>
	  <!-- /END Логотип -->
	  <!-- Меню -->
	  <div id="menu" class="wrap">
		<div class="container">
		  <div class="row">
			<div id="custommenu">
			  <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="wrap_submenu {% 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 id="mommenu" class="menu-offcanvas">
			  <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
			  <div id="menu_offcanvas" class="offcanvas">
				<div class="canvas-title">
				  <i class="fa fa-bars"></i>
				  <span class="title">Каталог</span>
				  <i class="fa fa-times"></i>
				</div>
				<ul class="mainnav">
				{% IFNOT catalog_full_empty %}
				  {% 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="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_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}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></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 %}
				{% ENDIF %}
				</ul>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Меню -->
      
      
Далее зайдите в main.css - найдите:
/*** Шапка ***/
#header {background: #fff9e8;padding: 30px 0;position: relative;}
#header.sticky {background: #fff9e8;z-index: 10;position: fixed;top: 0;width: 100%;padding: 20px 0;}
#header.sticky .header-top .container > div.logo {opacity: 0;}
#header.sticky .header-top .container {padding: 0;}
#header .header-top .container {text-align: center;}
#header .header-top .container > div {display: inline-block;vertical-align: middle;margin-left: 6%;}
#header .header-top .container > div:first-child {margin-left: 0;}
/* Выпадающее меню */
#header .toggle_menu_wrap {display: inline-block;position: relative;z-index: 11;}
#header .toggle_menu_wrap.active {z-index: 99;}
#header .toggle_menu_wrap .toggle_menu .title {display: inline-block;vertical-align: top;line-height: 30px;margin-left: 15px;font-size: 16px;text-transform: uppercase;}
#header .toggle_menu_wrap.active .toggle_menu .title {opacity: 0;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease;}
#header .toggle_menu:before {color: #d6b46b;font-size: 30px;}
#header .toggle_menu:hover:before, #header .toggle_menu.active:before {color: #f50056;}
#header .toggle_menu_wrap .toggle_menu_cont {display: none;position: absolute;width: 300px;right: -25px;top: -25px;padding: 30px 10px 20px 30px;text-align: left;z-index: -1;background: #fff;-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);}
#header .menu.toggle_menu_wrap .toggle_menu_cont, #header .contacts.toggle_menu_wrap .toggle_menu_cont {right: auto;left: -25px;padding-left: 80px;}
/* Меню */
#header .menu h4.title {letter-spacing: 2px;padding: 0 0 10px 0;margin-bottom: 10px;margin-top: -3px;}
#header .menu .mainnav {display: inline-block;list-style: none;margin: 0;padding: 0;}
#header .menu .mainnav:before, .#header .menu .mainnav:after {display: table;content: "";line-height: 0;}
#header .menu .mainnav:after {clear: both;}
#header .menu .mainnav li {display: block;position: relative;float: none;}
#header .menu .mainnav li + li {margin-top: 15px;}
#header .menu .mainnav li a {display: inline-block;font-size: 16px;font-weight: 300;}
#header .menu .mainnav li a:hover, .#header .menu .mainnav li a.active {color: #d6b46b;}
#header .menu .mainnav .hide-cat {display: none;}
/* Контакты */
#header .contacts .toggle_menu:before {font-size: 26px;}
#header .contacts h4.title {letter-spacing: 2px;padding: 0 0 10px 0;margin-bottom: 10px;margin-top: -3px;}
#header .contacts .toggle_menu_cont > div + div {margin-top: 15px;}
#header .contacts .toggle_menu_cont > div i {font-size: 18px;margin-right: 10px;width: 20px;text-align: center;}
#header .contacts .toggle_menu_cont {width: 350px;}
/* Поиск */
#header .search .toggle_menu {position: relative;z-index: 11;-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);}
#header .search .toggle_menu.active {-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);-moz-transform: translateX(24px);-ms-transform: translateX(24px);-o-transform: translateX(24px);-webkit-transform: translateX(24px);transform: translateX(24px);}
#header .search .toggle_menu.active:before {opacity: 0;}
#header .search .toggle_menu span.fa-undo {position: absolute;font-size: 24px;opacity: 0;color: #bcaaa4;-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#header .search .toggle_menu.active span.fa-undo {opacity: 1;-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);}
#header .search .toggle_menu.active:hover span.fa-undo {color: #d6b46b;}
#header .search .toggle_menu_cont {padding: 0;width: 300px;top: -15px;right: -40px;z-index: 10;}
#header .search #search_mini_form input[type="text"] {color: #bbb1bb;display: block;margin: 0;font-size: 14px;line-height: 24px;font-weight: 300;width: 100%;height: 61px;padding: 15px 50px 15px 20px;background: #fff;border: none;border-radius: 0;-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.09);-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.09);box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.09);}
#header .search #search_mini_form button {display: inline-block;position: absolute;top: 15px;right: 15px;font-size: 30px;color: #d6b46b;z-index: 10;line-height: 30px;background: none;border: none;padding: 0;outline: none;outline-offset: 0;cursor: pointer;-webkit-appearance: none;}
#header .search #search_mini_form button:hover {color: #f50056;}
/* Корзина */
#header .cart.page .toggle_menu .count, #header .cart.page .toggle_menu_cont {display: none !important;}
#header .cart .toggle_menu .count {display: inline-block;position: relative;top: -15px;font-size: 12px;color: #000;}
#header .cart .toggle_menu:hover .count {color: #f50056;}
#header .cart .toggle_menu_cont {padding: 10px 10px 5px;margin-bottom: 10px;width: 400px;}
#header .cart .cart-content .title {letter-spacing: 2px;padding: 18px 0 10px 15px;margin-bottom: 10px;}
#header .cart .cart-content .empty {font-size: 16px;padding: 15px;}
#header .cart .cart-content .empty a {text-decoration: underline;}
#header .cart .cart-content .empty.hide {display: none;}
#header .cart .cart-content .cart-products-list {overflow: auto;max-height: 366px;margin: 0 0 0 10px;padding: 0;list-style: none;list-style-position: inside;}
#header .cart .cart-content .cart-products-list .item {position: relative;overflow: hidden;margin: 0 0 10px 0;padding: 0;border-bottom: 1px solid #e6e3dc;}
#header .cart .cart-content .cart-products-list .item:last-child {border-bottom: 0;box-shadow: none;}
#header .cart .cart-content .cart-products-list .item .remove {float: right;position: absolute;right: 0px;top: -4px;z-index: 2;background-color: #fff;}
#header .cart .cart-content .cart-products-list .item .product-image {display: block;position: relative;float: left;width: 50px;margin-right: 20px;margin-bottom: 10px;z-index: 9;border: 1px solid transparent;text-align: center;}
#header .cart .cart-content .cart-products-list .item .product-image img {max-width: 50px;max-height: 50px;}
#header .cart .cart-content .cart-products-list .item .product-details {position: relative;}
#header .cart .cart-content .cart-products-list .item .product-details .product-name {display: block;position: relative;margin: 0 0 7px;font-size: 15px;text-transform: uppercase;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#header .cart .cart-content .cart-products-list .item .product-details .product-price {font-size: 12px;margin-bottom: 7px;}
#header .cart .cart-content .cart-products-list .item .product-details .product-price .price {font-size: 16px;color: #f50056;}
#header .cart .cart-content .cart-products-list .item .product-details .product-qty {margin-bottom: 10px;}
#header .cart .cart-content .cart-products-list .item .product-details .product-qty .qty-value .quantity {height: 35px;padding: 5px 10px;cursor: default;}
#header .cart .cart-content .cart-products-list .item .product-details .product-mod {margin-bottom: 5px;font-size: 11px;}
#header .cart .cart-content .subtotal {text-transform: uppercase;margin-top: 1px;padding: 10px 5px;border-top: 1px solid #e5e5e5;line-height: 24px;font-size: 13px;}
#header .cart .cart-content .subtotal .price {font-weight: bold;float: right;font-size: 18px;letter-spacing: 1px;}
#header .cart .cart-content .actions {display: inline-block;overflow: hidden;width: 100%;}
#header .cart .cart-content .actions .button:first-child {float: left;}
#header .cart .cart-content .actions .button:nth-child(2) {float: right;}


замените на:
/* Верхняя часть шапки */
#header-top {background: #FFF9E8;height: 42px;}
#header-top .header-col-left {width: 60%;}
#header-top .header-col-left ul.links {height: 42px;overflow: hidden;}
#header-top .header-col-left ul.links li {padding: 11px 8px;float: left;list-style: none;}
#header-top .header-col-right {line-height: 40px;}
#header-top .header-tools .content a {color: #000000;}
#header-top .header-tools .content a:hover, #header-top .header-tools .content a:hover i {color: #D20055;}
#search_mini_form {float: left;position: relative;}
#search_mini_form input {background: #D6B46B;color: #;border: none;border-radius: 25px;height: 25px;float: right;font-size: 12px;margin-top: 9px;width: 200px;padding-left: 10px;padding-right: 30px;}
#search_mini_form input:focus {width: 250px;}
#search_mini_form button.button {width: 32px;height: 32px;background: none;border: none;font-size: 11px;margin: 0;padding: 0;position: absolute;right: 2px;top: 2px;}
#search_mini_form button.button:before {content: "\f002";font-family: FontAwesome;width: 32px;height: 32px;text-align: center;line-height: 32px;color: #fff;}
#search_mini_form button.button:hover:before {color: #707070;}
.header-tools {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;float: left;position: relative;margin-left: 10px;}
.header-tools .myaccount, .header-tools .mycart, .header-tools .mycompare {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;}
.header-tools .myaccount:hover .fa-user, .header-tools .mycart:hover .fa-shopping-cart .header-tools .mycompare:hover .fa-retweet {color: #fff;}
.header-tools .myaccount .tongle, .header-tools .mycart .tongle, .header-tools .mycompare .tongle {font-size: 16px;}
.header-tools .myaccount .tongle .fa:before, .header-tools .mycart .tongle .fa:before, .header-tools .mycompare .tongle .fa:before {display: block;width: 16px;height: 28px;line-height: 28px;text-align: center;}
.header-tools .myaccount .tongle .fa:before {width: 32px;color: #D6B46B;}
.header-tools .myaccount .content, .header-tools .mycart .content, .header-tools .mycompare .content {position: absolute;right: 0;min-width: 170px;margin-top: 0px;z-index: 9999;padding: 5px 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);text-align: left;top: 100%;background: #2a2a2a;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.header-tools .myaccount:hover .content, .header-tools .mycart.have-items:hover .content, .header-tools .mycompare.have-items:hover .content {overflow: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header-tools .myaccount .content:before, .header-tools .mycart .content:before, .header-tools .mycompare .content:before {content: '';display: block;width: 100%;height: 15px;position: absolute;bottom: 100%;left: 0;}
.header-tools .myaccount .content ul li, .header-tools .mycart .content ul li {list-style: none;padding: 4px 0;line-height: 20px;}
.header-tools .myaccount .content ul.links {padding: 5px 0;}
.header-tools .myaccount .content ul.links li i {margin-right: 10px;width: 16px}
.header-tools .mycompare #compare-items {max-width: 300px;padding: 5px;}
.header-tools .mycompare #compare-items li {float: left;width: 100%;margin: 5px 0;padding: 0px 10px;border-bottom: 1px solid #464646;line-height: 20px;}
.header-tools .mycompare #compare-items li:last-child, .header-tools .mycompare #compare-items li:nth-child(6) {border: 0;margin-bottom: 0;}
.header-tools .mycompare #compare-items li .remove-compare {float: right;line-height: 20px;}
.header-tools .mycompare #compare-items li .product-name {display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 90%;}
.header-tools .mycompare #compare-items li .dataid {display: none;}
.header-tools .mycompare #compare-items .button {display: block;margin: 0 auto;max-width: 170px;}
.header-tools .mycart.have-items.cart-page:hover .content {display: none;}
.header-tools .mycart .cart-count, .header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
.header-tools .mycart.cart-page .cart-count, .header-tools .mycompare.compare-page .compare-num {display: none;}
.header-tools .mycart:hover .cart-count, .header-tools .mycompare:hover .compare-num {background: #898989;color: #fff;}
.header-tools .mycart .content {min-width: 300px;padding: 5px;}
.header-tools .mycart .content .bottom-action {text-transform: uppercase;text-align: left;padding-right: 15px;margin-top: 10px;border-top: 1px solid #505050;}
.header-tools .mycart .content .cart_block_list {padding: 15px 0 15px 15px;}
.header-tools .mycart .content .cart_block_list ul.products {margin: 0;max-height:350px;overflow-y: auto;padding-right:15px;}
.header-tools .mycart .content .cart_block_list ul.products li {font-weight: normal;overflow: hidden;padding: 0;position: relative;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #505050;}
.header-tools .mycart .content .cart_block_list ul.products li:last-child {border: 0;margin-bottom: 0;}
.header-tools .mycart .content .cart_block_list ul.products .cart-images {border-color: #505050;float: left;margin-right: 20px;border: 1px solid #dfdfdf;max-width: 100px;}
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info {overflow: hidden;position: relative;padding-right: 20px;}
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .product-name {padding-bottom: 5px;margin-top: -4px;font-size: 14px;line-height: 18px;}
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .product-name a {display: block;max-height: 36px;overflow: hidden;}
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .product-name span {font-size: 12px;}
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .quantity-formated {display: inline-block;color: #9c9b9b;text-transform: uppercase;font-size: 10px;padding-right: 5px;}
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .quantity-formated .quantity {font-size: 15px;}
.header-tools .mycart .content .cart_block_list .product-remove {position: absolute;right: 0;bottom: 50%;margin-top: -20px;color: #666;display: block;background: #dfdfdf;width: 18px;height: 18px;border-radius: 50%;text-align: center;}
.header-tools .mycart .content .cart_block_list .product-remove:hover {color: #fff;background: #707070;}
.header-tools .mycart .content .cart_block_list .product-remove:before {display: block;content: "\f00d";font-family: "FontAwesome";font-size: 10px;line-height: 18px;}
.header-tools .mycart .content .cart_block_list .cart_block_no_products {margin: 0;padding: 0 0 20px;display: none;}
.header-tools .mycart .content .cart_block_list .total-sum {float: right;}
.header-tools .mycart .content .cart_block_list .bottom-action .cart-prices {font-weight: bold;padding: 0 0 10px;}
.header-tools .mycart .content .cart_block_list .bottom-action .cart-prices .cart-prices-line {line-height: 180%;margin: 10px 0;}
.header-tools .mycart .content .cart_block_list .bottom-action .cart-prices .cart-prices-line .total-sum {color: #e4e4e4;}
.header-tools .mycart .content .cart_block_list .bottom-action .button + .button {float: right;}
.header-tools .mycart .content .cart_block_list .bottom-action .button {text-align:center;padding: 0 15px;margin: 0;}
.header-tools .mycart .content .cart_block_list .bottom-action .button:hover {color: #fff;background-color: #707070;}
/* Центральная часть шапки Логотип */
#header {text-align: center;background: #FFF9E8;}
#logo {margin: 0;padding: 15px 0 10px 35px;}
/* Нижняя часть шапки Меню */
#menu {z-index: 1;background: #FFF9E8;}
#menu .container > .inner {position: relative;}
#custommenu ul.mainnav {margin-bottom: 20px;text-align: center;}
#custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;}
#custommenu ul.mainnav li.level0 {border: none;position: relative;display: inline-block;text-align: left;}
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #D6B46B;border: 1px solid transparent;margin: 0 0 10px 0;}
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {border: 1px solid #D6B46B;border-radius: 25px;}
#custommenu ul.mainnav li.level0 > .wrap_submenu {position: absolute;min-width: 255px;padding: 0;top: 120%;left: 0;background: #D6B46B;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);z-index: 100;display: block;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
#custommenu ul.mainnav li.level0:hover > .wrap_submenu {overflow: visible;opacity: 1;filter: alpha(opacity=100);top: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu {position: absolute;min-width: 255px;padding: 0;top: 0%;left: 98%;background: #D6B46B;border: 1px solid #505050;border-bottom: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);margin-top: 5px;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1 {position: relative;list-style: none;}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1 a {border-bottom: 1px solid #D6B46B;color: #fff;display: block;padding: 8px 15px;font-size: 14px;}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1 a:hover {color: #fff;}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent:after {position: absolute;top: 50%;right: 10px;font-size: 14px;margin-top: -7px;content: "\f105";width: 14px;height: 14px;text-align: center;line-height: 14px;display: inline-block;color: #8f8f8f;}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent:hover .wrap_submenu {z-index: 100;overflow: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-transition: all 0.25s ease-out 0.2s;-o-transition: all 0.25s ease-out 0.2s;transition: all 0.25s ease-out 0.2s;}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent:hover .wrap_submenu.hide-cat {display:none !important;}
/* Адаптивное меню */
#mommenu {display:none;margin: 10px 0 0px;}
#mommenu .btn-navbar {padding: 0 20px;border: 0;display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;height: 30px;line-height: 30px;cursor: pointer;}
#mommenu .btn-navbar i {font-size: 25px;line-height: 25px;}
#mommenu .btn-navbar .overlay {content: "";display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 9998;background: #000;opacity: 0.2;filter: alpha(opacity=20);cursor: pointer;}
#mommenu #menu_offcanvas {position: fixed;top: 0;opacity: 0;filter: alpha(opacity=0);left: -250px;height: 100%;overflow: auto;width: 250px;background: #222;color: #b9b9b9;z-index: 9999;}
#mommenu #menu_offcanvas.active {left: 0;opacity: 1;filter: alpha(opacity=100);}
#mommenu #menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#mommenu #menu_offcanvas .mainnav li a {display: block;color: #b9b9b9;font-size: 14px;margin: 0;line-height: 45px;padding: 0 20px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: capitalize;outline: medium none;border-bottom: 1px solid #565656;}
#mommenu #menu_offcanvas .mainnav li a:hover, #mommenu #menu_offcanvas .mainnav li a.active {color: #fff;}
#mommenu #menu_offcanvas .mainnav li ul.sub {display: none;padding-left: 15px;}
#mommenu #menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#mommenu #menu_offcanvas .mainnav li a .open-menu {cursor: pointer;float: right;position: absolute;right: 10px;top: 4px;padding: 0 10px;color: #fff;}
#mommenu #menu_offcanvas .mainnav li a .open-menu:before {content: "\f067";font-family: 'FontAwesome';font-size: 14px;float:right;}
#mommenu #menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f068";color: #707070;}
#mommenu .canvas-title {background-color: #1f1f1f;padding: 13px 20px 8px;font-size: 20px;cursor: pointer;color: #FFFFFF;border-bottom: 1px solid #565656;}
#mommenu .canvas-title .title {margin-left: 10px;text-transform: uppercase;}
#mommenu .canvas-title i.fa-times {float: right;}
.show-sidebar #wrapper {left: 250px;}
.page-title h1.title {margin-bottom: 15px;font-size: 24px;}

#3 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 05 Ноябрь 2017 - 19:12

Большое  спасибо, Вакцина! Почти идеально!
Небольшие недочеты:
1. Верхнюю плашку сделать цветом как меню с хлебными крошками.
2. Поле поиска, соответственно, сделать цветом как поле с лого.
3. Лого переместить с края в центр.
4. Подскажите где изменять цвет меню под лого, хочу сделать потемнее шрифт.
5. Если навести курсор на корзину в шапке,то открывается ЧЕРНОЕ окно.
6. Тоже самое с личкой.
Заранее благодарю.

#4 Vaccina

Vaccina

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

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

Отправлено 08 Ноябрь 2017 - 08:56

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top {background: #FFF9E8;height: 42px;}

замените на:
#header-top {background: #EACD8E;height: 42px;}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#search_mini_form input {background: #D6B46B;color: #;border: none;border-radius: 25px;height: 25px;float: right;font-size: 12px;margin-top: 9px;width: 200px;padding-left: 10px;padding-right: 30px;}

замените на:
#search_mini_form input {background: #FFF9E8;color: #000;border: none;border-radius: 25px;height: 25px;float: right;font-size: 12px;margin-top: 9px;width: 200px;padding-left: 10px;padding-right: 30px;}

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:
#logo {margin: 0;padding: 15px 0 10px 35px;clear: both;text-align: center;}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #D6B46B;border: 1px solid transparent;margin: 0 0 10px 0;}

в данной строке измените значение стиля color

5-6. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-tools .myaccount .content, .header-tools .mycart .content, .header-tools .mycompare .content {position: absolute;right: 0;min-width: 170px;margin-top: 0px;z-index: 9999;padding: 5px 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);text-align: left;top: 100%;background: #2a2a2a;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}

замените на:
.header-tools .myaccount .content, .header-tools .mycart .content, .header-tools .mycompare .content {position: absolute;right: 0;min-width: 170px;margin-top: 0px;z-index: 9999;padding: 5px 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);text-align: left;top: 100%;background: #EACD8E;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}

#5 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 08 Ноябрь 2017 - 11:06

2017-11-08_12-51-45.jpg

Просмотр сообщенияVaccina (08 Ноябрь 2017 - 08:56) писал:

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top {background: #FFF9E8;height: 42px;}

замените на:
#header-top {background: #EACD8E;height: 42px;}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#search_mini_form input {background: #D6B46B;color: #;border: none;border-radius: 25px;height: 25px;float: right;font-size: 12px;margin-top: 9px;width: 200px;padding-left: 10px;padding-right: 30px;}

замените на:
#search_mini_form input {background: #FFF9E8;color: #000;border: none;border-radius: 25px;height: 25px;float: right;font-size: 12px;margin-top: 9px;width: 200px;padding-left: 10px;padding-right: 30px;}

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:
#logo {margin: 0;padding: 15px 0 10px 35px;clear: both;text-align: center;}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #D6B46B;border: 1px solid transparent;margin: 0 0 10px 0;}

в данной строке измените значение стиля color

5-6. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-tools .myaccount .content, .header-tools .mycart .content, .header-tools .mycompare .content {position: absolute;right: 0;min-width: 170px;margin-top: 0px;z-index: 9999;padding: 5px 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);text-align: left;top: 100%;background: #2a2a2a;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}

замените на:
.header-tools .myaccount .content, .header-tools .mycart .content, .header-tools .mycompare .content {position: absolute;right: 0;min-width: 170px;margin-top: 0px;z-index: 9999;padding: 5px 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);text-align: left;top: 100%;background: #EACD8E;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
Большое спасибо, Вакцина!
1. Заметила, что в открывающемся окне Корзины кнопка очистить не срабатывает.  Помогите, пожалуйста
2. Как поставить меню по центру? слетело(
2017-11-08_12-51-45.jpg
3. Заметила, что что-то твориться с фавиконом, пропадает.
Ставила уже два разных кода, не знаю какой правильный.

#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 08 Ноябрь 2017 - 14:50

Просмотр сообщенияogonek7777 (08 Ноябрь 2017 - 11:06) писал:

Прикрепленный файл 2017-11-08_12-51-45.jpg
Большое спасибо, Вакцина!
1. Заметила, что в открывающемся окне Корзины кнопка очистить не срабатывает.  Помогите, пожалуйста
2. Как поставить меню по центру? слетело(
Прикрепленный файл 2017-11-08_12-51-45.jpg
3. Заметила, что что-то твориться с фавиконом, пропадает.
Ставила уже два разных кода, не знаю какой правильный.
Здравствуйте,
1. Найдите в шаблоне HTML код
<a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" >Очистить</a>
замените на
<a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>

2 Найдите в файле main.css код
#header-top .header-col-left ul.links li {
	padding: 11px 8px;
	float: left;
	list-style: none;
}

замените на
#header-top .header-col-left ul.links li {
	padding: 11px 8px;
	list-style: none;
	display: inline-block;
}
далее найдите 
#header-top .header-col-left {
	width: 67%;
}

замените на
#header-top .header-col-left {
	width: 70%;
	text-align: center;
}
3. загрузите файл в раздел Сайт-Редактор шаблонов, далее найдите в шаблоне hTML код
   <link rel="icon" href="http://{NET_DOMAIN}/web/upload/assets/images/119/118672/favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="http://{NET_DOMAIN}/web/upload/assets/images/119/118672/favicon.ico" type="image/x-icon" />

замените на
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />

#7 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 11 Ноябрь 2017 - 20:38

Просмотр сообщенияИрина345 (08 Ноябрь 2017 - 14:50) писал:

Здравствуйте,
1. Найдите в шаблоне HTML код
<a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" >Очистить</a>
замените на
<a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>

2 Найдите в файле main.css код
#header-top .header-col-left ul.links li {
padding: 11px 8px;
float: left;
list-style: none;
}

замените на
#header-top .header-col-left ul.links li {
padding: 11px 8px;
list-style: none;
display: inline-block;
}
далее найдите
#header-top .header-col-left {
width: 67%;
}

замените на
#header-top .header-col-left {
width: 70%;
text-align: center;
}
3. загрузите файл в раздел Сайт-Редактор шаблонов, далее найдите в шаблоне hTML код
<link rel="icon" href="http://{NET_DOMAIN}/web/upload/assets/images/119/118672/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://{NET_DOMAIN}/web/upload/assets/images/119/118672/favicon.ico" type="image/x-icon" />

замените на
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
1. Вкладка корзины пропала с шапки. От слова совсем - сразу перекидывает на страницу корзины.
2. При нажатии корзины вылазит сообщение об ошибке
3.  Не сработало.
4. Получилось.

#8 Danil

Danil

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

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

Отправлено 14 Ноябрь 2017 - 11:37

Просмотр сообщенияogonek7777 (11 Ноябрь 2017 - 20:38) писал:

1. Вкладка корзины пропала с шапки. От слова совсем - сразу перекидывает на страницу корзины.
2. При нажатии корзины вылазит сообщение об ошибке
3.  Не сработало.
4. Получилось.
Здравствуйте.
Отображение меню и всплывающую корзину Вам подправили.
Что касается js ошибки при переходе в корзину, то у Вас там установлен какой-то виджет, но видимо части кода не хватает. Вы добавляли какой-либо сторонний функционал в корзину?

#9 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 20 Ноябрь 2017 - 19:48

Просмотр сообщенияDanil (14 Ноябрь 2017 - 11:37) писал:

Здравствуйте.
Отображение меню и всплывающую корзину Вам подправили.
Что касается js ошибки при переходе в корзину, то у Вас там установлен какой-то виджет, но видимо части кода не хватает. Вы добавляли какой-либо сторонний функционал в корзину?
Здравствуйте, это виджет поиска, но ошибку наблюдаю уже несколько месяцев,а виджет стоит неделю. Заметила, что ошибка выскакивает,если нажать значок корзины.

#10 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 28 Ноябрь 2017 - 10:55

Просмотр сообщенияogonek7777 (20 Ноябрь 2017 - 19:48) писал:

Здравствуйте, это виджет поиска, но ошибку наблюдаю уже несколько месяцев,а виджет стоит неделю. Заметила, что ошибка выскакивает,если нажать значок корзины.
Здравствуйте. Ошибка происходит именно в этом скрипте. Возможно, был удален какой-то вспомогательный скрипт. Скажите, пожалуйста, какой инструкцией по установке Вы пользовались?

Прикрепленные изображения

  • Screenshot_130.jpg

#11 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 28 Ноябрь 2017 - 11:25

Просмотр сообщенияStasya (28 Ноябрь 2017 - 10:55) писал:

Здравствуйте. Ошибка происходит именно в этом скрипте. Возможно, был удален какой-то вспомогательный скрипт. Скажите, пожалуйста, какой инструкцией по установке Вы пользовались?
Ранее у меня стояли виджеты от Convead.ru . Видимо, я не все в коде удалила. Как его почистить?
Спасибо.

#12 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 29 Ноябрь 2017 - 12:33

Просмотр сообщенияStasya (28 Ноябрь 2017 - 10:55) писал:

Здравствуйте. Ошибка происходит именно в этом скрипте. Возможно, был удален какой-то вспомогательный скрипт. Скажите, пожалуйста, какой инструкцией по установке Вы пользовались?

Я не могу найти где  находится код. Все еще жду помощи. Спасибо

#13 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 29 Ноябрь 2017 - 15:01

Просмотр сообщенияogonek7777 (28 Ноябрь 2017 - 11:25) писал:

Ранее у меня стояли виджеты от Convead.ru . Видимо, я не все в коде удалила. Как его почистить?
Спасибо.
В шаблоне Корзина найдите и удалите код 
<!-- Convead -->
<script>
if (convead) convead('event', 'update_cart', {
  items: [
	{% FOR cart_items %}
	  { product_id: '{cart_items.GOODS_MOD_ID}', qnt: {cart_items.ORDER_LINE_QUANTITY},  price:{cart_items.GOODS_MOD_PRICE_NOW} }{% IF order_lines.last != 1%}, {% ENDIF%}
	{% ENDFOR %}
  ]
});
</script>
<!-- /Convead -->

#14 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 29 Ноябрь 2017 - 17:06

Просмотр сообщенияStasya (29 Ноябрь 2017 - 15:01) писал:

В шаблоне Корзина найдите и удалите код 
<!-- Convead -->
<script>
if (convead) convead('event', 'update_cart', {
items: [
{% FOR cart_items %}
	 { product_id: '{cart_items.GOODS_MOD_ID}', qnt: {cart_items.ORDER_LINE_QUANTITY}, price:{cart_items.GOODS_MOD_PRICE_NOW} }{% IF order_lines.last != 1%}, {% ENDIF%}
{% ENDFOR %}
]
});
</script>
<!-- /Convead -->
Большое спасибо!
Не понятно только, как этот шаблон влиял,если на сайте действует только Быстрый заказ.

#15 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 29 Ноябрь 2017 - 17:21

Просмотр сообщенияogonek7777 (29 Ноябрь 2017 - 17:06) писал:

Большое спасибо!
Не понятно только, как этот шаблон влиял,если на сайте действует только Быстрый заказ.
Данную ошибку я обнаружила только на странице Корзина, где собственно и был установлен этот код.

#16 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 30 Ноябрь 2017 - 17:19

Просмотр сообщенияStasya (29 Ноябрь 2017 - 17:21) писал:

Данную ошибку я обнаружила только на странице Корзина, где собственно и был установлен этот код.
Большое спасибо! Помогло!
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Новогодний
  5. → Изменение общей стилистики
  6. Privacy Policy