Изменить Шапку И Верхнее Меню
#1
Отправлено 25 Март 2016 - 15:47
Просьба помочь с изменением дизайна в аккаунте 381298.
См. картинку:
1. Разместить в шапке картинку
2. Переместить на эту картинку (слева вверху) телефоны магазина
3. Переместить на эту картинку (посередине) Поиск по магазину
4. Переместить на эту картинку (справа вверху) ссылки на Доставка, Корзина... Войти в ЛК
Заранее спасибо!
#2
Отправлено 25 Март 2016 - 16:28
zabota-mama (25 Март 2016 - 15:47) писал:
Просьба помочь с изменением дизайна в аккаунте 381298.
См. картинку:
1. Разместить в шапке картинку
2. Переместить на эту картинку (слева вверху) телефоны магазина
3. Переместить на эту картинку (посередине) Поиск по магазину
4. Переместить на эту картинку (справа вверху) ссылки на Доставка, Корзина... Войти в ЛК
Заранее спасибо!
Здравствуйте, перед изменениями создайте бекап.
1) в main.css найдите код:
#header {position: relative;padding: 32px 0 30px;}
и замените на код:
#header {position: relative;padding: 32px 0 30px; background: url("ссылка на изображение ");}
2) Логотип нужно убрать? если да, то тогда в HTML найдите код:
<!-- Logo --> <div id="logo" class="col-sm-4 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo -->
и замените на код:
<!-- Logo --> <div class="col-sm-4 col-xs-12"> <ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{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> <!-- END: Logo -->
далее в main.css найдите код:
#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") no-repeat left -1px;font-size: 92%;}
и замените на код:
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") no-repeat left -1px;font-size: 92%;}
далее в шаблоне HTML код:
<div class="header-right col-sm-8 col-xs-12">
замените на:
<div class="header-right col-sm-3 col-xs-12">
далее перед кодом:
</div> </div> </div> <!-- /END Основная часть Шапки -->
добавьте код:
<div class="header-right col-sm-5 col-xs-12"> <ul class="links"> {% 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>
далее в main.css код:
#header-top .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;} #header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;} #header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;} #header-top .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}
замените на код:
ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;} ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;} ul.links li:first-child {padding-left: 0px;} ul.links li:last-child {background:none;padding-right: 0px;}
И код:
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <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:support@nova.com">{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="topheader-right col-md-7 col-sms-3 col-smb-6"> <div class="inner"> <div class="sns-quickaccess"> <div class="quickaccess-inner"> <span class="welcome">Добро пожаловать!</span> <ul class="links"> {% 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> </div> </div> <!-- /END Верхняя часть Шапки -->
из шаблона HTML можно удалить.
#3
Отправлено 27 Март 2016 - 16:29
Можно еще:
1. Картинка на шапке снизу немного урезана
2. Где можно поправить шрифт и расположение телефонов и ссылок "Главная... Войти в ЛК"
3. Где можно поправить расположение "Поиск по магазину"
4. Синий фон каталогов поменять на белый. Белый шрифт каталогов изменить на черный.
5. Убрать закрепление верхнего меню
#4
Отправлено 27 Март 2016 - 17:26
zabota-mama (27 Март 2016 - 16:29) писал:
Можно еще:
1. Картинка на шапке снизу немного урезана
2. Где можно поправить шрифт и расположение телефонов и ссылок "Главная... Войти в ЛК"
3. Где можно поправить расположение "Поиск по магазину"
4. Синий фон каталогов поменять на белый. Белый шрифт каталогов изменить на черный.
5. Убрать закрепление верхнего меню. Оставить чтобы только корзина плавала.
Здравствуйте.
1) В шаблоне main.css замените строку:
#header {position: relative;padding: 32px 0 30px;background: url("http://newzm.storeland.ru/design/header.jpg");}на:
#header {position: relative;padding: 32px 0 30px;background: url("http://newzm.storeland.ru/design/header.jpg"); height: 150px;}
2) В конец этого же шаблона добавьте строки:
#header .header-right ul.links li a { font-size: 115%; color: red; } #header .header-right ul.links li a:hover { font-size: 115%; color: green; } ul.contact-us-now li label { font-size: 120%; color: red; } ul.contact-us-now li a { font-size: 140%; color: green; }Измените стили по желанию.
Если нужно эти ссылки переместить, то уточните, куда.
3) Там же, замените строку:
#header .header-right .header-right-inner {float:right;}например, на:
#header .header-right .header-right-inner {float:right;margin-right: 40px;margin-top: 30px;}
4) Если правильно Вас поняла, то необходимо заменить фон здесь:
В том же шаблоне, замените строку:
#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}на:
#menu .inner {width: 100%;background: #fff;}
строку:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 150%;font-weight: normal;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;position: relative;color: #FFF;border: 1px solid transparent;}замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 150%;font-weight: normal;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;position: relative;color: #000;border: 1px solid #3cabda;}
строку:
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);}замените на:
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #3cabda;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: #3cabda;}
Цвет корзины тоже нужно поменять: строку:
.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") no-repeat left -343px;}замените на:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid black;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px;}Так же нужно откорректировать в графическом редакторе цвет картинки корзины и заменить это изображение.
5) На последний вопрос Вам ответят чуть позже.
#6
Отправлено 04 Апрель 2016 - 10:21
zabota-mama (03 Апрель 2016 - 21:22) писал:
Спасибо!
1. Контакты и ссылки нужно переместить повыше (см.картинку).
2. Уменьшить межстрочные интервалы в верхнем меню
+ 5 из предыдущего сообщения
Здравствуйте.
1) В конец шаблона main.css вставьте строки:
ul.contact-us-now { position: relative; top: -20px; left: 50%; }
2) В том же шаблоне найдите строку:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
замените ее на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 6px 5px 6px 0px;}
5) В конец шаблона main.css добавьте строку:
#menu.keep-menu #mainnav {display:none;}
#7
Отправлено 04 Апрель 2016 - 22:29
Но нет кода для перемещения ссылок на шапке (Главная.... войти в лк) см.картинку в пред.сообщении
RedHead (04 Апрель 2016 - 10:21) писал:
#menu.keep-menu #mainnav {display:none;}
Осталась закрепленной белая полоса с корзиной.
#8
Отправлено 05 Апрель 2016 - 02:38
ul.links { list-style: none; margin: 0 0; padding: 0 0; float: left; height: 36px; overflow: hidden; }
после него пропишите:
.header-right ul.links { margin-top: -30px; }
5. В main.css найдите:
#menu.keep-menu { z-index: 100; background: fadeOut(#000000, 20%); position: fixed !important; top: 0px !important; }
замените на:
#menu.keep-menu { z-index: 100; background: fadeOut(#000000, 20%); position: relative !important; top: 0px !important; }
#9
Отправлено 05 Апрель 2016 - 16:03
Vaccina (05 Апрель 2016 - 02:38) писал:
ul.links { list-style: none; margin: 0 0; padding: 0 0; float: left; height: 36px; overflow: hidden; }
после него пропишите:
.header-right ul.links { margin-top: -30px; }
Спасибо за ответ!
А можно ли эти ссылки подвигать вправо-влево?
И как можно изменить состав этих ссылок? Хочу убрать Каталог и Войти в ЛК.
Спасибо!
#10
Отправлено 05 Апрель 2016 - 16:13
zabota-mama (05 Апрель 2016 - 16:03) писал:
А можно ли эти ссылки подвигать вправо-влево?
И как можно изменить состав этих ссылок? Хочу убрать Каталог и Войти в ЛК.
Спасибо!
1) В main.css найдите код
.header-right ul.links { margin-top: -30px; }и замените на
.header-right ul.links { margin-top: -30px; margin-left: -52px; }изменяйте значение margin-left, для изменения расположения меню.
2) Пункты меню можно удалить/добавить в разделе Сайт - Меню.
#11
Отправлено 06 Апрель 2016 - 22:34
А где можно поменять размер (уменьшить по длине и высоте) и цвет заливки слайдера?
И у меня какие-то точки перед номером телефона в шапке. Как их убрать?
#12
Отправлено 07 Апрель 2016 - 02:26
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
в нем измените background-image и\или background-color
На счет размеров, загрузите изображение поменьше, так как сейчас установлены картинки размером 1920х570
2.В main.css найдите:
ul.contact-us-now { position: relative; top: -30px; left: 40%; }
после него пропишите:
ul.contact-us-now li { list-style: none; }
#13
Отправлено 15 Апрель 2016 - 15:07
Спасибо за ответ - все работает.
1. Как выключить на сайте функцию "Избранное"? Если нет, то как убрать эту кнопку с сайта? Она всплывает в списке товаров (при наведении на товар), в карточке товара (возможно где-то еще)
2. При наведении на товар (в списке товаров) снизу добавить Артикул, выбор размера и кнопку купить. Как это реализовано см.скрин.
#14
Отправлено 15 Апрель 2016 - 16:20
zabota-mama (15 Апрель 2016 - 15:07) писал:
Спасибо за ответ - все работает.
1. Как выключить на сайте функцию "Избранное"? Если нет, то как убрать эту кнопку с сайта? Она всплывает в списке товаров (при наведении на товар), в карточке товара (возможно где-то еще)
2. При наведении на товар (в списке товаров) снизу добавить Артикул, выбор размера и кнопку купить. Как это реализовано см.скрин.
Здравствуйте! Перед внесением изменений, создайте бэкап.
1) В шаблоне ТОВАР найдите и удалите строки:
<li class="wishlist"> <!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist inProd added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add-wishlist inProd" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} </li>
и строки:
<li> <!-- Если есть возможность добавить товар в избранное --> {% IF related_views_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added btn-addto" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{related_views_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного" title="Убрать «{related_views_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-wishlist btn-addto" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{related_views_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного" title="Добавить «{related_views_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li>
Этот код встречается 2 раза : для сопутствующих товаров и для раздела "с этим товаром смотрят".
Затем, в шаблоне ТОВАРЫ удалите блок кода:
<li> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li>
Код встречается 2 раза (удалите оба)
Затем, в шаблоне html удалите блок кода:
<li> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added btn-addto" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_goods.NAME}» из избранного" title="Убрать «{index_page_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-wishlist btn-addto" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_goods.NAME}» из избранного" title="Добавить «{index_page_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li>
Этот код для товаров на главной (аналогичный код будет для НОВИНОК и ХИТОВ, но они сейчас не размещены у Вас на сайте).
2) В шаблоне ТОВАРЫ перед строкой
<div class="rating">
вставьте:
<!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{goods.ART_NUMBER}</span> </div>
Затем, перед строками:
</div> </div> </div> </form> </div> <div class="item-info">
вставьте:
<div class="wrap-qty clearfix"> <div class="qty-set"> <span class="qty-set-block"> <input type="button" class="quantity-minus"> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <input type="button" class="quantity-plus"> </span> </div> </div>
а в самый конец шаблона:
<script> //Regulator Up копки + в карточке товара при добавлении в корзину $('.quantity-plus').click(function(){ var quantity = $(this).parent().find('.qty'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal)){ quantity.val(currentVal + 1); quantity.trigger('keyup'); } return false; }); //Regulator Down копки - в карточке товара при добавлении в корзину $('.quantity-minus').click(function(){ var quantity = $(this).parent().find('.qty'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal) && !(currentVal <= 1) ){ quantity.val(currentVal - 1); quantity.trigger('keyup'); } return false; }); </script>
Затем, в конец шаблона main.css вставьте:
.box-inner .wrap-qty {margin:10px 0;} .box-inner .wrap-qty .qty-set {margin-top:10px;} .box-inner .wrap-qty .qty-set input {padding: 5px;border-radius: 100%;-webkit-border-radius: 100%;font-size: 100%;line-height: 10px;height: 28px;width: 28px;border: 1px solid #dfdfdf;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;} .box-inner .wrap-qty .qty-set input.quantity-plus:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -26px;} .box-inner .wrap-qty .qty-set input.quantity-minus {background-position: left -52px;} .box-inner .wrap-qty .qty-set input.quantity-minus:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -78px;} .box-inner .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #dfdfdf;}
затем, строку:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}замените на:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 140px;bottom: -140px;left: 0px;}
Уточните, пожалуйста, эти изменения нужны только в каталоге, или на главной тоже?
По поводу размеров, Вам ответят в следующей инструкции.
#15
Отправлено 21 Апрель 2016 - 14:27
zabota-mama (15 Апрель 2016 - 15:07) писал:
Большое спасибо!
Но немного не так представлялось. Видимо это я детально не расписал.
Что нужно поправить:
1. при наведении на товар в синей зоне появляется возможность увеличить количество заказываемого товара. Это не нужно.
2. Рейтинг (звездочками) тоже не нужно.
3. Корзина сверху не нужна.
4. Синий фон: высоту фона уменьшить и поменять цвет, например на светло-голубой
Нужно чтобы при наведении на товар:
1) увеличивалась рамка товара вниз
2) и ТОЛЬКО в этом поле появилась информация:
- артикул
- выбор размера
- кнопка Купить.
Это нужно в том числе и на главной.
Заранее спасибо!
#16
Отправлено 23 Апрель 2016 - 19:41
zabota-mama (21 Апрель 2016 - 14:27) писал:
Но немного не так представлялось. Видимо это я детально не расписал.
Что нужно поправить:
1. при наведении на товар в синей зоне появляется возможность увеличить количество заказываемого товара. Это не нужно.
2. Рейтинг (звездочками) тоже не нужно.
3. Корзина сверху не нужна.
4. Синий фон: высоту фона уменьшить и поменять цвет, например на светло-голубой
Нужно чтобы при наведении на товар:
1) увеличивалась рамка товара вниз
2) и ТОЛЬКО в этом поле появилась информация:
- артикул
- выбор размера
- кнопка Купить.
Это нужно в том числе и на главной.
Заранее спасибо!
Здравствуйте.
1) В шаблоне main.css найдите строку:
.box-inner .wrap-qty {margin:10px 0;}замените ее на:
.box-inner .wrap-qty {margin:10px 0;display:none;}
2) В конец того же шаблона вставьте строку:
.products-grid .item .item-inner .item-info .info-inner .rating {display:none;}
3) строку:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {font-size: 14px;text-transform: none;position: relative;height: 34px;line-height: 34px;display:inline-block;padding: 0 17px 0 47px;}замените на:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {font-size: 14px;text-transform: none;position: relative;height: 34px;line-height: 34px;display:inline-block;padding: 0 17px 0 47px;display:none;}
4) строку:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 140px;bottom: -140px;left: 0px;}замените на:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 80px;bottom: -80px;left: 0px;}
в этой строке замените значение rgba(62, 171, 218, 0.8) на необходимый цвет.
Не совсем понятно, что значит: чтобы увеличивалась рамка вниз? Вы можете уточнить это задание?
#17
Отправлено 04 Май 2016 - 20:51
Цитата
Сейчас Артикул высвечивается по умолчанию.
Нужно чтобы он появлялся только при наведении мыши. Также с ним нужно чтобы появлялись выбор размера и кнопку купить.
Также надо учесть, что кроме размера может быть также и выбор цвета.
#18
Отправлено 05 Май 2016 - 01:16
<!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{goods.ART_NUMBER}</span> </div>
после него пропишите:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="cart-wrap"> <a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a> </div> </form>
В main.css найдите:
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price { height: 26px; line-height: 26px; padding: 0; }
после него пропишите:
.products-grid .item .item-inner .item-info .info-inner .item-content .goodsDataMainModificationArtNumber, .products-grid .item .item-inner .item-info .info-inner .item-content .goodsListForm { opacity: 0; } .products-grid .item:hover .item-inner .item-info .info-inner .item-content .goodsDataMainModificationArtNumber, .products-grid .item:hover .item-inner .item-info .info-inner .item-content .goodsListForm { opacity: 1; }
#20
Отправлено 11 Май 2016 - 05:34
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных