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


Изменить Шапку


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

#1 DAA

DAA

    Новичок

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

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

Добрый день. Прошу изменить шапку.
- Расположение, название и текст объектов сделать согласно картинке,
- иконки избранное, сравнение и корзина оставить синими как они и были до этого с белым изображением на них.
- Иконки весов, сердечка, машинки и бумажника если есть вставьте свои либо дайте возможность заменить я вставлю свои.
- Категории товаров не отображаются все если их больше шести, можно их поднять в этой строке ближе к верхнему краю и вместить все категории,
- при скролле вниз также отображалась эта строка и три кнопки сравнение избранное корзина
- зона в рамке "Оплата" и "Доставка" это ссылки на соответствующие страницы.
- Шрифт тотже что и везде на сайте
- "Оплата" и "Доставка" жирным
- "Минимальная сумма заказа" красным цветом
Цвета я потом в коде в принципе могу поправить.
Пока все. Заранее спасибо.

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

  • Header.png


#2 MikDark

MikDark

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

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

Отправлено 02 Март 2018 - 17:44

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

Добрый день. Прошу изменить шапку.
- Расположение, название и текст объектов сделать согласно картинке,
- иконки избранное, сравнение и корзина оставить синими как они и были до этого с белым изображением на них.
- Иконки весов, сердечка, машинки и бумажника если есть вставьте свои либо дайте возможность заменить я вставлю свои.
- Категории товаров не отображаются все если их больше шести, можно их поднять в этой строке ближе к верхнему краю и вместить все категории,
- при скролле вниз также отображалась эта строка и три кнопки сравнение избранное корзина
- зона в рамке "Оплата" и "Доставка" это ссылки на соответствующие страницы.
- Шрифт тотже что и везде на сайте
- "Оплата" и "Доставка" жирным
- "Минимальная сумма заказа" красным цветом
Цвета я потом в коде в принципе могу поправить.
Пока все. Заранее спасибо.

Здравствуйте. Изменения очень объемные, давайте делать частями.

1) Вам нужно зайти в раздел Сайт - Редактор шаблонов и в шаблоне HTML удалить код:

<ul class="connect-us">
				  <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>

2) Там же замените:

<div class="header-right-inner">

на

<div>

3) В шаблоне main.css замените код:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {
	margin: 0 0 0 20px;
	float: left;
	line-height: normal;
	position: relative;
}

на

#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {
	margin: 0 0 0 20px;
	float: left;
	line-height: normal;
	position: relative;
	width: 100%;
}

4) Там же замените:

#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
	font-size: 12px;
	height: auto;
	line-height: 20px;
	width: 235px;
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
}


на

#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
	font-size: 12px;
	height: auto;
	line-height: 20px;
	width: 235px;
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	width: 100%;
	max-width: 100%;
}

5) Там же замените:

#custommenu ul.mainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 80px;
	overflow: hidden;
}

на

#custommenu ul.mainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 80px;
}

После этого напишите нам, дадим дальнейшие инструкции

#3 DAA

DAA

    Новичок

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

Отправлено 03 Март 2018 - 19:13

Готово.

#4 MikDark

MikDark

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

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

Отправлено 06 Март 2018 - 19:20

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

Теперь Вам нужно в разделе Сайт - Редактор шаблонов сделать бэкап. В шаблоне HTML после кода:

<div class="header-right col-sm-6 col-xs-12">
			  <div>
				<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <div class="form-search">
					<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
					<input type="hidden" name="goods_search_field_id" value="0">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>
			</div>

нужно добавить:

<div class="header-right col-sm-2 col-xs-12">
			  <div>
<a href="/user/login">Вход</a> | <a href="/user/register">Регистрация</a>
			</div>
<div class="header-right-inner">
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				  <div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}">
					<div class="compare-toggle">
					  <a href="{COMPARE_URL}" class="link-hide"></a>
					  <span class="compare-num">{COMPARE_GOODS_COUNT}</span>
					</div>
					<div class="block-content clearfix">
					  <div class="block-inner">
						<ul id="compare-items">
						  {% FOR compare_goods %}
						  <li class="item" {% IF compare_goods.index > 5 %}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="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a>
							<p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
							<a href="#" class="dataid">{compare_goods.ID}</a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="actions">
						  <a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a>
						</div>
					  </div>
					</div>
				  </div>
				  {% ENDIF %}
				  <div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
					<div class="block-title">
					  <a href="{CART_URL}" class="link-hide"></a>
					  <div class="cart-status">
						<span class="cart-count">{CART_COUNT_TOTAL}</span>
					  </div>
					</div>
					<div class="block-content dropdown-cart">
					  <div class="block-inner">
						{% IF cart_count_empty %}
						<p class="block-subtitle empty">Ваша корзина пуста</p>
						{% ELSE %}
						<p class="block-subtitle not-empty">В корзине:</p>
						{% ENDIF %}
						<ul id="cart-sidebar" class="mini-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=azure{% 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>
							  <p class="product-mod">
								{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
							  </p>
							</div>
							<div class="product-details-bottom">
							  <div class="price-box">
								<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
							  </div>
							  <p class="quantity-container">
								<span class="label-qty">Количество:</span>
							   
								<span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span>
							  </p>
							</div>
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="bottom-action actions">
						  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
						  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
						</div>
					  </div>
					</div>
				  </div>
</div>
</div>

и из шаблона HTML удалите:

{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				  <div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}">
					<div class="compare-toggle">
					  <a href="{COMPARE_URL}" class="link-hide"></a>
					  <span class="compare-num">{COMPARE_GOODS_COUNT}</span>
					</div>
					<div class="block-content clearfix">
					  <div class="block-inner">
						<ul id="compare-items">
						  {% FOR compare_goods %}
						  <li class="item" {% IF compare_goods.index > 5 %}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="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a>
							<p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
							<a href="#" class="dataid">{compare_goods.ID}</a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="actions">
						  <a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a>
						</div>
					  </div>
					</div>
				  </div>
				  {% ENDIF %}
				  <div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
					<div class="block-title">
					  <a href="{CART_URL}" class="link-hide"></a>
					  <div class="cart-status">
						<span class="cart-count">{CART_COUNT_TOTAL}</span>
					  </div>
					</div>
					<div class="block-content dropdown-cart">
					  <div class="block-inner">
						{% IF cart_count_empty %}
						<p class="block-subtitle empty">Ваша корзина пуста</p>
						{% ELSE %}
						<p class="block-subtitle not-empty">В корзине:</p>
						{% ENDIF %}
						<ul id="cart-sidebar" class="mini-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=azure{% 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>
							  <p class="product-mod">
								{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
							  </p>
							</div>
							<div class="product-details-bottom">
							  <div class="price-box">
								<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
							  </div>
							  <p class="quantity-container">
								<span class="label-qty">Количество:</span>
							   
								<span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span>
							  </p>
							</div>
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="bottom-action actions">
						  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
						  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
						</div>
					  </div>
					</div>
				  </div>


#5 DAA

DAA

    Новичок

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

Отправлено 07 Март 2018 - 09:30

готово

#6 DAA

DAA

    Новичок

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

Отправлено 13 Март 2018 - 12:28

Добрый день. Пункты вход и регистрация я сделал чз админ панель. сделал изменения в плане картинок в и месте размещения "оплата доставка и обратный звонок". Прикладываю новую версию. Картинки все будут мои, сделайте просто место для них и вставьте любые я заменю.

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

  • Header2.png


#7 DAA

DAA

    Новичок

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

Отправлено 13 Март 2018 - 14:37

Давайте начнем по очереди.
1. Строку поиска уберем на верх как на рисунке, информацию с контактами и временем работы уберем вниз.
2. добавим 3 иконки-ссылки и надписи к ним ("оплата доставка и обратный звонок")
3. добавим иконки-ссылки "сравнение, корзина,избранное"
4. Добавим надпись про минимальный заказ.
5. Убрать меню категорий которые сразу ниже хедера

#8 Vaccina

Vaccina

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

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

Отправлено 14 Март 2018 - 02:43

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- BEGIN: Main Navigation -->
<div id="mainnav" class="col-md-10">
<div id="custommenu">
<ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" itemprop="url">{catalog_full.NAME}</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
</div>
</div>


далее найдите:
<div class="header-right col-sm-6 col-xs-12">
<div>
<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>


после него пропишите:
<div class="header_links_bl">
<div><img src="{ASSETS_IMAGES_PATH}discont.png" alt="" /><span>Оплата</span></div>
<div><img src="{ASSETS_IMAGES_PATH}discont.png" alt="" /><span>Доставка</span></div>
<div><img src="{ASSETS_IMAGES_PATH}discont.png" alt="" /><span>Обратный звонок</span></div>
</div>

вместо discont.png укажите имя файла иконки\картинки.

далее найдите:
<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
</div>

переместите его, поставив после:
<div class="header-right col-sm-6 col-xs-12">
<div>
<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>

далее найдите:
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /END Основная часть Шапки -->
<!-- Каталог в шапке -->
<div id="menu" class="wrap">

перед ним пропишите:
<div class="minimal">Минимальная сумма заказа 800 руб.</div>

Далее зайдите в main.css - найдите:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg?design=azure");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;background-size: cover;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}

замените на:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg?design=azure");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;background-size: cover;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: 0px;z-index: -1;}

далее найдите:
#menu .nav-right .block-compare {margin-left: 8px;position: relative;display: block;text-align: left;float:left;}
#menu .nav-right .block-compare .compare-toggle {width: 49px;height: 49px;cursor: pointer;position: relative;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -147px;}
#menu .nav-right .block-compare .compare-toggle span.compare-num {display: block;position: absolute;width: 25px;height: 25px;background: #f74444;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #FFF;text-align: center;line-height: 25px;right: -8px;top: -8px;}
#menu .nav-right .block-compare:hover .compare-toggle {background-color: rgba(255, 255, 255, 0.2);}
#menu .nav-right .block-compare.have-items:hover .block-content {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#menu .nav-right .block-compare .block-content {position: absolute;z-index:999;top: 45px;right: -67px;background: transparent;width: 270px;padding: 21px 5px 5px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
#menu .nav-right .block-compare .block-content .block-inner {background: #FFF;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);padding: 15px;}
#menu .nav-right .block-compare .block-content .block-inner .product-name a {font-size: 14px;}
#menu .nav-right .block-compare .block-content .block-inner .dataid {display:none;}
#menu .nav-right .block-compare .btn-remove {position: absolute;top: 0px;right: -20px;}
#menu .nav-right .block-compare .actions {padding: 15px 0 0;text-align:center;}
#menu .nav-right .block-compare .actions .button {font-size: 14px;}
#menu .nav-right .block-compare ul {margin: 0 20px 0 0;padding:0;list-style: decimal;}
#menu .nav-right .block-compare ul li {margin: 5px 0;}

замените на:
.block-compare {margin-left: 8px;position: relative;display: block;text-align: left;float:left;}
.block-compare .compare-toggle {width: 49px;height: 49px;cursor: pointer;position: relative;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -147px #3cabda;}
.block-compare .compare-toggle span.compare-num {display: block;position: absolute;width: 25px;height: 25px;background: #f74444;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #FFF;text-align: center;line-height: 25px;right: -8px;top: -8px;}
.block-compare:hover .compare-toggle {background-color: rgba(255, 255, 255, 0.2);}
.block-compare.have-items:hover .block-content {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.block-compare .block-content {position: absolute;z-index:999;top: 45px;right: -67px;background: transparent;width: 270px;padding: 21px 5px 5px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
.block-compare .block-content .block-inner {background: #FFF;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);padding: 15px;}
.block-compare .block-content .block-inner .product-name a {font-size: 14px;}
.block-compare .block-content .block-inner .dataid {display:none;}
.block-compare .btn-remove {position: absolute;top: 0px;right: -20px;}
.block-compare .actions {padding: 15px 0 0;text-align:center;}
.block-compare .actions .button {font-size: 14px;}
.block-compare ul {margin: 0 20px 0 0;padding:0;list-style: decimal;}
.block-compare ul li {margin: 5px 0;}

далее найдите:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -343px;}

замените на:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -343px #3cabda;}

далее найдите:
#header-top .topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png?design=azure") no-repeat left -1px;font-size: 92%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:none;}

замените на:
.minimal{clear:both;border:1px solid #cccccc;color:#3cabda;text-align:center;width: 100%;margin:10px auto 0;float: left;}
.header_links_bl {width:50%;float: left;}
.header_links_bl div{display:inline-block;text-align:center;width:32%;vertical-align:top;}
.header_links_bl div img {max-height:50px;display:block;margin:0 auto;}
.topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
.topheader-left ul.contact-us-now li {display: block;float: left;line-height: 36px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png?design=azure") no-repeat left -1px;font-size: 92%;}
.topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
.topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
.topheader-left ul.contact-us-now li.c-phone.hide {display:none;}


#9 DAA

DAA

    Новичок

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

Отправлено 14 Март 2018 - 10:05

Готово.
Почти конечный вариант осталось.
1. Поднять все повыше либо наоборот опустить "вход и регистрация" как на картинке.
2. добавить к почте и телефону часы работы
3. добавить иконку избранного
4. сделать чтобы оплата,доставка, обратный звонок, сравнение, корзина и избранное были ссылками и ссылались на соответствующие разделы сайта.
5. убрать оставшуюся строку на которой было меню категорий. она осталась между хедером и слайдерами.

#10 Дамшир

Дамшир

    Пользователь

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

Отправлено 22 Март 2018 - 12:45

ДД! Необходимо провести изменения на сайте как показано в файле (чтобы в поле "1" было поле "2", телефон сдвинуть вправо на место поля 2). Спасибо. Аккаунт SL-446482

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

  • исправления.jpg


#11 Дамшир

Дамшир

    Пользователь

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

Отправлено 23 Март 2018 - 12:57

аууу




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

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