Здравствуйте, подскажите, пожалуйста:
1) Как сделать на главной странице не 4 карточки товара, а 12(3 ряда по 4)?
2) Как убрать анимацию с кнопок преимуществ и сделать их статичными во втором своем состоянии, когда они на синем фоне?(прикрепил скриншот)
3) Как поместить верхнее меню на место контактов и в полной версии сайта эти контакты убрать вообще?(прикрепил скриншот)
4) Как во всплывающем меню обратного звонка оставить только пункты имени, телефона и комментариев?(прикрепил скриншот)
5) Можно ли при заказе определенного товара делать скидку в корзине на ряд других товаров?
Спасибо!
0
Несколько Небольших Правок В Шаблоне
Автор Scou, 08 дек. 2015 18:05
Сообщений в теме: 5
#1
Отправлено 08 Декабрь 2015 - 18:05
#2
Отправлено 09 Декабрь 2015 - 02:15
1. Добавьте больше товаров в Хиты продаж в разделе Товары - Товары.
2. В main.css найдите:
замените на:
3. В шаблоне HTML найдите:
замените на:
В main.css найдите:
замените на:
4. В шаблоне Обратный звонок найдите и удалите:
5. Если только создать отдельно товары в скрытой категории со скидочной ценой и делать их как сопутсвующие необходимым товарам.
2. В main.css найдите:
#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;} #topsl .block {padding: 106px 1% 0;text-align: center;display:block;} #topsl .block:first-child {margin-left:0;} #topsl .block .block-title {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;} #topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;} #topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);} #topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;} #topsl .block.money-back .block-title span:after {background-position: -234px top;} #topsl .block.orders-247 .block-title span:after {background-position: -390px top;} #topsl .block.secured-payment .block-title span:after {background-position: -546px top;} #topsl .block .block-title:hover {cursor:pointer;} #topsl .block:hover .block-title {color: #3cabda;} #topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;} #topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);} #topsl .block:hover .block-title span:after {background-position: 0px top;} #topsl .block.money-back:hover .block-title span:after {background-position: -156px top;} #topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}
замените на:
#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;} #topsl .block {padding: 106px 1% 0;text-align: center;display:block;} #topsl .block:first-child {margin-left:0;} #topsl .block .block-title {padding-top: 0px;text-transform: none;color: #3cabda;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;} #topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #3cabda;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;} #topsl .block .block-title span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 1px;margin-left: -42px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;background: #3cabda;opacity: 1;filter: alpha(opacity=100);} #topsl .block .block-title span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat 0px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;} #topsl .block.money-back .block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment .block-title span:after {background-position: -468px top;} #topsl .block .block-title:hover {cursor:pointer;} #topsl .block:hover .block-title:before {cursor:pointer;}
3. В шаблоне HTML найдите:
<div class="topheader-left col-xs-5"> <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-xs-7"> <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 class="topheader-left col-xs-7"> <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 class="topheader-right col-xs-5"> <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>
В main.css найдите:
#header-top .topheader-left {float:left;padding:0;} #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") 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;} #header-top .topheader-right {position: relative;z-index: 2;float:right;padding:0;} #header-top .topheader-right .inner {float: right;} #header-top .topheader-right .sns-quickaccess {float: left;} #header-top .topheader-right .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;} #header-top .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;font-weight: bold;} #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;}
замените на:
#header-top .topheader-left {position: relative;z-index: 2;float:right;padding:0;} #header-top .topheader-left .inner {float: right;} #header-top .topheader-left .sns-quickaccess {float: left;} #header-top .topheader-left .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;} #header-top .topheader-left .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;font-weight: bold;} #header-top .topheader-left .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-left .sns-quickaccess ul.links li:first-child {padding-left: 0px;} #header-top .topheader-left .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;} #header-top .topheader-right {float:left;padding:0;} #header-top .topheader-right ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;} #header-top .topheader-right 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%;} #header-top .topheader-right ul.contact-us-now li:first-child {margin-left: 0px;} #header-top .topheader-right ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;} #header-top .topheader-right ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;} #header-top .topheader-right ul.contact-us-now li.c-phone.hide {display:none;}
4. В шаблоне Обратный звонок найдите и удалите:
<tr> <td><label for="callback_region">Область</label></td> <td><input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="inputText"/></td> </tr> <tr> <td><label for="callback_address">Адрес</label></td> <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="inputText"/></td> </tr> <tr> <td><label for="callback_city">Город</label></td> <td><input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="inputText"/></td> </tr> <tr> <td><label for="callback_zip_code">Почтовый индекс</label></td> <td><input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="inputText"/></td> </tr> <tr> <td><label for="callback_country">Страна</label></td> <td><input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="inputText"/></td> </tr> <tr style="display:none;"> <td><label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label></td> <td><input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="inputText"/></td> </tr> <tr style="display:none;"> <td><label for="callback_convenient_hour_from">Удобное время доставки</label></td> <td> С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="inputText"/> По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="inputText"/> </td> </tr>
<tr> <td><label for="coupon_code">Код купона на скидку</label></td> <td><input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="inputText"/></td> </tr> <tr> <td><label for="callback_floor">Этаж</label></td> <td><input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="inputText"/></td> </tr>
5. Если только создать отдельно товары в скрытой категории со скидочной ценой и делать их как сопутсвующие необходимым товарам.
#3
Отправлено 10 Декабрь 2015 - 10:37
3 пункт не получился, а можно другой вариант третьего пункта сделать? В полной версии сайта просто убрать с левого верхнего угла почту и телефон?
#4
Отправлено 10 Декабрь 2015 - 10:43
Scou (10 Декабрь 2015 - 10:37) писал:
3 пункт не получился, а можно другой вариант третьего пункта сделать? В полной версии сайта просто убрать с левого верхнего угла почту и телефон?
Здравствуйте, попробуйте следующее. В конце main.css добавьте код:
@media all and (min-width: 767px) { .topheader-left.col-xs-5 { display: none;} }
#5
Отправлено 10 Декабрь 2015 - 11:17
Юля123 (10 Декабрь 2015 - 10:43) писал:
Здравствуйте, попробуйте следующее. В конце main.css добавьте код:
@media all and (min-width: 767px) { .topheader-left.col-xs-5 { display: none;} }
Спасибо! А подскажите, пожалуйста, еще где можно увеличить шрифт верхнего меню, путался сам найти в коде, но так ничего и не вышло
#6
Отправлено 10 Декабрь 2015 - 11:25
Scou (10 Декабрь 2015 - 11:17) писал:
Спасибо! А подскажите, пожалуйста, еще где можно увеличить шрифт верхнего меню, путался сам найти в коде, но так ничего и не вышло
В конце main.css добавьте код:
#header-top .topheader-right .sns-quickaccess ul.links li { font-size: 17px; }
значение свойства font-size изменяйте на нужный вам размер шрифта.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных