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


Перенос Корзины И Телефона В Самую Верхнюю Строку


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

#1 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 14 Декабрь 2015 - 13:19

Здравствуйте. Помогите пожалуйста закрыть вопрос.
Вот пробую перенести корзину, вроде начало получатся. Но меню то пропадет вообще. То появляются. Видать просто криво вставил.
1. Надо чтобы вот которая белая полоса где лого и категории и корзина и номер Удалить
2. корзину и номер переместить в верхнюю строку Справа. и чтобы белые шрифты были там
3. чтобы настройки которые делал, меню всегда показывалось, и было прилипнуто при скролле остались.
Я думаю пустота которая там щас ниже сама пропадет.
4. а, по слайдеру вопрос. почему он картинку срезает сверху? она 1920*500 подготовлена. пришлось тексты снижать.

это для Аккаунт SL-368828

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

  • buk.PNG


#2 RedHead

RedHead

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

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

Отправлено 14 Декабрь 2015 - 15:24

Просмотр сообщенияarenkir (14 Декабрь 2015 - 13:19) писал:

Здравствуйте. Помогите пожалуйста закрыть вопрос.
Вот пробую перенести корзину, вроде начало получатся. Но меню то пропадет вообще. То появляются. Видать просто криво вставил.
1. Надо чтобы вот которая белая полоса где лого и категории и корзина и номер Удалить
2. корзину и номер переместить в верхнюю строку Справа. и чтобы белые шрифты были там
3. чтобы настройки которые делал, меню всегда показывалось, и было прилипнуто при скролле остались.
Я думаю пустота которая там щас ниже сама пропадет.
4. а, по слайдеру вопрос. почему он картинку срезает сверху? она 1920*500 подготовлена. пришлось тексты снижать.

это для Аккаунт SL-368828

Здравствуйте! Перед внесением изменений, обязательно создайте бэкап.

2) В шаблоне html замените блок кода:
<div class="col-xs-12 col-sm-12">
<div class="navbar navbar-inverse top-navbar top-navbar-left">
<button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse collapsing navbar-collapse">
<ul class="nav navbar-nav left">
{% 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 class="btn-group cart-header">
<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
<span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
<span>Корзина</span>
</a>
<!-- Выподающее меню корзины с выводом его содержимого -->

<div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
{% IF cart_count_empty %}
<span class="empty">Корзина пуста</span>
{% ELSE %}
<strong class="no-empty">В корзине</strong>
<span class="empty" style="display:none;">Корзина пуста</span>
<ul id="cart-sidebar" class="mini-products-list unstyled">
{% FOR cart_items %}
<li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
<a href="{cart_items.GOODS_URL}" class="product-image">
<img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
</a>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
<span class="icon-trash-o"></span>
</a>
<h4 class="product-name">
<a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
</h4>
<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
<div class="clearfix"></div>
</li>
{% ENDFOR %}
<div class="cart-button">
<a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
<a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
</div>
</ul>
{% ENDIF %}
</div>
</div><!-- /END Корзина -->

</div></div>
</div>

на:

<!-- Верхрнее меню в левой части шапки -->
			 <div class="col-xs-12 col-sm-9">
			 <div class="navbar navbar-inverse top-navbar top-navbar-left">
				 <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
				 <span class="icon-bar"></span>
				 <span class="icon-bar"></span>
				 <span class="icon-bar"></span>
				 </button>
				 <div class="collapse collapsing navbar-collapse">
				 <ul class="nav navbar-nav left">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
	 </div></div>
	 </div>
	 <!-- Иконки в шапке -->
	 <div class="col-xs-12 col-sm-3">
				 <div class="header-icons">
					 <!-- Иконка поиска -->
				 <!-- <div class="search-header hidden-600">		 <a href="#" title="Поиск по магазину"> <span class="icon-magnifier"></span> </a> </div> -->
					 <!-- Корзина -->
					 <div class="btn-group cart-header">
					 <a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						 <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						 <span>Корзина</span>
					 </a>
					 <!-- Выподающее меню корзины с выводом его содержимого -->
					
					 <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						 {% IF cart_count_empty %}
						 <span class="empty">Корзина пуста</span>
						 {% ELSE %}
						 <strong class="no-empty">В корзине</strong>
						 <span class="empty" style="display:none;">Корзина пуста</span>
						 <ul id="cart-sidebar" class="mini-products-list unstyled">
						 {% FOR cart_items %}
							 <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
							 <a href="{cart_items.GOODS_URL}" class="product-image">
								 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
							 </a>
							 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								 <span class="icon-trash-o"></span>
							 </a>
							 <h4 class="product-name">
								 <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
							 </h4>
							 <div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
							 <div class="clearfix"></div>
							 </li>
						 {% ENDFOR %}
							 <div class="cart-button">
							 <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
							 <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							 </div>
						 </ul>
						 {% ENDIF %}
					 </div>
					 </div><!-- /END Корзина -->
					 <!-- Иконка телефона -->
					 <div class="phone-header">
					 8 (800) <strong>88888</strong><br>
					 </div>
				 </div>
				 <!-- /END Иконки в шапке -->
	 </div>
	 </div>
	 </div>
	 </div>
	 <!-- /END Верхнее меню -->
	 <!-- Шапка-->
	 <div class="header">
		 <div class="header-wrapper">
		 <div class="container">
			 <div class="row">
			 <!-- Логотип -->
			 <div class="col-xs-6 col-md-2 col-lg-2 logo-box">
				 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				 </a>
			 </div>
			 <!-- END Логотип -->
			 <!-- Центральная часть шапки -->
			 <div class="col-xs-6 col-md-10 col-lg-10 right-box">
				 <div class="right-box-wrapper">
				 <!-- Иконки в шапке -->
				 <div class="header-icons">
					 <!-- Иконка поиска -->
				 <!-- <div class="search-header hidden-600">		 <a href="#" title="Поиск по магазину"> <span class="icon-magnifier"></span> </a> </div> -->
					 <!-- Корзина -->
					 <div class="btn-group cart-header">
					 <a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						 <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						 <span>Корзина</span>
					 </a>
					 <!-- Выподающее меню корзины с выводом его содержимого -->
					
					 <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						 {% IF cart_count_empty %}
						 <span class="empty">Корзина пуста</span>
						 {% ELSE %}
						 <strong class="no-empty">В корзине</strong>
						 <span class="empty" style="display:none;">Корзина пуста</span>
						 <ul id="cart-sidebar" class="mini-products-list unstyled">
						 {% FOR cart_items %}
							 <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
							 <a href="{cart_items.GOODS_URL}" class="product-image">
								 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
							 </a>
							 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								 <span class="icon-trash-o"></span>
							 </a>
							 <h4 class="product-name">
								 <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
							 </h4>
							 <div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
							 <div class="clearfix"></div>
							 </li>
						 {% ENDFOR %}
							 <div class="cart-button">
							 <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
							 <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							 </div>
						 </ul>
						 {% ENDIF %}
					 </div>
					 </div><!-- /END Корзина -->
					 <!-- Иконка телефона -->
					 <div class="phone-header">
					 8 (800) <strong>88888</strong><br>					
					 </div>
				 </div>
				 </div>
				 <!-- /END Иконки в шапке -->

далее в самый конец шаблона main.css добавьте код:
.header-icons {float: right;}
.header-icons a {color: white;}
.header-icons a:hover {color: black;}
.icon-basket {margin: 1px 8px 0 0;}
.icon-basket .cart-count {font-size: 11px;
margin-top: 1px;
position: absolute;
margin-left: 3px;
}
.cart-header .dropdown-menu {left: auto;margin: -4px 0 0 0;padding: 17px 20px 20px;right: 0;text-align: left;width: 355px;-webkit-animation: fadeIn 0.4s;animation: fadeIn 0.4s;z-index: 890;}
.cart-header a {color:#fff;}
.header-wrapper {display:none;}

затем строку
.icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier, .icon-basket {font-size:20px;color:#fff;}
замените на
.icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier {font-size:20px;color:#b9003b;}
.icon-basket {font-size:20px;color:#fff;}

далее строку
.phone-header, .search-header, .compare-header {border-right: 1px solid #ccc;color: #1e1e1e;display: inline-block;height: 30px;margin: 8px 0;position: relative;text-align: center;vertical-align: top;width: 130px;}
замените на
.search-header, .compare-header {border-right: 1px solid #ccc;color: #1e1e1e;display: inline-block;height: 30px;margin: 8px 0;position: relative;text-align: center;vertical-align: top;width: 130px;}
.phone-header {border-right: 1px solid #ccc;color: #fff;display: inline-block;height: 30px;margin: 4px 0;position: relative;text-align: center;vertical-align: top;width: 130px;}

удалите строку
.page-box-content {padding-bottom: 370px;}

удалите строки
@media screen and (min-width: 1400px) {
.page-box-content {padding-bottom: 510px;}
}

удалите строки
/******************************************************************************
Min Width "1600px"
*******************************************************************************/
@media screen and (min-width: 1400px) {
.page-box-content {padding-bottom: 510px;}
}

далее в шаблоне main.js удалите код:
// Функция добавления отступа в шапке в зависимости от каталога
$(document).ready(function(){
var headerHeight = $('.header-wrapper').css('height');
$('.fixed-header.hidden-top .page-box').css('padding-top', headerHeight);
$('.fixed-header.hidden-top.fixed .page-box').css('padding-top', headerHeight);
var topboxHeight = $('#top-box').height();
if (topboxHeight > 50 ) {
$('.fixed-header.hidden-top #top-box').addClass('dmenu');
$('.fixed-header.loaded .header').addClass('dmenu');
}
if (topboxHeight > 90 ) {
$('.fixed-header.hidden-top #top-box').addClass('tmenu');
$('.fixed-header.loaded .header').addClass('tmenu');
}
})

Очистите кэш браузера (Ctrl + F5). Результат изменений см. на скриншоте. По вопросу слайдера, Вам ответят чуть позже.
1.png

#3 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 14 Декабрь 2015 - 16:27

Внес, вроде встало четко. но умер скролл сайта. не листает.
если перейти в короткую страницу, например Корзина, то нету подвала
и вот это вылазиет
На странице возникла JS ошибка:
SyntaxError: missing ) after argument list на строке: 494.
Адрес файла: http://buketpremium.ru/cart

#4 RedHead

RedHead

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

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

Отправлено 14 Декабрь 2015 - 18:21

Просмотр сообщенияarenkir (14 Декабрь 2015 - 16:27) писал:

Внес, вроде встало четко. но умер скролл сайта. не листает.
если перейти в короткую страницу, например Корзина, то нету подвала
и вот это вылазиет
На странице возникла JS ошибка:
SyntaxError: missing ) after argument list на строке: 494.
Адрес файла: http://buketpremium.ru/cart

Восстановите, пожалуйста, последний бэкап, чтобы откатить изменения.
Сайт будет выглядеть так:
1.png
В шаблоне html удалите блок кода:
<!-- Корзина -->
					  <div class="btn-group cart-header">
						<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						  <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						  <span>Корзина</span>
						</a>
						<!-- Выподающее меню корзины с выводом его содержимого -->
					   
						<div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						  {% IF cart_count_empty %}
							<span class="empty">Корзина пуста</span>
						  {% ELSE %}
		  				  <strong class="no-empty">В корзине</strong>
							<span class="empty" style="display:none;">Корзина пуста</span>
							<ul id="cart-sidebar" class="mini-products-list unstyled">
							{% FOR cart_items %}
							  <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
								<a href="{cart_items.GOODS_URL}" class="product-image">
					  			<img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
								</a>
	 						   <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								  <span class="icon-trash-o"></span>
	 						   </a>
								<h4 class="product-name">
								  <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
								</h4>
								<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
								<div class="clearfix"></div>
		 					 </li>
							{% ENDFOR %}
							  <div class="cart-button">
								<a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
								<a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							  </div>
							</ul>
						  {% ENDIF %}
				  	  </div>
					  </div><!-- /END Корзина -->
Исчезнет корзина из шапки
Затем блок кода
<!-- Верхрнее меню в левой части шапки  -->
			  <div class="col-xs-12 col-sm-12">
				<div class="navbar navbar-inverse top-navbar top-navbar-left">
				  <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				  <div class="collapse collapsing navbar-collapse">
					<ul class="nav navbar-nav left">
					  {% FOR menu %}
				   	 {% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>	
				</div>
			 </div>
заменить на

<!-- Верхрнее меню в левой части шапки  -->
			  <div class="col-xs-12 col-sm-9">
				<div class="navbar navbar-inverse top-navbar top-navbar-left">
				  <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				  <div class="collapse collapsing navbar-collapse">
					<ul class="nav navbar-nav left">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>	 
				</div> 
			  </div>
			  </div>
			 <!-- Иконки в шапке -->
			  <div class="col-xs-12 col-sm-3">
				<div class="header-icons">
										 <!-- Иконка поиска -->
								 <!-- <div class="search-header hidden-600">			 <a href="#" title="Поиск по магазину"> <span class="icon-magnifier"></span> </a> </div> -->
										 <!-- Корзина -->
				  <div class="btn-group cart-header">
					<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
					  <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
					  <span>Корзина</span>
					</a>
										 <!-- Выподающее меню корзины с выводом его содержимого -->

					  <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
												 {% IF cart_count_empty %}
						<span class="empty">Корзина пуста</span>
												 {% ELSE %}
												 <strong class="no-empty">В корзине</strong>
												 <span class="empty" style="display:none;">Корзина пуста</span>
												 <ul id="cart-sidebar" class="mini-products-list unstyled">
												 {% FOR cart_items %}
														 <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
														 <a href="{cart_items.GOODS_URL}" class="product-image">
																 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
														 </a>
														 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
																 <span class="icon-trash-o"></span>
														 </a>
														 <h4 class="product-name">
																 <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
														 </h4>
						<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
						<div class="clearfix"></div>
														 </li>
												 {% ENDFOR %}
						  <div class="cart-button">
														 <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
														 <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
						  </div>
												 </ul>
												 {% ENDIF %}
					  </div>
				  </div><!-- /END Корзина -->
										 <!-- Иконка телефона -->
				<div class="phone-header">
										 8 (800) <strong>88888</strong><br>
				</div>	
			  </div>
			 </div>
			<!-- /END Иконки в шапке -->
Сохранится скрул, корзина и телефон добавятся в шапку.

В шаблоне main.css удалите строки
.fixed-header.hidden-top #top-box.tmenu {margin-top: -112px;}
.fixed-header.hidden-top.visible-top .header.tmenu {margin-top: 120px;}
.fixed-header.hidden-top.fixed #top-box.tmenu {margin-top: -122px;}

.fixed-header.hidden-top #top-box.dmenu {margin-top: -72px;}
.fixed-header.hidden-top.visible-top .header.dmenu {margin-top: 80px;}
.fixed-header.hidden-top.fixed #top-box.dmenu {margin-top: -82px;}

затем строку
#footer {color: #7f7f7f;margin: -310px 0 0 0;overflow-x: hidden;}
замените на
#footer {color: #7f7f7f;overflow-x: hidden;}

в конец шаблона добавьте
.header-icons {float: right;}
.header-icons a {color: white;}
.header-icons a:hover {color: black;}
.icon-basket {margin: 1px 8px 0 0;}
.icon-basket .cart-count {font-size: 11px;
margin-top: 1px;
position: absolute;
margin-left: 3px;
}
.cart-header .dropdown-menu {left: auto;margin: -4px 0 0 0;padding: 17px 20px 20px;right: 0;text-align: left;width: 355px;-webkit-animation: fadeIn 0.4s;animation: fadeIn 0.4s;z-index: 890;}
.cart-header a {color:#fff;}
.header-wrapper {display:none;}

строку
.icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier, .icon-basket {font-size:20px;color:#b9003b;}
замените на
.icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier {font-size:20px;color:#b9003b;}
.icon-basket {font-size:20px;color:#fff;}

строку
.phone-header, .search-header, .compare-header {border-right: 1px solid #ccc;color: #1e1e1e;display: inline-block;height: 30px;margin: 8px 0;position: relative;text-align: center;vertical-align: top;width: 130px;}
замените на
.search-header, .compare-header {border-right: 1px solid #ccc;color: #1e1e1e;display: inline-block;height: 30px;margin: 8px 0;position: relative;text-align: center;vertical-align: top;width: 130px;}
.phone-header {border-right: 1px solid #ccc;color: #fff;display: inline-block;height: 30px;margin: 4px 0;position: relative;text-align: center;vertical-align: top;width: 130px;}

удалите
.page-box-content {padding-bottom: 370px;}

и в шаблоне main.js удалите
// Функция добавления отступа в шапке в зависимости от каталога
$(document).ready(function(){
var headerHeight = $('.header-wrapper').css('height');
$('.fixed-header.hidden-top .page-box').css('padding-top', headerHeight);
$('.fixed-header.hidden-top.fixed .page-box').css('padding-top', headerHeight);
var topboxHeight = $('#top-box').height();
if (topboxHeight > 50 ) {
$('.fixed-header.hidden-top #top-box').addClass('dmenu');
$('.fixed-header.loaded .header').addClass('dmenu');
}
if (topboxHeight > 90 ) {
$('.fixed-header.hidden-top #top-box').addClass('tmenu');
$('.fixed-header.loaded .header').addClass('tmenu');
}
})

При точном выполнении инструкции сохраняется скрул и подвал.

#5 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 14 Декабрь 2015 - 19:10

Спасибо! Почти все.
1. Теперь верхнее меню не кликабельно
2. Остались категории товара вторая полоска. которая я так понимаю уберем. и слайдер не будет прятаться

#6 RedHead

RedHead

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

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

Отправлено 14 Декабрь 2015 - 20:29

Просмотр сообщенияarenkir (14 Декабрь 2015 - 19:10) писал:

Спасибо! Почти все.
1. Теперь верхнее меню не кликабельно
2. Остались категории товара вторая полоска. которая я так понимаю уберем. и слайдер не будет прятаться

Вам создали бэкап и произвели изменения. Проверьте, пожалуйста.

#7 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 14 Декабрь 2015 - 23:51

Просмотр сообщенияRedHead (14 Декабрь 2015 - 20:29) писал:

Вам создали бэкап и произвели изменения. Проверьте, пожалуйста.
Спасибо!




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

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