Изменения Нижней Части Шапки Меню
#1
Отправлено 29 Октябрь 2015 - 11:27
#2
Отправлено 29 Октябрь 2015 - 11:36
Александр86 (29 Октябрь 2015 - 11:27) писал:
Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 0%; left: 98%; background: #fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); margin-top: 5px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
И замените его вот этим вот кодом:
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 0%; left: 98%; background: #fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
Что касается первой просьбы, то не совсем понятно - что вы имеете ввиду.
Поэтому пожалуйста - пришлите нам скриншот с точным указанием того, что вы просите сделать.
Спасибо.
#3
Отправлено 29 Октябрь 2015 - 11:48
RayLi (29 Октябрь 2015 - 11:36) писал:
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 0%; left: 98%; background: #fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); margin-top: 5px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
И замените его вот этим вот кодом:
#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 0%; left: 98%; background: #fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
Что касается первой просьбы, то не совсем понятно - что вы имеете ввиду.
Поэтому пожалуйста - пришлите нам скриншот с точным указанием того, что вы просите сделать.
Спасибо.
Спасибо, получилось. Извините, тогда рамку изменил на белый цвет. Хотелось бы, чтобы эта рамка была более закругленная на концах, менее строгая что ли. И соответственно все рамки в категориях. Спасибо.
Вот скриншот.
#4
Отправлено 29 Октябрь 2015 - 11:51
Александр86 (29 Октябрь 2015 - 11:48) писал:
Вот скриншот.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#custommenu ul.mainnav li.level0 > .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 120%; left: 0; background: #Fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgb(255,255,255, 0.3); z-index: 100; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
И замените его вот этим вот кодом:
#custommenu ul.mainnav li.level0 > .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 120%; left: 0; background: #Fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgb(255,255,255, 0.3); z-index: 100; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); border-radius: 10px; }
#5
Отправлено 29 Октябрь 2015 - 12:00
RayLi (29 Октябрь 2015 - 11:51) писал:
В шаблоне main.css найдите данный код:
#custommenu ul.mainnav li.level0 > .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 120%; left: 0; background: #Fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgb(255,255,255, 0.3); z-index: 100; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
И замените его вот этим вот кодом:
#custommenu ul.mainnav li.level0 > .wrap_submenu { position: absolute; min-width: 255px; padding: 0; top: 120%; left: 0; background: #Fff; border: 1px solid #fff; border-bottom: 0; box-shadow: 0 0 5px rgb(255,255,255, 0.3); z-index: 100; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); border-radius: 10px; }
Да, спасибо, все именно так. Получилось)
#6
Отправлено 29 Январь 2016 - 04:56
Как мне переместить элементы шапки? Логотип в шапку слева, высоту шапки увеличить для этого. Строку поиска посередине широко в нижнюю часть шапки. Над строкой поиска время работы, e-mail и телефон. Справа оставить вход в ЛК, сравнение и корзину, только эти три иконки увеличить в размере на 50%. Добавить ссылку на документы по торговле слева-сверху от иконки Входа в ЛК (Гдк написано Info). Цвета, конечно, оставить прежними.
Т.е. результат должен быть примерно таким:
#7
Отправлено 29 Январь 2016 - 06:19
<!-- Верхняя часть Шапки --> <div id="header-top" class="wrap"> <div class="container"> <div class="header-col-left left" title="Menüü"> <ul class="links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} title="{% IF menu.header.links.NAME = Kataloog %}Kodulehekülje toodete täis nimekiri{% ELSEIF menu.header.links.NAME = Aktsiad! %}Kampaaniad{% ELSEIF menu.header.links.NAME = Konto %}Teie isiklikku kabinett{% ELSEIF menu.header.links.NAME = Logi välja %}Logi välja{% ELSEIF menu.header.links.NAME = Ostukorv %}Teie ostukorv{% ENDIF %}">{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="header-col-right right"> <!--Телефон--> <div class="phone"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><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></p>{% ENDIF %} </div> <!-- Поиск --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Sisesta otsingusõna"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Sisesta otsingusõna"> <button type="submit" title="Otsi" class="button search-submit fa"></button> </div> </form> <div class="header-tools"> <!-- Меню пользователя --> <div class="myaccount"> <div class="tongle" title="Kasutaja menüü"><i class="fa fa-user"></i></div> <div class="content"> <ul class="links"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Logi sisse"><i class="fa fa-sign-in"></i>Logi sisse</a></li> <li><a href="{USER_REGISTER_URL}" title="Registreerimine"><i class="fa fa-user-plus"></i>Registreeri</a></li> <li><a href="{CART_URL}" title="Ostukorv"><i class="fa fa-shopping-cart"></i>Ostukorv</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Konto"><i class="fa fa-user"></i>Konto</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="Tellimuste ajalugu"><i class="fa fa-history"></i>Tellimuste ajalugu</a></li> <li><a href="{FAVORITES_URL}" title="Lemmikud"><i class="fa fa-heart"></i>Lemmikud</a></li> <li><a href="{COMPARE_URL}" title="Tootevõrdlus"><i class="fa fa-retweet"></i>Tootevõrdlus</a></li> <li><a href="{USER_LOGOUT_URL}" title="Logi välja"><i class="fa fa-sign-out"></i>Logi välja</a></li> {% ENDIF %} </ul> </div> </div> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}"> <div class="tongle"> <a href="{COMPARE_URL}" title="Vaata võrdluse"> <i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span> </a> </div> <ul id="compare-items" class="content"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 6 %}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-compare fa fa-close" title="Eemalda võrdlusest"></a> <div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- Корзина --> <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="tongle cart-status"> <a href="{CART_URL}" title="Ostukorv"> <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> </a> </div> <div class="content dropdown-cart"> <div class="cart_block_list"> {% IF cart_count_empty %} <p class="cart_block_no_products">Teie ostukorv on tühi</p> {% ELSE %} <ul id="cart-sidebar" class="products"> {% FOR cart_items %} <li class="cart-item"> <a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}"> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"> </a> <div class="cart-block-info"> <div class="product-name"> <a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a> {% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </div> <div class="cart_block_price"> <span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</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> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"> </a> </li> {% ENDFOR %} </ul> {% ENDIF %} <div class="bottom-action actions"> {% FOR cart_sum %} <div class="cart-prices"> <span>Kokku:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </div> {% ENDFOR %} <a class="button remove-products" title="Eemalda toode" data-href="{CART_TRUNCATE_URL}">Eemalda</a> <a class="button" href="{CART_URL}" title="Vormista tellimus" >Ostukorv</a> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /END Верхняя часть Шапки --> <!-- Логотип --> <div id="header" class="wrap"> <div class="container"> <h1 id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </h1> </div> </div> <!-- /END Логотип -->
замените на:
<!-- Логотип --> <div id="header" class="wrap"> <div class="container"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}"> </a> </div> <div class="center_column"> <!--Контакты--> <ul> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><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_REGION %}<li><em class="fa fa-location-arrow"> </em>{SETTINGS_STORE_REGION}</li>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<li><em class="fa fa-clock-o"> </em>{SETTINGS_STORE_WORK_TIME}</li>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<li><em class="fa fa-envelope"> </em>E-post: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} </ul> <!-- Поиск --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Sisesta otsingusõna"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Sisesta otsingusõna"> <button type="submit" title="Otsi" class="button search-submit fa"></button> </div> </form> </div> <div class="right_column"> <div class="header-tools"> <!-- Меню пользователя --> <div class="myaccount"> <div class="tongle" title="Kasutaja menüü"><i class="fa fa-user"></i></div> <div class="content"> <ul class="links"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Logi sisse"><i class="fa fa-sign-in"></i>Logi sisse</a></li> <li><a href="{USER_REGISTER_URL}" title="Registreerimine"><i class="fa fa-user-plus"></i>Registreeri</a></li> <li><a href="{CART_URL}" title="Ostukorv"><i class="fa fa-shopping-cart"></i>Ostukorv</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Konto"><i class="fa fa-user"></i>Konto</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="Tellimuste ajalugu"><i class="fa fa-history"></i>Tellimuste ajalugu</a></li> <li><a href="{FAVORITES_URL}" title="Lemmikud"><i class="fa fa-heart"></i>Lemmikud</a></li> <li><a href="{COMPARE_URL}" title="Tootevõrdlus"><i class="fa fa-retweet"></i>Tootevõrdlus</a></li> <li><a href="{USER_LOGOUT_URL}" title="Logi välja"><i class="fa fa-sign-out"></i>Logi välja</a></li> {% ENDIF %} </ul> </div> </div> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}"> <div class="tongle"> <a href="{COMPARE_URL}" title="Vaata võrdluse"> <i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span> </a> </div> <ul id="compare-items" class="content"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 6 %}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-compare fa fa-close" title="Eemalda võrdlusest"></a> <div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- Корзина --> <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="tongle cart-status"> <a href="{CART_URL}" title="Ostukorv"> <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> </a> </div> <div class="content dropdown-cart"> <div class="cart_block_list"> {% IF cart_count_empty %} <p class="cart_block_no_products">Teie ostukorv on tühi</p> {% ELSE %} <ul id="cart-sidebar" class="products"> {% FOR cart_items %} <li class="cart-item"> <a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}"> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"> </a> <div class="cart-block-info"> <div class="product-name"> <a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a> {% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </div> <div class="cart_block_price"> <span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</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> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"> </a> </li> {% ENDFOR %} </ul> {% ENDIF %} <div class="bottom-action actions"> {% FOR cart_sum %} <div class="cart-prices"> <span>Kokku:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </div> {% ENDFOR %} <a class="button remove-products" title="Eemalda toode" data-href="{CART_TRUNCATE_URL}">Eemalda</a> <a class="button" href="{CART_URL}" title="Vormista tellimus" >Ostukorv</a> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /END Логотип -->
далее в main.css найдите:
#logo { margin: 0px; padding: 15px 0px 10px 35px; }
замените на:
#logo { margin: 0px; padding: 15px 0px 10px 35px; float: left; } .center_column { float: left; width: 60%; } .center_column li { display: inline-block; margin: 0 5px; }
далее найдите:
#search_mini_form { float: left; position: relative; }
замените на:
#search_mini_form { position: relative; clear: both; margin: 0 auto; display: block; }
далее найдите:
#search_mini_form input { background: #232323; color: #CCC; border: medium none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 200px; padding-left: 10px; padding-right: 30px; }
замените на:
#search_mini_form input { background: #232323; color: #CCC; border: medium none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 100%; padding-left: 10px; padding-right: 30px; }
#8
Отправлено 29 Январь 2016 - 12:25
Vaccina (29 Январь 2016 - 06:19) писал:
<!-- Верхняя часть Шапки --> ...
Большое спасибо! Где тут памятник поставить? Надо начальнику благодарность написать. Такая "простыня" - и все как надо.
Только поиск немного доработать:
1. после тычка мышкой строка укорачивается до прошлого значения "длинная", но теперь она короткая :-)
2. Небольшую рамочку сделайте, пожалуйста, вокруг поиска, толщиной в 1 пиксель, серого цвета.
#9
Отправлено 29 Январь 2016 - 12:58
Ingleest (29 Январь 2016 - 12:25) писал:
Только поиск немного доработать:
1. после тычка мышкой строка укорачивается до прошлого значения "длинная", но теперь она короткая :-)
2. Небольшую рамочку сделайте, пожалуйста, вокруг поиска, толщиной в 1 пиксель, серого цвета.
1-2) В main.css найдите код
#search_mini_form input { background: #232323; color: #CCC; border: medium none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 100%; padding-left: 10px; padding-right: 30px; }и замените на
#search_mini_form input { background: #232323; color: #CCC; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 100% !important; padding-left: 10px; padding-right: 30px; border: 1px solid #FFF; }border - толщина и цвет рамки
#10
Отправлено 29 Январь 2016 - 15:11
Danil (29 Январь 2016 - 12:58) писал:
1-2) В main.css найдите код
#search_mini_form input { background: #232323; color: #CCC; border: medium none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 100%; padding-left: 10px; padding-right: 30px; }и замените на
#search_mini_form input { background: #232323; color: #CCC; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 100% !important; padding-left: 10px; padding-right: 30px; border: 1px solid #FFF; }border - толщина и цвет рамки
Пасиб!
#11
Отправлено 23 Апрель 2016 - 07:20
Помогите, пожалуйста, поменять шапку:
1. Сделать корзину большой, сместить ее вниз и написать рядом "Корзина" на местном наречии.
2. Убрать в углу логин и сравнение и взамен поставить номер телефона.
3. Сделать верхнее меню снова видимым.
#12
Отправлено 23 Апрель 2016 - 20:46
Ingleest (23 Апрель 2016 - 07:20) писал:
Помогите, пожалуйста, поменять шапку:
1. Сделать корзину большой, сместить ее вниз и написать рядом "Корзина" на местном наречии.
2. Убрать в углу логин и сравнение и взамен поставить номер телефона.
3. Сделать верхнее меню снова видимым.
Здравствуйте! Перед внесением изменений, создайте бэкап шаблона.
1) В шаблоне html найдите и удалите строку:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><em class="fa fa-phone"> </em><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 %}
Затем, после строки:
<div class="header-tools">
вставьте:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><em class="fa fa-phone"> </em><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></div>{% ENDIF %}
Потом, найдите строку:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>замените ее на:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> <span>Корзина</span>
Далее, в шаблоне main.css найдите строку:
.header-tools .mycart .cart-count, .header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}замените ее на:
.header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;} .header-tools .mycart .cart-count { margin-left: 5px;background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 16px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;} i.fa.fa-shopping-cart {font-size: 130%;}
2) Вопрос с ЛК уже не актуален,если я правильно понимаю.
3) Уточните, пожалуйста, меню, которое необходимо вернуть, как оно сделано? Не наблюдаю его в разделе Сайт-Меню, скрытых элементов в шапке тоже не вижу.
#13
Отправлено 24 Апрель 2016 - 15:31
RedHead (23 Апрель 2016 - 20:46) писал:
1) В шаблоне html найдите и удалите строку:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><em class="fa fa-phone"> </em><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 %}
Затем, после строки:
<div class="header-tools">
вставьте:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><em class="fa fa-phone"> </em><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></div>{% ENDIF %}
Потом, найдите строку:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>замените ее на:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> <span>Корзина</span>
Далее, в шаблоне main.css найдите строку:
.header-tools .mycart .cart-count, .header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}замените ее на:
.header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;} .header-tools .mycart .cart-count { margin-left: 5px;background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 16px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;} i.fa.fa-shopping-cart {font-size: 130%;}
2) Вопрос с ЛК уже не актуален,если я правильно понимаю.
3) Уточните, пожалуйста, меню, которое необходимо вернуть, как оно сделано? Не наблюдаю его в разделе Сайт-Меню, скрытых элементов в шапке тоже не вижу.
Спасибо.
Меню я сделал во вкладке Меню, нзвал его Верхнее с пометкой "header".
#14
Отправлено 24 Апрель 2016 - 16:48
Ingleest (24 Апрель 2016 - 15:31) писал:
Меню я сделал во вкладке Меню, нзвал его Верхнее с пометкой "header".
Здравствуйте! В шаблоне html найдите строку:
<div class="center_column">
После нее вставьте:
<div class="menu-header"> <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 вставьте строку:
.menu-header {float: left;}
#15
Отправлено 25 Апрель 2016 - 05:00
RedHead (24 Апрель 2016 - 16:48) писал:
<div class="center_column">
После нее вставьте:
<div class="menu-header"> <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 вставьте строку:
.menu-header {float: left;}
Спасибо!
Доброе утро!
1. Скажите, пожалуйста, как сделать, чтобы в строке поиска лупа была видна все время, а не только при наведении? И правильно ли я понял, что поиск работает только по названиям товаров?
2. Как сделать пользовательское меню внизу шапки выделенным черным цветом с текстом белого цвета, чтобы выделение было во всю ширину экрана, как здесь:
Сообщение отредактировал Ingleest: 25 Апрель 2016 - 05:20
#16
Отправлено 25 Апрель 2016 - 20:18
Ingleest (25 Апрель 2016 - 05:00) писал:
Доброе утро!
1. Скажите, пожалуйста, как сделать, чтобы в строке поиска лупа была видна все время, а не только при наведении? И правильно ли я понял, что поиск работает только по названиям товаров?
2. Как сделать пользовательское меню внизу шапки выделенным черным цветом с текстом белого цвета, чтобы выделение было во всю ширину экрана, как здесь:
1) В main.css найдите код
#search_mini_form button.button:before { content: "\f002"; font-family: FontAwesome; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #fff; }и замените на
#search_mini_form button.button:before { content: "\f002"; font-family: FontAwesome; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #707070; }Поиск работает по всей информации находящейся в товаре.
2) В main.css найдите код
#menu { z-index: 1; }и замените на
#menu { z-index: 1; background: #000; }найдите
#custommenu { text-align: center; margin-top: -15px; }и замените на
#custommenu { text-align: center; }так же найдите
#custommenu ul.mainnav li.level0 > a { display: block; padding: 5px 12px; position: relative; font-size: 16px; text-transform: uppercase; line-height: 20px; color: #000000; border: 1px solid transparent; margin: 0 0 10px 0; }и замените на
#custommenu ul.mainnav li.level0 > a { display: block; padding: 5px 12px; position: relative; font-size: 16px; text-transform: uppercase; line-height: 20px; color: #ffffff; border: 1px solid transparent; margin: 0 0 10px 0; }найдите
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a { border: 1px solid #2E2E2E; border-radius: 25px; }и замените на
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a { border: 1px solid #ffffff; border-radius: 25px; }
#18
Отправлено 26 Апрель 2016 - 11:24
#19
Отправлено 26 Апрель 2016 - 13:09
Ingleest (26 Апрель 2016 - 11:24) писал:
Здравствуйте, в main.css найдите код:
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a { border: 1px solid #031267; border-radius: 25px; }
и замените на код:
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a { border: 1px solid #031267; }
цвет рам замените на нужный.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных