Изменения Верха, Корзина, Телефон, Режим Работы
#1
Отправлено 09 Март 2016 - 22:25
что бы когда корзина была пуста на корзине было бы написана, Ваша корзина пуста, а когда товар куплен, так же на корзине написано Товаров на (Цена)руб.
Аккаунт SL-378888
Картинку делал в фотошопе )
#2
Отправлено 10 Март 2016 - 05:35
<div class="col-md-3 col-xs-12"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-9 col-xs-12">
вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12"> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} </div> </div> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} </div>
В main.css найдите:
div#custommenu {transform: translateY(42px);}
замените на:
div#custommenu { margin-top: 20px; } #header .worktime { color: #2BA2E7; }
Далее найдите:
.tel-right { float: right; position: relative; top: -35px; left: -15px; color: #696c79; font-size: 18px; }
замените на:
.tel-right { display:none; }
Уточните пожалуйста, плавающая иконка корзины вам не нужна?
#3
Отправлено 10 Март 2016 - 09:15
Vaccina (10 Март 2016 - 05:35) писал:
<div class="col-md-3 col-xs-12"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-9 col-xs-12">
вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12"> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} </div> </div> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} </div>
В main.css найдите:
div#custommenu {transform: translateY(42px);}
замените на:
div#custommenu { margin-top: 20px; } #header .worktime { color: #2BA2E7; }
Далее найдите:
.tel-right { float: right; position: relative; top: -35px; left: -15px; color: #696c79; font-size: 18px; }
замените на:
.tel-right { display:none; }
Уточните пожалуйста, плавающая иконка корзины вам не нужна?
Корзина пускай останется плавающая, мне надо что бы корзина у меня была как на картинки ещё. Спасибо за помощь.
#4
Отправлено 10 Март 2016 - 11:35
denet (10 Март 2016 - 09:15) писал:
Здравствуйте. Вставьте, пожалуйста, строки:
div#custommenu { margin-top: 20px; } #header .worktime { color: #2BA2E7; }
в самый конец шаблона style.css
#5
Отправлено 11 Март 2016 - 11:22
Vaccina (10 Март 2016 - 05:35) писал:
<div class="col-md-3 col-xs-12"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-9 col-xs-12">
вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12"> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} </div> </div> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} </div>
В main.css найдите:
div#custommenu {transform: translateY(42px);}
замените на:
div#custommenu { margin-top: 20px; } #header .worktime { color: #2BA2E7; }
Далее найдите:
.tel-right { float: right; position: relative; top: -35px; left: -15px; color: #696c79; font-size: 18px; }
замените на:
.tel-right { display:none; }
Уточните пожалуйста, плавающая иконка корзины вам не нужна?
Помогите пожалуйста реализовать корзину как на картинке
#6
Отправлено 11 Март 2016 - 16:49
denet (11 Март 2016 - 11:22) писал:
Здравствуйте. В шаблоне html найдите блок кода:
<!-- Корзина --> <div id="shopping_cart_mini" class="hidden-phone hidden-tablet"> <div class="heading"> <h4><center>Ваша корзина</center></h4> <a href="{CART_URL}" title="Перейти в корзину"> <span id="cart-total"> {% IF cart_count_empty %} <div class="content"> <div class="empty">Ваша корзина покупок пуста!</div> </div> {% ELSE %} Товаров на <br /> {% FOR cart_sum %} {cart_sum.NOW} {% ENDFOR %}руб. ( {CART_COUNT_TOTAL}) {% ENDIF %}</span> </a> {% IFNOT cart_count_empty %} <br><span class="oform"><a title="Перейти к оформлению заказа" href="/order/stage/contacts">Оформить заказ</a></span> {% ENDIF %} </div>
Замените его на:
<!-- Корзина --> <div id="shopping_cart_mini" class="hidden-phone hidden-tablet"> <div class="heading"> <a href="{CART_URL}" title="Перейти в корзину"> <span id="cart-total"> {% IF cart_count_empty %} <div class="content-cart"> <div class="cart-img"> <img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" /> </div> <div class="empty">Ваша корзина покупок пуста! </div> </div> {% ELSE %} <div class="cart-img"> <img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" /> </div> <div class="content-cart"> Товаров на <br /> <b> {% FOR cart_sum %} {cart_sum.NOW} {% ENDFOR %}</b> руб. ( {CART_COUNT_TOTAL}) </div> {% ENDIF %}</span> </a> </div>
Затем, в шаблоне main.css замените строки:
#shopping_cart_mini { background-color: #ffffff; border-radius: 1px;/* Изменяет низ корзины окружность */ margin-right: 10px; /*сместить от стенки влево или враво */ margin-top: 20px; /*сместить от стенки вверх в низ */ color: #EEEEEE; min-width: 165px; z-index: 40; float: right; text-align: center; }на:
#shopping_cart_mini { background-color: #00BFFF; border-radius: 1px;/* Изменяет низ корзины окружность */ margin-right: 10px; /*сместить от стенки влево или враво */ margin-top: 20px; /*сместить от стенки вверх в низ */ color: #EEEEEE; min-width: 180px; z-index: 40; float: right; text-align: center; height: 60px; }
В конец шаблона вставьте:
.cart-img { float: left; margin-left: 5px; margin-top: 15px; } .content-cart { color: #fff; font-size: 115%; line-height: 29px; }
Подберите необходимое изображение и замените его название в коде.
#7
Отправлено 11 Март 2016 - 18:04
RedHead (11 Март 2016 - 16:49) писал:
<!-- Корзина --> <div id="shopping_cart_mini" class="hidden-phone hidden-tablet"> <div class="heading"> <h4><center>Ваша корзина</center></h4> <a href="{CART_URL}" title="Перейти в корзину"> <span id="cart-total"> {% IF cart_count_empty %} <div class="content"> <div class="empty">Ваша корзина покупок пуста!</div> </div> {% ELSE %} Товаров на <br /> {% FOR cart_sum %} {cart_sum.NOW} {% ENDFOR %}руб. ( {CART_COUNT_TOTAL}) {% ENDIF %}</span> </a> {% IFNOT cart_count_empty %} <br><span class="oform"><a title="Перейти к оформлению заказа" href="/order/stage/contacts">Оформить заказ</a></span> {% ENDIF %} </div>
Замените его на:
<!-- Корзина --> <div id="shopping_cart_mini" class="hidden-phone hidden-tablet"> <div class="heading"> <a href="{CART_URL}" title="Перейти в корзину"> <span id="cart-total"> {% IF cart_count_empty %} <div class="content-cart"> <div class="cart-img"> <img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" /> </div> <div class="empty">Ваша корзина покупок пуста! </div> </div> {% ELSE %} <div class="cart-img"> <img src="{ASSETS_IMAGES_PATH}icon_visa.png" alt="" title="" /> </div> <div class="content-cart"> Товаров на <br /> <b> {% FOR cart_sum %} {cart_sum.NOW} {% ENDFOR %}</b> руб. ( {CART_COUNT_TOTAL}) </div> {% ENDIF %}</span> </a> </div>
Затем, в шаблоне main.css замените строки:
#shopping_cart_mini { background-color: #ffffff; border-radius: 1px;/* Изменяет низ корзины окружность */ margin-right: 10px; /*сместить от стенки влево или враво */ margin-top: 20px; /*сместить от стенки вверх в низ */ color: #EEEEEE; min-width: 165px; z-index: 40; float: right; text-align: center; }на:
#shopping_cart_mini { background-color: #00BFFF; border-radius: 1px;/* Изменяет низ корзины окружность */ margin-right: 10px; /*сместить от стенки влево или враво */ margin-top: 20px; /*сместить от стенки вверх в низ */ color: #EEEEEE; min-width: 180px; z-index: 40; float: right; text-align: center; height: 60px; }
В конец шаблона вставьте:
.cart-img { float: left; margin-left: 5px; margin-top: 15px; } .content-cart { color: #fff; font-size: 115%; line-height: 29px; }
Подберите необходимое изображение и замените его название в коде.
У меня шаблон спорт, я не могу найти #shopping_cart_mini
#8
Отправлено 15 Март 2016 - 01:15
Vaccina (10 Март 2016 - 05:35) писал:
<div class="col-md-3 col-xs-12"> <div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div> </div> <div class="col-md-9 col-xs-12">
вставьте:
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12"> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} </div> </div> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} </div>
В main.css найдите:
div#custommenu {transform: translateY(42px);}
замените на:
div#custommenu { margin-top: 20px; } #header .worktime { color: #2BA2E7; }
Далее найдите:
.tel-right { float: right; position: relative; top: -35px; left: -15px; color: #696c79; font-size: 18px; }
замените на:
.tel-right { display:none; }
Уточните пожалуйста, плавающая иконка корзины вам не нужна?
Помогите сделать корзину как на картинки и оставить ещё ту которая с боку
#11
Отправлено 16 Март 2016 - 01:30
В этом случае вместо данной строки найдите:
/*** Шапка ***/ #logo {float: left;margin-top: 20px;}
после него разместите измененный код
#12
Отправлено 16 Март 2016 - 01:57
Vaccina (16 Март 2016 - 01:30) писал:
В этом случае вместо данной строки найдите:
/*** Шапка ***/ #logo {float: left;margin-top: 20px;}
после него разместите измененный код
изменил всё как сказано было, очень плохо выглядит, я убрал, так как должна проверка яндекс маркета придти, можно просто вставить корзину, в правою сторону сайта в шапку
#13
Отправлено 16 Март 2016 - 02:45
<div class="col-md-9 col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{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> <!-- /END Меню навигации в шапке --> </div>
замените на:
<div class="col-md-9 col-xs-12"> <div class="col-md-9 col-xs-12"> <div class="col-md-12 col-sm-12 col-sms-12 col-smb-12 contacts"> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} </div> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} </div> </div> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{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> <!-- /END Меню навигации в шапке --> </div> <div class="col-md-3 col-xs-12 cart"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} {% FOR cart_sum %} <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} {% ENDIF %} </a> </div> </div>
В main.css найдите:
.tel-right { font-weight: bold; float: right; position: relative; top: -35px; left: -15px; color: #000000; font-size: 18px; }
замените на:
.tel-right { display: none; } .col-md-3.col-xs-12.cart a { display: block; padding: 10px; background: #09AFE7; border-radius: 10px; margin-top: 15px; } .col-md-3.col-xs-12.cart i { display: inline-block; font-size: 26px; color: #fff; width: 20%; vertical-align: middle; } .col-md-3.col-xs-12.cart .subtotal { display: inline-block; font-size: 12px; width: 75%; color: #fff; vertical-align: middle; } .col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts { padding-top: 20px; font-size: 16px; } .col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts .worktime { margin: 0; color: #09AFE7; }
Если все выполнили правильно, то должен получиться следующий результат:
#14
Отправлено 16 Март 2016 - 12:14
#15
Отправлено 30 Март 2016 - 01:05
Vaccina (16 Март 2016 - 02:45) писал:
<div class="col-md-9 col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{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> <!-- /END Меню навигации в шапке --> </div>
замените на:
<div class="col-md-9 col-xs-12"> <div class="col-md-9 col-xs-12"> <div class="col-md-12 col-sm-12 col-sms-12 col-smb-12 contacts"> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o"> </em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %} </div> <div class="col-md-4 col-sm-5 col-sms-12 col-smb-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %} </div> </div> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_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 %}">{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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{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> <!-- /END Меню навигации в шапке --> </div> <div class="col-md-3 col-xs-12 cart"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} {% FOR cart_sum %} <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} {% ENDIF %} </a> </div> </div>
В main.css найдите:
.tel-right { font-weight: bold; float: right; position: relative; top: -35px; left: -15px; color: #000000; font-size: 18px; }
замените на:
.tel-right { display: none; } .col-md-3.col-xs-12.cart a { display: block; padding: 10px; background: #09AFE7; border-radius: 10px; margin-top: 15px; } .col-md-3.col-xs-12.cart i { display: inline-block; font-size: 26px; color: #fff; width: 20%; vertical-align: middle; } .col-md-3.col-xs-12.cart .subtotal { display: inline-block; font-size: 12px; width: 75%; color: #fff; vertical-align: middle; } .col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts { padding-top: 20px; font-size: 16px; } .col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts .worktime { margin: 0; color: #09AFE7; }
Если все выполнили правильно, то должен получиться следующий результат:
123.jpg
Можно телефон и время сделать по середине и жирнее шрифт?
#16
Отправлено 30 Март 2016 - 01:58
denet (30 Март 2016 - 01:05) писал:
В main.css найдите:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts { font-size: 16px; }замените на:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts { font-size: 17px; font-weight: bold; text-align: center; } .col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div { float: none !important; display: inline-block; }
denet (16 Март 2016 - 12:14) писал:
В шаблоне Ajax добавление товара в корзину найдите:
</div> <!-- Обновление данных корзины --> <script> $('.cart-title').html($('#newCartCount').html()); $('.dropdown-cart').html($('#newCartData').html());
замените на:
<div id="newCart2"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} {% FOR cart_sum %} <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} {% ENDIF %} </a> </div> </div> <!-- Обновление данных корзины --> <script> $('.col-md-3.col-xs-12.cart').html($('#newCart2').html()); $('.cart-title').html($('#newCartCount').html()); $('.dropdown-cart').html($('#newCartData').html());
#17
Отправлено 30 Март 2016 - 12:23
Vaccina (30 Март 2016 - 01:58) писал:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts { font-size: 16px; }замените на:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts { font-size: 17px; font-weight: bold; text-align: center; } .col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div { float: none !important; display: inline-block; }
В шаблоне Ajax добавление товара в корзину найдите:
</div> <!-- Обновление данных корзины --> <script> $('.cart-title').html($('#newCartCount').html()); $('.dropdown-cart').html($('#newCartData').html());
замените на:
<div id="newCart2"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} {% FOR cart_sum %} <div class="subtotal">Товаров на сумму: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} {% ENDIF %} </a> </div> </div> <!-- Обновление данных корзины --> <script> $('.col-md-3.col-xs-12.cart').html($('#newCart2').html()); $('.cart-title').html($('#newCartCount').html()); $('.dropdown-cart').html($('#newCartData').html());
как опустить время и телефон ниже?
#18
Отправлено 30 Март 2016 - 12:30
denet (30 Март 2016 - 12:23) писал:
Здравствуйте, в main.css найдите код:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; margin-top: 50px;}
и замените на код:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; }
далее код:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div { float: none !important; display: inline-block; }
замените на код:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div { float: none !important; display: inline-block; line-height: 68px; }
#19
Отправлено 30 Март 2016 - 12:34
Юля123 (30 Март 2016 - 12:30) писал:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; margin-top: 50px;}
и замените на код:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #FFFFFF;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;background: linear-gradient(#F65827, #E5420E) #FFFFFF;border-radius: 10px 29px 21px 43px; }
далее код:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div { float: none !important; display: inline-block; }
замените на код:
.col-md-12.col-sm-12.col-sms-12.col-smb-12.contacts > div { float: none !important; display: inline-block; line-height: 68px; }
Идеально, спасибо огромное! И всем кто мне помогает ) как всегда выручаете )
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных