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


Разгрузить Шапку


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

#1 Luzikov1

Luzikov1

    Новичок

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

Отправлено 13 Июль 2017 - 00:33

Здравствуйте, помогите перенести некоторые полезности чуть выше на шапке (См картинку) Тем самым хочу уменьшить этот белый чуть прозрачный фон. Аккаунт 418920

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

  • Безымянный.png


#2 Vaccina

Vaccina

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

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

Отправлено 13 Июль 2017 - 07:33

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-right .header-links .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;border-bottom: 1px solid rgba(60,60,60,0.1);}


замените на:
#header .header-right .header-links .top-links {display: block;float: left;position: relative;width: auto;height: 53px;padding: 16px 0;border-bottom: 1px solid rgba(60,60,60,0.1);}


далее найдите:
#header .header-right .menu {float: right;width: 100%;}

замените на:
#header .header-right .menu {float: left;width: auto;}

далее найдите:
#header .header-right .cart-compare {display: block;position: relative;vertical-align: middle;z-index: 1;text-align: right;margin: 0;width: 100%;height: auto;}

замените на:
#header .header-right .cart-compare {display: block;position: relative;vertical-align: middle;z-index: 1;text-align: right;margin: 0;width: auto;height: auto;float: right;}


Далее зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
			  <!-- Сравнение -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
				<a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
				<div class="dropdown">
				  <ul id="compare-items">
					<div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
					{% IF compare_list_empty %}
					  <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
					{% ELSE %}
					  {% FOR compare_goods %}
					  <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
						<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
						<p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
						<a href="#" class="dataid">{compare_goods.ID}</a>
					  </li>
					  {% ENDFOR %}
					  <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
					  <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
					{% ENDIF %}
					<a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))"  class="button button2 hide" title="Очистить список сравнения">Очистить</a>
					<a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
				  </ul>
				</div>
			  </div>
			  {% ENDIF %}
			  <!-- Корзина -->
			  <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
				<a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
				<div class="dropdown">
				  <div class="cart-content">
					<div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
					{% IF cart_count_empty %}
					<div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
					{% ELSE %}
					<ul class="cart-products-list">
					  {% FOR cart_items %}
					  <li class="item">
						<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
						<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						<div class="product-details">
						  <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						  <div class="product-price">
							<span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
							<span>x</span>
							<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						  </div>
						</div>
					  </li>
					  {% ENDFOR %}
					</ul>
					<div class="subtotal">
					  <span class="label">Итого:</span>
					  <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
					</div>
					<div class="actions">
					  <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
					</div>
					{% ENDIF %}
				  </div>
				</div>
			  </div>
			</div>
            
перенесите его, поставив перед:
 </div>
		  <div class="header-links">
			<!-- Личный кабинет -->
			<div class="top-links">


#3 Luzikov1

Luzikov1

    Новичок

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

Отправлено 13 Июль 2017 - 10:04

Здорово. Спасибо. Осталось теперь убрать лишний белый фон (см. Картинку) И еще, чуть заметная черная линия,  под меню, отображается частями. К примеру под Контактами она есть, а дальше ее нету

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

  • Безымянный.png


#4 MikDark

MikDark

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

  • Модераторы
  • 6 469 сообщений

Отправлено 13 Июль 2017 - 10:46

Просмотр сообщенияLuzikov1 (13 Июль 2017 - 10:04) писал:

Здорово. Спасибо. Осталось теперь убрать лишний белый фон (см. Картинку) И еще, чуть заметная черная линия,  под меню, отображается частями. К примеру под Контактами она есть, а дальше ее нету

Здравствуйте. Вам нужно в шаблоне main.css заменить код:
#header .header-right .header-links .top-links {
	display: block;
	float: left;
	position: relative;
	width: auto;
	height: 53px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(60,60,60,0.1);
}

на

#header .header-right .header-links .top-links {
	display: block;
	float: left;
	position: relative;
	width: auto;
	height: 53px;
	padding: 16px 0;
}

и заменить :
#header .header-right .header-links {
	display: inline-block;
	float: left;
	width: calc(100% - 270px);
	border: 1px solid rgba(60,60,60,0.1);
	border-bottom-width: 0;
	border-top-width: 0;
}

на

#header .header-right .header-links {
	display: inline-block;
	float: left;
	width: calc(100% - 270px);
	border: 1px solid rgba(60,60,60,0.1);
	border-top-width: 0;
}


#5 Luzikov1

Luzikov1

    Новичок

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

Отправлено 13 Июль 2017 - 12:25

Просмотр сообщенияMikDark (13 Июль 2017 - 10:46) писал:

Здравствуйте. Вам нужно в шаблоне main.css заменить код:
#header .header-right .header-links .top-links {
display: block;
float: left;
position: relative;
width: auto;
height: 53px;
padding: 16px 0;
border-bottom: 1px solid rgba(60,60,60,0.1);
}

на

#header .header-right .header-links .top-links {
display: block;
float: left;
position: relative;
width: auto;
height: 53px;
padding: 16px 0;
}

и заменить :
#header .header-right .header-links {
display: inline-block;
float: left;
width: calc(100% - 270px);
border: 1px solid rgba(60,60,60,0.1);
border-bottom-width: 0;
border-top-width: 0;
}

на

#header .header-right .header-links {
display: inline-block;
float: left;
width: calc(100% - 270px);
border: 1px solid rgba(60,60,60,0.1);
border-top-width: 0;
}
Спасибо




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

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