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


Верхний Блок


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

#1 Ribka

Ribka

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

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

Отправлено 19 Январь 2019 - 20:53

Здравствуйте!
Помогите, пожалуйста, внести изменения в верхний блок. http://vympel.store

Шаблон: http://prntscr.com/m9d9ta

1. Добавить верхнее меню 2 (цвет шрифта белый)
Верхнее2
{menu.header2}

2. Перенести поле поиска

3. Перенести Корзину (цвет шрифта белый), слева разместить иконку сравнения товаров, избранное

4. Перенести верхнее меню
Верхнее
{menu.header}

Большое спасибо!

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 558 сообщений

Отправлено 22 Январь 2019 - 06:14

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		<ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
		{% FOR menu %}
		  {% FOR header %}
			{% FOR links %}
				   <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
		<li class="clear"></li>
	  </ul>
		<div class="top_right_header">
		  {% IF CLIENT_IS_LOGIN %}
			<div class="whishlist topb hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div>
		  {% ENDIF %}
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<div class="compare topb hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div>
		  {%ENDIF%}
		  {%IF CLIENT_IS_LOGIN%}
			<div class="cabinet topb hires">
			  <a href="{USER_LOGIN_URL}" title="Личный кабинет"> <i class="fa fa-user-o"></i> </a>
			</div>
		  {%ELSE%}
			<div class="cabinet topb hires login_button">
			  <div class="login_icon" title="Авторизация"><i class="fa fa-user-o"></i></div>
			  <div class="header_auth header_autorization" >
				<div class="header_auth_title">Аккаунт</div>
				<form action="{USER_LOGIN_URL}" method="post" class="clientForm">
				  <div class="header_auth_text">
					Если вы уже имеете аккаунт у нас, пожалуйста, входите.
				  </div>
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="from" value="{FROM}" />
				  <div class="">
			  <div class="regField">
				  <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" placeholder="E-mail *" maxlength="255" class="input-text required email" />
			  </div>
			  <div class="regField">
				  <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" placeholder="Пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
				  <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>
			  </div>
			
		  </div>
				  <div class="reg_buttons">
					<button type="submit" class="button pw_button button_type_one" title="Login" name="send" id="send2" style="padding:0">Войти</button>
					<div class="reg_button reg_form button_type_two registration_button">Зарегистрироваться</div>
					<div class="rcovery_button">Забыли пароль?</div>
					<div class="clear"></div>
				  </div>
		  </form>
			  </div>
			  <div class="header_auth header_registration">
				<div class="header_auth_title">Регистрация</div>
				<form action="{USER_REGISTER_URL}" method="post" class="clientForm registration_form">
  <input type="hidden" name="hash" value="{HASH}" />
  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
  {ANTISPAM_CODE}
  <input type="hidden" name="from" value="{FROM}" />
  <div class="reg_content">
	<div class="regField">
	   <input id="reg_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" placeholder="Представьтесь, пожалуйста *" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required input-text"/>
	</div>
	<div class="regField">
		<input id="sites_client_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" placeholder="Телефон для связи *" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required input-text"/>
	</div>
	<div class="regField">
	   <input id="sites_client_mail2" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" placeholder="Электронная почта *"  value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email input-text"/>
	</div>
	 <div class="regField">
		<input id="sites_client_pass2" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50"  placeholder="Придумайте пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>		  
		<label class="invalidInput" id="caps_lock">Caps Lock включен.</label>		  
	 </div>
	 <div class="mess header_auth_text">Нажимая на кнопку Зарегистрироваться, Вы соглашаетесь с <a class="show-rules">правилами обработки данных</a></div>
	 <div class="reg_buttons">
	 <button type="submit" title="Зарегистрироваться" class="button pw_button button_type_one reg_fields_check_and_submit">Зарегистрироваться</button>
	 <div class="login_button_in_reg reg_button reg_form button_type_two">Войти</div>
	 </div>
	 <div class="clear"></div>
	 
  </div>
</form>
			  </div>
			  <div class="header_auth header_recovery">
				 <div class="header_auth_title">Аккаунт</div>
				<form action="{USER_RECOVERY_URL}" method="post" class="clientForm">
				  <input type="hidden" name="hash" value="{HASH}" />
				   <div class="regContent">
					 <div class="regField">
					  <input id="sites_client_mail3" type="text" name="form[sites_client_mail]"  placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="input-text required email"/>
					 </div>
					 <div class="regField">
						<input id="sites_client_pass3" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" placeholder="Придумайте новый пароль *" maxlength="50" minlength="6" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
						<label class="invalidInput" id="caps_lock">Caps Lock включен.</label>
					  </div>
					  <div class="reg_buttons">
						<button type="submit" title="Submit" class="button pw_button button_type_one">Восстановить</button>
						<div class="login_recovery_button reg_button reg_form button_type_two" href="{USER_LOGIN_URL}">Вход с паролем</div>
					  </div>
					</div>
				</form>
			  </div>
			</div>
		  {%ENDIF%}
		  <div class="search topb">
			<div class="search-open-content">
			  <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;">
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = &#39;&#39;;"/>
				<button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button>
			  </form>
			</div>
		  </div>
		  <div class="clear"></div>
		</div>
	  <div class="clear"></div>
	  </div>
	</div>
	<div class="mainwidth">
		<div class="logo mainlogo">
		  <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a>
		</div>
		<div class="rightHeader">
		  <div class="clear"></div>
		  <div class="headerButtons">
			   {%IF SETTINGS_STORE_EMAIL_MAIN%}
			<div class="header-email topb">
			  <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
			</div>
			{%ENDIF%}
			   <div class="hPhone topb">
					{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<div>
					  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">
					   <i class="fa fa-phone-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}
					  </a>
					</div>
					{% ENDIF %}
					{%IF SETTINGS_STORE_EMAIL_MAIN%}
					<div>
					<a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
					</div>
					{%ENDIF%}
			   </div>
			   <div class="hCallBack topb">
				 <div class="hCallBackButton button_type_one"><span class="text">Заказать звонок</span><span class="icon icon-phone"></span></div>
			   </div>
			   <div class="cart topb">
				 <a href="{CART_URL}">
				   <span class="fa fa-shopping-cart"></span>
				   <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span>
				   <div class="text">Корзина</div>
				   {%IF cart_sum_empty%}
						  <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div>
					{%ELSE%}
					{% FOR cart_sum %}
						  <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div>
					{% ENDFOR %}
					{%ENDIF%}
				  </a>
				 <div class="hover_cart_content">
				   {% IF cart_count_empty %}
				   <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div>
				   </div>
				   {% ELSE %}
				   <div class="hidden_cart_content">
					   <ul class="cart-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
							<div class="product-details">
							  <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
							  {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %}
							  
							  {cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
							</div>
						  </li>
						  {% ENDFOR %}
						</ul>
					  {% FOR cart_sum %}
						  <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					 {% ENDFOR %}
					  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
					  <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				   </div>
				   {% ENDIF %}
				 </div>
			   </div>
		  </div>
		  <div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
  </div>


замените на:
		<ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
		{% FOR menu %}
		  {% FOR header2 %}
			{% FOR links %}
				   <li class="{% IF menu.header2.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header2.links.SELECTED %}active{%ENDIF%}" href="{menu.header2.links.URL}"  {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
		<li class="clear"></li>
	  </ul>
		<div class="top_right_header">
			   <div class="cart topb">
				 <a href="{CART_URL}">
				   <span class="fa fa-shopping-cart"></span>
				   <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span>
				   <div class="text">Корзина</div>
				   {%IF cart_sum_empty%}
						  <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div>
					{%ELSE%}
					{% FOR cart_sum %}
						  <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div>
					{% ENDFOR %}
					{%ENDIF%}
				  </a>
				 <div class="hover_cart_content">
				   {% IF cart_count_empty %}
				   <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div>
				   </div>
				   {% ELSE %}
				   <div class="hidden_cart_content">
					   <ul class="cart-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
							<div class="product-details">
							  <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
							  {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %}
							  
							  {cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
							</div>
						  </li>
						  {% ENDFOR %}
						</ul>
					  {% FOR cart_sum %}
						  <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					 {% ENDFOR %}
					  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
					  <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				   </div>
				   {% ENDIF %}
				 </div>
			   </div>

		  <div class="clear"></div>
		</div>
	  <div class="clear"></div>
	  </div>
	</div>
	<div class="mainwidth">
		<div class="logo mainlogo">
		  <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a>
		</div>
		<div class="rightHeader">
		  <div class="clear"></div>
		  <div class="headerButtons">
		  <div class="search topb">
			<div class="search-open-content">
			  <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;">
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = &#39;&#39;;"/>
				<button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button>
			  </form>
			</div>
		  </div>
		<ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
		{% FOR menu %}
		  {% FOR header %}
			{% FOR links %}
				   <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
		<li class="clear"></li>
	  </ul>
		  </div>
		  <div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
  </div>


далее зайдите в main.css - найдите:
.top_header .menu{float:left;min-height:60px;line-height:60px;max-width:1320px;}
.top_header .menu li{float:left;padding:0 10px 0 0;list-style:none;}
.top_header .menu li:first-of-type{padding-left:0;}
.top_header .menu li:last-of-type{padding:0;clear:both;border-bottom:0;}
.top_header .menu li:nth-last-child(-2n+2){border-bottom:0;}
.top_header .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;}
.top_header .menu li a:hover{text-decoration:underline;}

замените на:
.top_header .menu, .mainwidth .rightHeader .menu{float:left;min-height:60px;line-height:60px;max-width:1320px;}
.top_header .menu li, .mainwidth .rightHeader .menu li{float:left;padding:0 10px 0 0;list-style:none;}
.top_header .menu li:first-of-type, .mainwidth .rightHeader .menu li:first-of-type{padding-left:0;}
.top_header .menu li:last-of-type, .mainwidth .rightHeader .menu li:last-of-type{padding:0;clear:both;border-bottom:0;}
.top_header .menu li:nth-last-child(-2n+2), .mainwidth .rightHeader .menu li:nth-last-child(-2n+2){border-bottom:0;}
.top_header .menu li a, .mainwidth .rightHeader .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;}
.top_header .menu li a:hover, .mainwidth .rightHeader .menu li a:hover{text-decoration:underline;}
.mainwidth .rightHeader .menu li a {color:#ff9200;}

далее найдите:
.top_header #search_mini_form input{border:0px;color:white;background:none;outline:0;width:170px;}
.top_header .topb #search_mini_form button{position:absolute;right:0px;top:12px;background:none;outline:0;border:0;color:white;cursor:pointer;font-size:16px;}
.top_header .topb #search_mini_form button:hover{color:#ff9900;}

замените на:
.search{width:70%;float: none !important; margin: 0 auto;clear: both;border: 2px solid #343834;padding: 10px;}
#search_mini_form {position: relative;width: 100%;}
#search_mini_form input{border:0px;color:#ff9200;background:none;outline:0;width:100%;}
#search_mini_form button{position:absolute;right:0px;top:0;background:none;outline:0;border:0;color:#ff9200;cursor:pointer;font-size:16px;}
#search_mini_form button:hover{color:#ff9900;}

далее найдите:
.cart.topb{position:relative;width:163px;margin-left:25px;}
.cart.topb .fa{font-size:40px;float:left;}
.cart.topb .text{margin-left:25px;float:left;width:100px;line-height:20px;font-size:16px;text-transform:uppercase;color:#29333d;}
.hover_cart_content{width: 300px;position: absolute;right: 0px;top: 35px;z-index:1000;display:none;}
.product-mod{color:#a9a9a9;font-size:14px;}
.hidden_cart_content{background: white;margin-top: 22px;font-size: 14px;text-transform: none;line-height: 20px;padding:15px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);}
.hidden_cart_content .empty_text{text-align:center;}
.visible.total-sum {float: left;line-height: 20px;margin-left: 25px;font-size:20px;font-weight:bold;color:#29333d;text-transform:lowercase;}

замените на:
.cart.topb{position:relative;width:195px;margin-left:25px;}
.cart.topb .fa{font-size:40px;float:left;}
.cart.topb .text{margin-left:25px;float:left;width:100px;line-height:20px;font-size:16px;text-transform:uppercase;color:#fff;}
.hover_cart_content{width: 300px;position: absolute;right: 0px;top: 35px;z-index:1000;display:none;}
.product-mod{color:#a9a9a9;font-size:14px;}
.hidden_cart_content{background: white;margin-top: 22px;font-size: 14px;text-transform: none;line-height: 20px;padding:15px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);}
.hidden_cart_content .empty_text{text-align:center;color: #000;}
.hidden_cart_content .empty_text a {color: #000;}
.visible.total-sum {float: left;line-height: 20px;margin-left: 25px;font-size:20px;font-weight:bold;color:#fff;text-transform:lowercase;}


#3 Ribka

Ribka

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

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

Отправлено 26 Январь 2019 - 13:02

Vaccina, хотелось бы снова переделать все от первоначального шаблона. Извиняемся  :unsure:  :(  , что потратили ваше время на разработку первой версии.
Актуальный и последний шапки вариант тут : http://prntscr.com/mcej48 -> http://prntscr.com/mcekkn

1. Переместить поле поиска
2. Номер телефона и почтовый адрес сдвинуть по уровню левого края баннера
3. Вывести значок ЛК и кликабельные ссылки Вход и Реистрация
4. Корзина остается на своем месте
5. Справа от корзины разместить значки Сравнения товаров и Избранное
6. Добавить верхнее меню Верхнее {menu.header} - АКЦИИ и Хиты продаж (добавить значки)

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 558 сообщений

Отправлено 30 Январь 2019 - 04:18

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 <div id="header">
<div class="top_header">
	 <div class="mainwidth">
	 <div class="menu-button-lr">
		 <span class="fa fa-bars"></span>
		 <span class="fa fa-times"></span>
		 <span class="text">Меню</span>
	 </div>
	 <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
	 {% FOR menu %}
		 {% FOR header %}
		 {% FOR links %}
				 <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
		 {% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 <li class="clear"></li>
	 </ul>
	 <div class="top_right_header">
		 {% IF CLIENT_IS_LOGIN %}
		 <div class="whishlist topb hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div>
		 {% ENDIF %}
		 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		 <div class="compare topb hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div>
		 {%ENDIF%}
		 {%IF CLIENT_IS_LOGIN%}
		 <div class="cabinet topb hires">
			 <a href="{USER_LOGIN_URL}" title="Личный кабинет"> <i class="fa fa-user-o"></i> </a>
		 </div>
		 {%ELSE%}
		 <div class="cabinet topb hires login_button">
			 <div class="login_icon" title="Авторизация"><i class="fa fa-user-o"></i></div>
			 <div class="header_auth header_autorization" >
			 <div class="header_auth_title">Аккаунт</div>
			 <form action="{USER_LOGIN_URL}" method="post" class="clientForm">
				 <div class="header_auth_text">
				 Если вы уже имеете аккаунт у нас, пожалуйста, входите.
				 </div>
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input type="hidden" name="from" value="{FROM}" />
				 <div class="">
			 <div class="regField">
				 <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" placeholder="E-mail *" maxlength="255" class="input-text required email" />
			 </div>
			 <div class="regField">
				 <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" placeholder="Пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
				 <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>
			 </div>
		
		 </div>
				 <div class="reg_buttons">
				 <button type="submit" class="button pw_button button_type_one" title="Login" name="send" id="send2" style="padding:0">Войти</button>
				 <div class="reg_button reg_form button_type_two registration_button">Зарегистрироваться</div>
				 <div class="rcovery_button">Забыли пароль?</div>
				 <div class="clear"></div>
				 </div>
		 </form>
			 </div>
			 <div class="header_auth header_registration">
			 <div class="header_auth_title">Регистрация</div>
			 <form action="{USER_REGISTER_URL}" method="post" class="clientForm registration_form">
<input type="hidden" name="hash" value="{HASH}" />
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<input type="hidden" name="from" value="{FROM}" />
<div class="reg_content">
<div class="regField">
	 <input id="reg_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" placeholder="Представьтесь, пожалуйста *" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required input-text"/>
</div>
<div class="regField">
	 <input id="sites_client_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" placeholder="Телефон для связи *" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required input-text"/>
</div>
<div class="regField">
	 <input id="sites_client_mail2" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email input-text"/>
</div>
	 <div class="regField">
	 <input id="sites_client_pass2" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" placeholder="Придумайте пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>		
	 <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>		
	 </div>
	 <div class="mess header_auth_text">Нажимая на кнопку Зарегистрироваться, Вы соглашаетесь с <a class="show-rules">правилами обработки данных</a></div>
	 <div class="reg_buttons">
	 <button type="submit" title="Зарегистрироваться" class="button pw_button button_type_one reg_fields_check_and_submit">Зарегистрироваться</button>
	 <div class="login_button_in_reg reg_button reg_form button_type_two">Войти</div>
	 </div>
	 <div class="clear"></div>
	
</div>
</form>
			 </div>
			 <div class="header_auth header_recovery">
				 <div class="header_auth_title">Аккаунт</div>
			 <form action="{USER_RECOVERY_URL}" method="post" class="clientForm">
				 <input type="hidden" name="hash" value="{HASH}" />
				 <div class="regContent">
					 <div class="regField">
					 <input id="sites_client_mail3" type="text" name="form[sites_client_mail]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="input-text required email"/>
					 </div>
					 <div class="regField">
					 <input id="sites_client_pass3" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" placeholder="Придумайте новый пароль *" maxlength="50" minlength="6" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
					 <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>
					 </div>
					 <div class="reg_buttons">
					 <button type="submit" title="Submit" class="button pw_button button_type_one">Восстановить</button>
					 <div class="login_recovery_button reg_button reg_form button_type_two" href="{USER_LOGIN_URL}">Вход с паролем</div>
					 </div>
				 </div>
			 </form>
			 </div>
		 </div>
		 {%ENDIF%}
		 <div class="search topb">
		 <div class="search-open-content">
			 <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;">
			 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = &#39;&#39;;"/>
			 <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button>
			 </form>
		 </div>
		 </div>
		 <div class="clear"></div>
	 </div>
	 <div class="clear"></div>
	 </div>
</div>
<div class="mainwidth">
	 <div class="logo mainlogo">
		 <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a>
	 </div>
	 <div class="rightHeader">
		 <div class="clear"></div>
		 <div class="headerButtons">
			 {%IF SETTINGS_STORE_EMAIL_MAIN%}
		 <div class="header-email topb">
			 <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
		 </div>
		 {%ENDIF%}
			 <div class="hPhone topb">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <div>
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">
					 <i class="fa fa-phone-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}
					 </a>
				 </div>
				 {% ENDIF %}
				 {%IF SETTINGS_STORE_EMAIL_MAIN%}
				 <div>
				 <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
				 </div>
				 {%ENDIF%}
			 </div>
			 <div class="hCallBack topb">
				 <div class="hCallBackButton button_type_one"><span class="text">Заказать звонок</span><span class="icon icon-phone"></span></div>
			 </div>
			 <div class="cart topb">
				 <a href="{CART_URL}">
				 <span class="fa fa-shopping-cart"></span>
				 <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span>
				 <div class="text">Корзина</div>
				 {%IF cart_sum_empty%}
						 <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div>
				 {%ELSE%}
				 {% FOR cart_sum %}
						 <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div>
				 {% ENDFOR %}
				 {%ENDIF%}
				 </a>
				 <div class="hover_cart_content">
				 {% IF cart_count_empty %}
				 <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div>
				 </div>
				 {% ELSE %}
				 <div class="hidden_cart_content">
					 <ul class="cart-products-list">
						 {% FOR cart_items %}
						 <li class="cart-item">
						 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						 <div class="product-details">
							 <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
							 {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %}
							
							 {cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
						 </li>
						 {% ENDFOR %}
					 </ul>
					 {% FOR cart_sum %}
						 <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					 {% ENDFOR %}
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
					 <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
		 </div>
		 <div class="clear"></div>
	 </div>
	 <div class="clear"></div>
</div>
</div>
  
замените на:
 <div id="header">
<div class="top_header">
	 <div class="mainwidth">
	 <div class="menu-button-lr">
		 <span class="fa fa-bars"></span>
		 <span class="fa fa-times"></span>
		 <span class="text">Меню</span>
	 </div>
	 <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
	 {% FOR menu %}
		 {% FOR header %}
		 {% FOR links %}
				 <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
		 {% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 <li class="clear"></li>
	 </ul>
	 <div class="clear"></div>
	 </div>
</div>
<div class="mainwidth">
	 <div class="logo mainlogo">
		 <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a>
	 </div>
	 <div class="rightHeader">
		 <div class="clear"></div>
		 <div class="headerButtons">
			 {%IF SETTINGS_STORE_EMAIL_MAIN%}
		 <div class="header-email topb">
			 <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
		 </div>
		 {%ENDIF%}
			 <div class="hPhone topb">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <div>
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">
					 <i class="fa fa-phone-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}
					 </a>
				 </div>
				 {% ENDIF %}
				 {%IF SETTINGS_STORE_EMAIL_MAIN%}
				 <div>
				 <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
				 </div>
				 {%ENDIF%}
			 </div>
			 <div class="top_right_header">
				 <div class="cabinet topbt hires">
				 <i class="fa fa-user-o"></i>
				 <ul>
					 {% IF CLIENT_IS_LOGIN %}	
					 <li><a href="{USER_SETTINGS_URL}">ЛК</a></li>
					 <li><a href="{USER_LOGOUT_URL}">Выход</a></li>
					 {%ELSE%}
					 <li><a href="{USER_LOGIN_URL}">Войти</a></li>
					 <li><a href="{USER_REGISTER_URL}">Регистрация</a></li>
					 {%ENDIF%}
				 </ul>
				 </div>
			 </div>
			 <div class="cart topb">
				 <a href="{CART_URL}">
				 <span class="fa fa-shopping-cart"></span>
				 <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span>
				 <div class="text">Корзина</div>
				 {%IF cart_sum_empty%}
						 <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div>
				 {%ELSE%}
				 {% FOR cart_sum %}
						 <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div>
				 {% ENDFOR %}
				 {%ENDIF%}
				 </a>
				 <div class="hover_cart_content">
				 {% IF cart_count_empty %}
				 <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div>
				 </div>
				 {% ELSE %}
				 <div class="hidden_cart_content">
					 <ul class="cart-products-list">
						 {% FOR cart_items %}
						 <li class="cart-item">
						 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						 <div class="product-details">
							 <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
							 {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %}
							
							 {cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
						 </li>
						 {% ENDFOR %}
					 </ul>
					 {% FOR cart_sum %}
						 <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					 {% ENDFOR %}
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
					 <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 <div class="top_right_header">
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				 <div class="compare topbt hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div>
			 {%ENDIF%}
			 {% IF CLIENT_IS_LOGIN %}
				 <div class="whishlist topbt hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div>
			 {% ENDIF %}
			 </div>
<div class="clear"></div>
			 <div class="search topb">
				 <div class="search-open-content">
				 <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;">
					 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = &#39;&#39;;"/>
					 <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button>
				 </form>
				 </div>
			 </div>
			 <ul class="sales_but topb">
				 <li><i class="fa fa-percent"></i><a href="/discount">Акции</a></li>
				 <li><i class="fa fa-star"></i><a href="{CATALOG_TOP_SALES_URL}">Лидеры продаж</a></li>
			 </ul>
		 </div>
		 <div class="clear"></div>
	 </div>
	 <div class="clear"></div>
</div>
</div>
  
далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .top_right_header {float: right;padding: 10px 0 10px 0;}
.top_header .topb{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid white;font-size:14px;}
.top_header .topb{float:left;color:white;position:relative;}
.top_header .topb a{color:white;display:block;padding:0;font-size:16px;line-height:45px;}
.top_header .topb.registration a{font-size:22px;}
.top_header .topb a{display:block;width:100%;}
.top_header .topb a:hover{color:#ff9900;}
.top_header .topb.compare{padding-right:20px;}
.top_header .topb.compare a i{font-size:18px;}
.top_header .topb.whishlist{padding-left:7px;}
.top_header .topb.whishlist a i{font-size:20px;}
.top_header .topb.cabinet a i{font-size:18px;}
.top_header .topb .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
.top_header .topb .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
.top_header #search_mini_form input{border:0px;color:white;background:none;outline:0;width:170px;}
.top_header .topb #search_mini_form button{position:absolute;right:0px;top:12px;background:none;outline:0;border:0;color:white;cursor:pointer;font-size:16px;}
.top_header .topb #search_mini_form button:hover{color:#ff9900;}
.menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.top_header .header_auth {position: absolute;z-index: 3000; width: 300px;box-shadow:1px 1px 6px 3px rgba(0,0,0,0.3);right:0px;top:45px;}
.top_header .header_auth form{background: white;padding:25px 25px 25px 25px;}
.top_header .header_auth .header_auth_title{line-height:70px;width:100%;background:#ebebeb;font-weight:bold;font-size:21px;color:#29333d;text-align:left;padding:0 25px;text-transform:uppercase;}
.top_header .header_auth .header_auth_text{font-size:15px;color:#29333d;text-align:left;line-height:20px;margin-bottom:20px;}
.top_header .header_auth .header_auth_text .show-rules{color:#ff9900;display: inline;font-size: 14px;line-height: 20px;}
.top_header .header_auth .mess.header_auth_text{font-size:14px;color:#b3b3b3;}
.top_header .header_auth input{width:100%;background:#f4f4f4;border-radius:6px;line-height:40px;margin-bottom:10px;display:block;padding:0 10px;}
.top_header .header_auth label.invalidInput{line-height:20px;text-align:left;display:block;color:red;margin-bottom:10px;margin-top:-10px;}
.top_header .header_auth .pw_button.button_type_one{width:100%;display:block;float:none;margin-bottom:10px;text-align:center;padding:0;}
.button_type_one{font-family:'PT Sans', sans-serif;}
.button_type_one.hCallBackButton{width:165px;}
.button_type_one.reg_button{display:block;}
.top_header .header_auth .reg_button.button_type_two{width:100%;display:block;float:none;margin-bottom:0px;text-align:center;padding:0;}
.top_header .header_auth .rcovery_button{display:block;text-align:left;font-size:15px;color:#29333d;line-height:20px;margin-top:15px;}
.top_header .header_auth .rcovery_button:hover{text-decoration:underline;color:#29333d;}
.top_header .header_autorization{display:none;}
.top_header .header_autorization.active{}
.top_header .header_registration{display:none;}
.top_header .header_registration.active{}
.rcovery_button{cursor:pointer;}
.top_header .header_recovery{display:none;}
.top_header .header_recovery.active{}
.login_button .login_icon{font-size:16px;}
.login_button:hover .login_icon{color:#ff9900;cursor:pointer;}
.menu-button-lr{position:relative;padding-left:25px;}
.menu-button-lr .fa{position:absolute;left:0;font-size:24px;}
.menu-button-lr .fa-times{font-weight: normal;
-moz-transform: rotate(-90deg) scale(0);
-ms-transform: rotate(-90deg) scale(0);
-o-transform: rotate(-90deg) scale(0);
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;
top:17px;
}
.menu-button-lr .fa-bars{display: inline-block;font-weight: normal;
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
top:18px;
}
.menu-button-lr.active .fa-bars{font-weight: normal;
-moz-transform: rotate(-90deg) scale(0);
-ms-transform: rotate(-90deg) scale(0);
-o-transform: rotate(-90deg) scale(0);
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;}
.menu-button-lr.active .fa-times{display: inline-block;font-weight: normal;
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;}
.menu-button-lr.active{color:#99c800;}
.menu-button-lr .fa{margin-right:5px;}

замените на:
#header .top_right_header {float: left;}
#header .topbt{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid #000000;font-size:14px;}
#header .topbt{float:left;color:#29333d;position:relative;}
#header .topbt.cabinet {border: none;margin-left: 15px;}
#header .topbt.cabinet i {display: inline-block;vertical-align: middle;margin-right: 10px;padding: 13px;color: #ffffff;background: #000000;}
#header .topbt.cabinet ul{list-style: none;display: inline-block;vertical-align: middle;text-align: left;}
#header .topbt.cabinet ul li a {line-height: 20px;}
#header .topbt a{color:#29333d;display:block;padding:0;font-size:16px;line-height:45px;}
#header .topbt.registration a{font-size:22px;}
#header .topbt a{display:block;width:100%;}
#header .topbt a:hover{color:#ff9900;}
#header .topbt.compare{padding-right:20px;}
#header .topbt.compare a i{font-size:18px;}
#header .topbt.whishlist{padding-left:7px;}
#header .topbt.whishlist a i{font-size:20px;}
#header .topbt.cabinet a i{font-size:18px;}
#header .topbt .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
#header .topbt .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
.search{width:70%; margin: 10px 20px;clear: both;border: 2px solid #343834;padding: 10px;}
#search_mini_form {position: relative;width: 100%;}
#search_mini_form input{border:0px;color:#ff9200;background:none;outline:0;width:100%;}
#search_mini_form button{position:absolute;right:0px;top:0;background:none;outline:0;border:0;color:#ff9200;cursor:pointer;font-size:16px;}
#search_mini_form button:hover{color:#ff9900;}
.sales_but {list-style: none;margin: 10px 0;}
.sales_but li {display: inline-block; margin-right: 20px;width:60px;}
.sales_but li i {color: #ff9900; display: inline-block;vertical-align: middle;}
.sales_but li a {display: inline-block;width: calc(100% - 20px);vertical-align: middle;padding-left: 10px;}

далее найдите:
/*header*/
.rightHeader{max-width:800px;}

замените на:
/*header*/
.rightHeader{width:calc(100% - 300px);}

далее найдите:
.headerButtons{margin:46px 0;height:40px;float:right;}

замените на:
.headerButtons{margin:46px 0;float:right;}
Мы рады видеть Вас .png

#5 Ribka

Ribka

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

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

Отправлено 31 Январь 2019 - 22:07

Просмотр сообщенияVaccina (30 Январь 2019 - 04:18) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 <div id="header">
<div class="top_header">
	 <div class="mainwidth">
	 <div class="menu-button-lr">
		 <span class="fa fa-bars"></span>
		 <span class="fa fa-times"></span>
		 <span class="text">Меню</span>
	 </div>
	 <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
	 {% FOR menu %}
		 {% FOR header %}
		 {% FOR links %}
				 <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
		 {% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 <li class="clear"></li>
	 </ul>
	 <div class="top_right_header">
		 {% IF CLIENT_IS_LOGIN %}
		 <div class="whishlist topb hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div>
		 {% ENDIF %}
		 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		 <div class="compare topb hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div>
		 {%ENDIF%}
		 {%IF CLIENT_IS_LOGIN%}
		 <div class="cabinet topb hires">
			 <a href="{USER_LOGIN_URL}" title="Личный кабинет"> <i class="fa fa-user-o"></i> </a>
		 </div>
		 {%ELSE%}
		 <div class="cabinet topb hires login_button">
			 <div class="login_icon" title="Авторизация"><i class="fa fa-user-o"></i></div>
			 <div class="header_auth header_autorization" >
			 <div class="header_auth_title">Аккаунт</div>
			 <form action="{USER_LOGIN_URL}" method="post" class="clientForm">
				 <div class="header_auth_text">
				 Если вы уже имеете аккаунт у нас, пожалуйста, входите.
				 </div>
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input type="hidden" name="from" value="{FROM}" />
				 <div class="">
			 <div class="regField">
				 <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" placeholder="E-mail *" maxlength="255" class="input-text required email" />
			 </div>
			 <div class="regField">
				 <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" placeholder="Пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
				 <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>
			 </div>
		
		 </div>
				 <div class="reg_buttons">
				 <button type="submit" class="button pw_button button_type_one" title="Login" name="send" id="send2" style="padding:0">Войти</button>
				 <div class="reg_button reg_form button_type_two registration_button">Зарегистрироваться</div>
				 <div class="rcovery_button">Забыли пароль?</div>
				 <div class="clear"></div>
				 </div>
		 </form>
			 </div>
			 <div class="header_auth header_registration">
			 <div class="header_auth_title">Регистрация</div>
			 <form action="{USER_REGISTER_URL}" method="post" class="clientForm registration_form">
<input type="hidden" name="hash" value="{HASH}" />
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<input type="hidden" name="from" value="{FROM}" />
<div class="reg_content">
<div class="regField">
	 <input id="reg_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" placeholder="Представьтесь, пожалуйста *" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required input-text"/>
</div>
<div class="regField">
	 <input id="sites_client_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" placeholder="Телефон для связи *" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required input-text"/>
</div>
<div class="regField">
	 <input id="sites_client_mail2" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email input-text"/>
</div>
	 <div class="regField">
	 <input id="sites_client_pass2" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" placeholder="Придумайте пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>		
	 <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>		
	 </div>
	 <div class="mess header_auth_text">Нажимая на кнопку Зарегистрироваться, Вы соглашаетесь с <a class="show-rules">правилами обработки данных</a></div>
	 <div class="reg_buttons">
	 <button type="submit" title="Зарегистрироваться" class="button pw_button button_type_one reg_fields_check_and_submit">Зарегистрироваться</button>
	 <div class="login_button_in_reg reg_button reg_form button_type_two">Войти</div>
	 </div>
	 <div class="clear"></div>
	
</div>
</form>
			 </div>
			 <div class="header_auth header_recovery">
				 <div class="header_auth_title">Аккаунт</div>
			 <form action="{USER_RECOVERY_URL}" method="post" class="clientForm">
				 <input type="hidden" name="hash" value="{HASH}" />
				 <div class="regContent">
					 <div class="regField">
					 <input id="sites_client_mail3" type="text" name="form[sites_client_mail]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="input-text required email"/>
					 </div>
					 <div class="regField">
					 <input id="sites_client_pass3" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" placeholder="Придумайте новый пароль *" maxlength="50" minlength="6" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
					 <label class="invalidInput" id="caps_lock">Caps Lock включен.</label>
					 </div>
					 <div class="reg_buttons">
					 <button type="submit" title="Submit" class="button pw_button button_type_one">Восстановить</button>
					 <div class="login_recovery_button reg_button reg_form button_type_two" href="{USER_LOGIN_URL}">Вход с паролем</div>
					 </div>
				 </div>
			 </form>
			 </div>
		 </div>
		 {%ENDIF%}
		 <div class="search topb">
		 <div class="search-open-content">
			 <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;">
			 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = &#39;&#39;;"/>
			 <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button>
			 </form>
		 </div>
		 </div>
		 <div class="clear"></div>
	 </div>
	 <div class="clear"></div>
	 </div>
</div>
<div class="mainwidth">
	 <div class="logo mainlogo">
		 <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a>
	 </div>
	 <div class="rightHeader">
		 <div class="clear"></div>
		 <div class="headerButtons">
			 {%IF SETTINGS_STORE_EMAIL_MAIN%}
		 <div class="header-email topb">
			 <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
		 </div>
		 {%ENDIF%}
			 <div class="hPhone topb">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <div>
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">
					 <i class="fa fa-phone-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}
					 </a>
				 </div>
				 {% ENDIF %}
				 {%IF SETTINGS_STORE_EMAIL_MAIN%}
				 <div>
				 <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
				 </div>
				 {%ENDIF%}
			 </div>
			 <div class="hCallBack topb">
				 <div class="hCallBackButton button_type_one"><span class="text">Заказать звонок</span><span class="icon icon-phone"></span></div>
			 </div>
			 <div class="cart topb">
				 <a href="{CART_URL}">
				 <span class="fa fa-shopping-cart"></span>
				 <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span>
				 <div class="text">Корзина</div>
				 {%IF cart_sum_empty%}
						 <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div>
				 {%ELSE%}
				 {% FOR cart_sum %}
						 <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div>
				 {% ENDFOR %}
				 {%ENDIF%}
				 </a>
				 <div class="hover_cart_content">
				 {% IF cart_count_empty %}
				 <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div>
				 </div>
				 {% ELSE %}
				 <div class="hidden_cart_content">
					 <ul class="cart-products-list">
						 {% FOR cart_items %}
						 <li class="cart-item">
						 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						 <div class="product-details">
							 <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
							 {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %}
							
							 {cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
						 </li>
						 {% ENDFOR %}
					 </ul>
					 {% FOR cart_sum %}
						 <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					 {% ENDFOR %}
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
					 <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
		 </div>
		 <div class="clear"></div>
	 </div>
	 <div class="clear"></div>
</div>
</div>
  
замените на:
 <div id="header">
<div class="top_header">
	 <div class="mainwidth">
	 <div class="menu-button-lr">
		 <span class="fa fa-bars"></span>
		 <span class="fa fa-times"></span>
		 <span class="text">Меню</span>
	 </div>
	 <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
	 {% FOR menu %}
		 {% FOR header %}
		 {% FOR links %}
				 <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
		 {% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 <li class="clear"></li>
	 </ul>
	 <div class="clear"></div>
	 </div>
</div>
<div class="mainwidth">
	 <div class="logo mainlogo">
		 <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a>
	 </div>
	 <div class="rightHeader">
		 <div class="clear"></div>
		 <div class="headerButtons">
			 {%IF SETTINGS_STORE_EMAIL_MAIN%}
		 <div class="header-email topb">
			 <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
		 </div>
		 {%ENDIF%}
			 <div class="hPhone topb">
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <div>
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">
					 <i class="fa fa-phone-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}
					 </a>
				 </div>
				 {% ENDIF %}
				 {%IF SETTINGS_STORE_EMAIL_MAIN%}
				 <div>
				 <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a>
				 </div>
				 {%ENDIF%}
			 </div>
			 <div class="top_right_header">
				 <div class="cabinet topbt hires">
				 <i class="fa fa-user-o"></i>
				 <ul>
					 {% IF CLIENT_IS_LOGIN %}	
					 <li><a href="{USER_SETTINGS_URL}">ЛК</a></li>
					 <li><a href="{USER_LOGOUT_URL}">Выход</a></li>
					 {%ELSE%}
					 <li><a href="{USER_LOGIN_URL}">Войти</a></li>
					 <li><a href="{USER_REGISTER_URL}">Регистрация</a></li>
					 {%ENDIF%}
				 </ul>
				 </div>
			 </div>
			 <div class="cart topb">
				 <a href="{CART_URL}">
				 <span class="fa fa-shopping-cart"></span>
				 <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span>
				 <div class="text">Корзина</div>
				 {%IF cart_sum_empty%}
						 <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div>
				 {%ELSE%}
				 {% FOR cart_sum %}
						 <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div>
				 {% ENDFOR %}
				 {%ENDIF%}
				 </a>
				 <div class="hover_cart_content">
				 {% IF cart_count_empty %}
				 <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div>
				 </div>
				 {% ELSE %}
				 <div class="hidden_cart_content">
					 <ul class="cart-products-list">
						 {% FOR cart_items %}
						 <li class="cart-item">
						 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						 <div class="product-details">
							 <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
							 {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %}
							
							 {cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
						 </li>
						 {% ENDFOR %}
					 </ul>
					 {% FOR cart_sum %}
						 <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
					 {% ENDFOR %}
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
					 <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 <div class="top_right_header">
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				 <div class="compare topbt hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div>
			 {%ENDIF%}
			 {% IF CLIENT_IS_LOGIN %}
				 <div class="whishlist topbt hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div>
			 {% ENDIF %}
			 </div>
<div class="clear"></div>
			 <div class="search topb">
				 <div class="search-open-content">
				 <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;">
					 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = &#39;&#39;;"/>
					 <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button>
				 </form>
				 </div>
			 </div>
			 <ul class="sales_but topb">
				 <li><i class="fa fa-percent"></i><a href="/discount">Акции</a></li>
				 <li><i class="fa fa-star"></i><a href="{CATALOG_TOP_SALES_URL}">Лидеры продаж</a></li>
			 </ul>
		 </div>
		 <div class="clear"></div>
	 </div>
	 <div class="clear"></div>
</div>
</div>
  
далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .top_right_header {float: right;padding: 10px 0 10px 0;}
.top_header .topb{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid white;font-size:14px;}
.top_header .topb{float:left;color:white;position:relative;}
.top_header .topb a{color:white;display:block;padding:0;font-size:16px;line-height:45px;}
.top_header .topb.registration a{font-size:22px;}
.top_header .topb a{display:block;width:100%;}
.top_header .topb a:hover{color:#ff9900;}
.top_header .topb.compare{padding-right:20px;}
.top_header .topb.compare a i{font-size:18px;}
.top_header .topb.whishlist{padding-left:7px;}
.top_header .topb.whishlist a i{font-size:20px;}
.top_header .topb.cabinet a i{font-size:18px;}
.top_header .topb .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
.top_header .topb .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
.top_header #search_mini_form input{border:0px;color:white;background:none;outline:0;width:170px;}
.top_header .topb #search_mini_form button{position:absolute;right:0px;top:12px;background:none;outline:0;border:0;color:white;cursor:pointer;font-size:16px;}
.top_header .topb #search_mini_form button:hover{color:#ff9900;}
.menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.top_header .header_auth {position: absolute;z-index: 3000; width: 300px;box-shadow:1px 1px 6px 3px rgba(0,0,0,0.3);right:0px;top:45px;}
.top_header .header_auth form{background: white;padding:25px 25px 25px 25px;}
.top_header .header_auth .header_auth_title{line-height:70px;width:100%;background:#ebebeb;font-weight:bold;font-size:21px;color:#29333d;text-align:left;padding:0 25px;text-transform:uppercase;}
.top_header .header_auth .header_auth_text{font-size:15px;color:#29333d;text-align:left;line-height:20px;margin-bottom:20px;}
.top_header .header_auth .header_auth_text .show-rules{color:#ff9900;display: inline;font-size: 14px;line-height: 20px;}
.top_header .header_auth .mess.header_auth_text{font-size:14px;color:#b3b3b3;}
.top_header .header_auth input{width:100%;background:#f4f4f4;border-radius:6px;line-height:40px;margin-bottom:10px;display:block;padding:0 10px;}
.top_header .header_auth label.invalidInput{line-height:20px;text-align:left;display:block;color:red;margin-bottom:10px;margin-top:-10px;}
.top_header .header_auth .pw_button.button_type_one{width:100%;display:block;float:none;margin-bottom:10px;text-align:center;padding:0;}
.button_type_one{font-family:'PT Sans', sans-serif;}
.button_type_one.hCallBackButton{width:165px;}
.button_type_one.reg_button{display:block;}
.top_header .header_auth .reg_button.button_type_two{width:100%;display:block;float:none;margin-bottom:0px;text-align:center;padding:0;}
.top_header .header_auth .rcovery_button{display:block;text-align:left;font-size:15px;color:#29333d;line-height:20px;margin-top:15px;}
.top_header .header_auth .rcovery_button:hover{text-decoration:underline;color:#29333d;}
.top_header .header_autorization{display:none;}
.top_header .header_autorization.active{}
.top_header .header_registration{display:none;}
.top_header .header_registration.active{}
.rcovery_button{cursor:pointer;}
.top_header .header_recovery{display:none;}
.top_header .header_recovery.active{}
.login_button .login_icon{font-size:16px;}
.login_button:hover .login_icon{color:#ff9900;cursor:pointer;}
.menu-button-lr{position:relative;padding-left:25px;}
.menu-button-lr .fa{position:absolute;left:0;font-size:24px;}
.menu-button-lr .fa-times{font-weight: normal;
-moz-transform: rotate(-90deg) scale(0);
-ms-transform: rotate(-90deg) scale(0);
-o-transform: rotate(-90deg) scale(0);
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;
top:17px;
}
.menu-button-lr .fa-bars{display: inline-block;font-weight: normal;
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
top:18px;
}
.menu-button-lr.active .fa-bars{font-weight: normal;
-moz-transform: rotate(-90deg) scale(0);
-ms-transform: rotate(-90deg) scale(0);
-o-transform: rotate(-90deg) scale(0);
-webkit-transform: rotate(-90deg) scale(0);
transform: rotate(-90deg) scale(0);
opacity: 0;
visibility: hidden;}
.menu-button-lr.active .fa-times{display: inline-block;font-weight: normal;
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;}
.menu-button-lr.active{color:#99c800;}
.menu-button-lr .fa{margin-right:5px;}

замените на:
#header .top_right_header {float: left;}
#header .topbt{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid #000000;font-size:14px;}
#header .topbt{float:left;color:#29333d;position:relative;}
#header .topbt.cabinet {border: none;margin-left: 15px;}
#header .topbt.cabinet i {display: inline-block;vertical-align: middle;margin-right: 10px;padding: 13px;color: #ffffff;background: #000000;}
#header .topbt.cabinet ul{list-style: none;display: inline-block;vertical-align: middle;text-align: left;}
#header .topbt.cabinet ul li a {line-height: 20px;}
#header .topbt a{color:#29333d;display:block;padding:0;font-size:16px;line-height:45px;}
#header .topbt.registration a{font-size:22px;}
#header .topbt a{display:block;width:100%;}
#header .topbt a:hover{color:#ff9900;}
#header .topbt.compare{padding-right:20px;}
#header .topbt.compare a i{font-size:18px;}
#header .topbt.whishlist{padding-left:7px;}
#header .topbt.whishlist a i{font-size:20px;}
#header .topbt.cabinet a i{font-size:18px;}
#header .topbt .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
#header .topbt .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;}
.search{width:70%; margin: 10px 20px;clear: both;border: 2px solid #343834;padding: 10px;}
#search_mini_form {position: relative;width: 100%;}
#search_mini_form input{border:0px;color:#ff9200;background:none;outline:0;width:100%;}
#search_mini_form button{position:absolute;right:0px;top:0;background:none;outline:0;border:0;color:#ff9200;cursor:pointer;font-size:16px;}
#search_mini_form button:hover{color:#ff9900;}
.sales_but {list-style: none;margin: 10px 0;}
.sales_but li {display: inline-block; margin-right: 20px;width:60px;}
.sales_but li i {color: #ff9900; display: inline-block;vertical-align: middle;}
.sales_but li a {display: inline-block;width: calc(100% - 20px);vertical-align: middle;padding-left: 10px;}

далее найдите:
/*header*/
.rightHeader{max-width:800px;}

замените на:
/*header*/
.rightHeader{width:calc(100% - 300px);}

далее найдите:
.headerButtons{margin:46px 0;height:40px;float:right;}

замените на:
.headerButtons{margin:46px 0;float:right;}
Прикрепленный файл Мы рады видеть Вас .png


Изменения внесли, но почему-то не совсем все получилось((( вот скрин http://prntscr.com/mewibn

#6 Vaccina

Vaccina

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

  • Модераторы
  • 23 558 сообщений

Отправлено 02 Февраль 2019 - 03:29

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

Email добавьте в разделе Настройки - Основные.
Основные настройки интернет магазина.png

Иконка "Избранное" доступно только зарегистрированным клиентам.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.headerButtons{margin:46px 0;float:right;}

замените на:
.headerButtons{margin:46px 0;}


#7 Ribka

Ribka

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

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

Отправлено 11 Февраль 2019 - 00:36

Просмотр сообщенияVaccina (02 Февраль 2019 - 03:29) писал:

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

Email добавьте в разделе Настройки - Основные.
Прикрепленный файл Основные настройки интернет магазина.png

Иконка "Избранное" доступно только зарегистрированным клиентам.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.headerButtons{margin:46px 0;float:right;}

замените на:
.headerButtons{margin:46px 0;}

Спасибо!
А можно в мобильных версиях тоже внести правки? http://prntscr.com/mjadg6
1. Почему то не видно верхнее меню.
2. Можно упорядочить блок где телефон, поиск и т.д? Сделать ровными и чтобы не залезали друг на друга

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 558 сообщений

Отправлено 11 Февраль 2019 - 06:25

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .menu {float: none;width: 200px;background: white;position: absolute;height: auto;top: 55px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);z-index:1000;padding:15px 20px;display:none;}
.top_header .menu.active{display:block;}
.top_header .menu li{display:block;width:100%;float:none;border-bottom:1px solid #ececec;line-height:40px;}
.top_header .menu li a{color:#343834;font-size:14px;}

замените на:
.top_header .mainwidth {width: 100%;}
.top_header .menu {float: none;height: auto;padding:5px 20px;line-height: 30px;}
.top_header .menu li {float: none; display: inline-block;}
.top_header .menu a {text-transform: none !important;}

далее найдите:
.headerButtons .hPhone.topb a{line-height:20px;font-size:19px;}
.headerButtons .hPhone.topb .main_email{font-size:16px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.headerButtons .header-email.topb{display:none;width:220px;}
.headerButtons .hPhone.topb{width:225px;margin-left:0;}
.cart.topb{width:55px;margin-left:10px;}

замените на:
.headerButtons .hPhone.topb {margin: 0 auto 10px;text-align:center;float: none;}   
.headerButtons .hPhone.topb a{line-height:20px;font-size:13px;}
.headerButtons .hPhone.topb .main_email{margin-left: 10px;font-size:13px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.headerButtons .header-email.topb{display:none;width:220px;}
.headerButtons .hPhone.topb{margin-left:0;}
.headerButtons .hPhone.topb div {display: inline-block;vertical-align: middle;}
.top_right_header{margin-bottom:10px;}
#header .topbt.cabinet {margin: 0;padding-left: 0;}
.cart.topb{width:55px;margin-left:10px;}


#9 evostrykov

evostrykov

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 15 Февраль 2019 - 13:25

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

SL-469779

хотел бы зеленый цвет заменить на голубой или прозрачный синий на всех страницах. и как можно использовать картину для фона?

#10 evostrykov

evostrykov

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 15 Февраль 2019 - 13:34

ффphoto_2019-02-15_13-32-08.jpg

#11 Ribka

Ribka

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

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

Отправлено 16 Февраль 2019 - 16:37

Просмотр сообщенияVaccina (11 Февраль 2019 - 06:25) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .menu {float: none;width: 200px;background: white;position: absolute;height: auto;top: 55px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);z-index:1000;padding:15px 20px;display:none;}
.top_header .menu.active{display:block;}
.top_header .menu li{display:block;width:100%;float:none;border-bottom:1px solid #ececec;line-height:40px;}
.top_header .menu li a{color:#343834;font-size:14px;}

замените на:
.top_header .mainwidth {width: 100%;}
.top_header .menu {float: none;height: auto;padding:5px 20px;line-height: 30px;}
.top_header .menu li {float: none; display: inline-block;}
.top_header .menu a {text-transform: none !important;}

далее найдите:
.headerButtons .hPhone.topb a{line-height:20px;font-size:19px;}
.headerButtons .hPhone.topb .main_email{font-size:16px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.headerButtons .header-email.topb{display:none;width:220px;}
.headerButtons .hPhone.topb{width:225px;margin-left:0;}
.cart.topb{width:55px;margin-left:10px;}

замените на:
.headerButtons .hPhone.topb {margin: 0 auto 10px;text-align:center;float: none;}
.headerButtons .hPhone.topb a{line-height:20px;font-size:13px;}
.headerButtons .hPhone.topb .main_email{margin-left: 10px;font-size:13px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.headerButtons .header-email.topb{display:none;width:220px;}
.headerButtons .hPhone.topb{margin-left:0;}
.headerButtons .hPhone.topb div {display: inline-block;vertical-align: middle;}
.top_right_header{margin-bottom:10px;}
#header .topbt.cabinet {margin: 0;padding-left: 0;}
.cart.topb{width:55px;margin-left:10px;}

Вроде получилось, спасибо))
Правда вот верхнее меню не появилось в моб версиях
1. http://prntscr.com/mlwdyp можно сделать менюшку такую для моб версии?
2. а тут http://prntscr.com/mlwehv растянуть на одинаковом расстоянии по всей ширине?

#12 Vaccina

Vaccina

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

  • Модераторы
  • 23 558 сообщений

Отправлено 19 Февраль 2019 - 05:57

Просмотр сообщенияevostrykov (15 Февраль 2019 - 13:25) писал:

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

SL-469779

хотел бы зеленый цвет заменить на голубой или прозрачный синий на всех страницах. и как можно использовать картину для фона?

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

На данный момент цвет фона у вас изменен, уточните пожалуйста, остались ли у вас актуальные вопросы?

Просмотр сообщенияRibka (16 Февраль 2019 - 16:37) писал:

Вроде получилось, спасибо))
Правда вот верхнее меню не появилось в моб версиях
1. http://prntscr.com/mlwdyp можно сделать менюшку такую для моб версии?
2. а тут http://prntscr.com/mlwehv растянуть на одинаковом расстоянии по всей ширине?

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <!-- <div class="menu-button-lr">
				 <span class="fa fa-bars"></span>
				 <span class="fa fa-times"></span>
				 <span class="text">Меню</span>
		 </div> -->

замените на:
		  <div class="menu-button-lr">
				 <span class="fa fa-bars"></span>
				 <span class="fa fa-times"></span>
				 <span class="text">Меню</span>
		 </div>

далее зайдите в main.css - найдите:
.top_header .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;}
.top_header .menu li a:hover{text-decoration:underline;}

после него пропишите:
.menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.menu-button-lr .fa-times{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;top:17px;}
.menu-button-lr .fa-bars{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;top:18px;}
.menu-button-lr.active .fa-bars{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;}
.menu-button-lr.active .fa-times{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;}
.menu-button-lr.active{color:#99c800;}
.menu-button-lr .fa{margin-right:5px;}


#13 Ribka

Ribka

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

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

Отправлено 02 Март 2019 - 15:48

Просмотр сообщенияVaccina (19 Февраль 2019 - 05:57) писал:

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

На данный момент цвет фона у вас изменен, уточните пожалуйста, остались ли у вас актуальные вопросы?



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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <!-- <div class="menu-button-lr">
				 <span class="fa fa-bars"></span>
				 <span class="fa fa-times"></span>
				 <span class="text">Меню</span>
		 </div> -->

замените на:
		 <div class="menu-button-lr">
				 <span class="fa fa-bars"></span>
				 <span class="fa fa-times"></span>
				 <span class="text">Меню</span>
		 </div>

далее зайдите в main.css - найдите:
.top_header .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;}
.top_header .menu li a:hover{text-decoration:underline;}

после него пропишите:
.menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.menu-button-lr .fa-times{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;top:17px;}
.menu-button-lr .fa-bars{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;top:18px;}
.menu-button-lr.active .fa-bars{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;}
.menu-button-lr.active .fa-times{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;}
.menu-button-lr.active{color:#99c800;}
.menu-button-lr .fa{margin-right:5px;}

Спасибо! :)
Все получилось, кроме первого "1. http://prntscr.com/mlwdyp можно сделать менюшку такую для моб версии?"

#14 Vaccina

Vaccina

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

  • Модераторы
  • 23 558 сообщений

Отправлено 05 Март 2019 - 06:35

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

Почистите кэш вашего браузера, сейчас в мобильной версии отображается иконка и при клике на нее выпадает меню:
Скриншот сделанный 2019-03-05 в 10.28.10.png
Скриншот сделанный 2019-03-05 в 10.28.13.png

#15 Tiana_PYT

Tiana_PYT

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 25 Март 2019 - 11:26

Добрый день! Помогите, пожалуйста:
1. Сделать поиск рядом с лого, с закругленными краями
2. Перенести номер телефона, сделать под логотипом.
3. Перенести e-mail под телефон
4. Удалить личный кабинет и сравнение
5. Удалить верхний header
6. Удалить на слайдере стрелки и сделать так, чтобы слайд крутился сам постоянно

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

  • 1111111111.png





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

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