2
Изменить Шапку
Автор DAA, 28 февр. 2018 15:25
Сообщений в теме: 10
#1
Отправлено 28 Февраль 2018 - 15:25
Добрый день. Прошу изменить шапку.
- Расположение, название и текст объектов сделать согласно картинке,
- иконки избранное, сравнение и корзина оставить синими как они и были до этого с белым изображением на них.
- Иконки весов, сердечка, машинки и бумажника если есть вставьте свои либо дайте возможность заменить я вставлю свои.
- Категории товаров не отображаются все если их больше шести, можно их поднять в этой строке ближе к верхнему краю и вместить все категории,
- при скролле вниз также отображалась эта строка и три кнопки сравнение избранное корзина
- зона в рамке "Оплата" и "Доставка" это ссылки на соответствующие страницы.
- Шрифт тотже что и везде на сайте
- "Оплата" и "Доставка" жирным
- "Минимальная сумма заказа" красным цветом
Цвета я потом в коде в принципе могу поправить.
Пока все. Заранее спасибо.
- Расположение, название и текст объектов сделать согласно картинке,
- иконки избранное, сравнение и корзина оставить синими как они и были до этого с белым изображением на них.
- Иконки весов, сердечка, машинки и бумажника если есть вставьте свои либо дайте возможность заменить я вставлю свои.
- Категории товаров не отображаются все если их больше шести, можно их поднять в этой строке ближе к верхнему краю и вместить все категории,
- при скролле вниз также отображалась эта строка и три кнопки сравнение избранное корзина
- зона в рамке "Оплата" и "Доставка" это ссылки на соответствующие страницы.
- Шрифт тотже что и везде на сайте
- "Оплата" и "Доставка" жирным
- "Минимальная сумма заказа" красным цветом
Цвета я потом в коде в принципе могу поправить.
Пока все. Заранее спасибо.
#2
Отправлено 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
Отправлено 03 Март 2018 - 19:13
Готово.
#4
Отправлено 06 Март 2018 - 19:20
Здравствуйте.
Теперь Вам нужно в разделе Сайт - Редактор шаблонов сделать бэкап. В шаблоне HTML после кода:
нужно добавить:
и из шаблона HTML удалите:
Теперь Вам нужно в разделе Сайт - Редактор шаблонов сделать бэкап. В шаблоне 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
Отправлено 07 Март 2018 - 09:30
готово
#6
Отправлено 13 Март 2018 - 12:28
Добрый день. Пункты вход и регистрация я сделал чз админ панель. сделал изменения в плане картинок в и месте размещения "оплата доставка и обратный звонок". Прикладываю новую версию. Картинки все будут мои, сделайте просто место для них и вставьте любые я заменю.
#7
Отправлено 13 Март 2018 - 14:37
Давайте начнем по очереди.
1. Строку поиска уберем на верх как на рисунке, информацию с контактами и временем работы уберем вниз.
2. добавим 3 иконки-ссылки и надписи к ним ("оплата доставка и обратный звонок")
3. добавим иконки-ссылки "сравнение, корзина,избранное"
4. Добавим надпись про минимальный заказ.
5. Убрать меню категорий которые сразу ниже хедера
1. Строку поиска уберем на верх как на рисунке, информацию с контактами и временем работы уберем вниз.
2. добавим 3 иконки-ссылки и надписи к ним ("оплата доставка и обратный звонок")
3. добавим иконки-ссылки "сравнение, корзина,избранное"
4. Добавим надпись про минимальный заказ.
5. Убрать меню категорий которые сразу ниже хедера
#8
Отправлено 14 Март 2018 - 02:43
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
далее найдите:
после него пропишите:
вместо discont.png укажите имя файла иконки\картинки.
далее найдите:
переместите его, поставив после:
далее найдите:
перед ним пропишите:
Далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 14 Март 2018 - 10:05
Готово.
Почти конечный вариант осталось.
1. Поднять все повыше либо наоборот опустить "вход и регистрация" как на картинке.
2. добавить к почте и телефону часы работы
3. добавить иконку избранного
4. сделать чтобы оплата,доставка, обратный звонок, сравнение, корзина и избранное были ссылками и ссылались на соответствующие разделы сайта.
5. убрать оставшуюся строку на которой было меню категорий. она осталась между хедером и слайдерами.
Почти конечный вариант осталось.
1. Поднять все повыше либо наоборот опустить "вход и регистрация" как на картинке.
2. добавить к почте и телефону часы работы
3. добавить иконку избранного
4. сделать чтобы оплата,доставка, обратный звонок, сравнение, корзина и избранное были ссылками и ссылались на соответствующие разделы сайта.
5. убрать оставшуюся строку на которой было меню категорий. она осталась между хедером и слайдерами.
#11
Отправлено 23 Март 2018 - 12:57
аууу
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных