#1
Отправлено 29 Ноябрь 2015 - 20:10
Изучил форум, но не на все вопросы нашёл ответ. Возможно что-то пропустил или не понял. Остались следующие вопросы:
1. Как сделать крупнее и изменить цвет шрифта телефонов в левой верхней части сайта? Кроме того, хотелось бы убрать оттуда e-mail адрес, а вместо него написать г. Санкт-Петербург. Соответственно и значок конверта заменить на значок местоположения.
2. Как изменить размер фона и его цвет в выпадающем меню? А заодно сделать названия в выпадающем меню не заглавными буквами. Вообще хотелось бы чтобы выпадающее меню было таким же как главное, т.е. такой же фон (660666), такой же шрифт и цвет шрифта (белый) и появление белого овала и легкое осветление фона при наведении.
3. Как изменить шрифт, его размер, жирность и цвет в описании и названии преимуществ? А так же цвет рамки вокруг картинок преимуществ.
4. То же с нижней частью сайта. Хотелось бы изменить и там параметры шрифта. А так же цвет кружков вокруг значков телефона и т.п. в столбце Контактов и цвет надписей "представьтесь пожалуйста" и "введите номер телефона" и цвет овалов вокруг них в столбце обратной связи.
Заранее спасибо.
#2
Отправлено 30 Ноябрь 2015 - 16:16
Silver (29 Ноябрь 2015 - 20:10) писал:
Изучил форум, но не на все вопросы нашёл ответ. Возможно что-то пропустил или не понял. Остались следующие вопросы:
1. Как сделать крупнее и изменить цвет шрифта телефонов в левой верхней части сайта? Кроме того, хотелось бы убрать оттуда e-mail адрес, а вместо него написать г. Санкт-Петербург. Соответственно и значок конверта заменить на значок местоположения.
2. Как изменить размер фона и его цвет в выпадающем меню? А заодно сделать названия в выпадающем меню не заглавными буквами. Вообще хотелось бы чтобы выпадающее меню было таким же как главное, т.е. такой же фон (660666), такой же шрифт и цвет шрифта (белый) и появление белого овала и легкое осветление фона при наведении.
3. Как изменить шрифт, его размер, жирность и цвет в описании и названии преимуществ? А так же цвет рамки вокруг картинок преимуществ.
4. То же с нижней частью сайта. Хотелось бы изменить и там параметры шрифта. А так же цвет кружков вокруг значков телефона и т.п. в столбце Контактов и цвет надписей "представьтесь пожалуйста" и "введите номер телефона" и цвет овалов вокруг них в столбце обратной связи.
Заранее спасибо.
1) в 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%;}
и замените его на код:
#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: 14px;} #header-top .topheader-left ul.contact-us-now li.c-email {background: url("{ASSETS_IMAGES_PATH}ico-contactus.png") no-repeat left -1px}
в шаблоне HTML найдите код:
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:mikrovolokno@yandex.ru">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
и замените на код:
<li class="c-email"><a href="#"><span>г. Санкт-Петербург</span></a></li>
2) в main.css найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:60%;/*left: 0;*/background: #ffffff;border-bottom: 3px solid #660666;/*???*/border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;width: 25%;}
замените на код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:60%;/*left: 0;*/background: #[color=#282828][font=helvetica, arial, sans-serif]660666[/font][/color];border-bottom: 3px solid #660666;/*???*/border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;width: 25%;}
в самом конце этого кода есть свойство: width: 25%;, изменяйте его значение на нужное Вам (ширина выпадающего окна).
затем найдите код:
#custommenu ul.mainnav li a.title-lv1 {font-size: 140%;margin-bottom: 10px;text-transform: uppercase;font-weight: normal;padding: 12px 0 4px;display: block;} #custommenu ul.mainnav li a.title-lv1 {color: #660666; background: none; padding: 0px;} #custommenu ul.mainnav li a.title-lv1:hover {color: #660666;} #custommenu ul.mainnav li a.title-lv2 {background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;padding: 5px 5px 5px 20px;display: block;font-size: 13px;} #custommenu ul.mainnav li a.title-lv2:hover {color: #660666;}
и замените на код:
#custommenu ul.mainnav li a.title-lv1 {font-size: 140%;margin-bottom: 10px;font-weight: normal;padding: 12px 0 4px;display: block;color: #fff; background: none; padding: 0px;} #custommenu ul.mainnav li a.title-lv1:hover { color: #FFFFFF; background: rgb(146, 38, 146);border-radius: 20px; padding:10px;} #custommenu ul.mainnav li a.title-lv2 {background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;padding: 5px 5px 5px 20px;display: block;font-size: 13px; color: #fff;} #custommenu ul.mainnav li a.title-lv2:hover { color: #FFFFFF; background: rgb(146, 38, 146);border-radius: 20px; padding:5px 10px;}
3) Преимущества. В main.css найдите код:
#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #222121;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 {padding-top: 0px;text-transform: none;color: #222121;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;}
красным выделено - цвет шрифта,
синим - размер шрифта;
зеленым - полужирность текста (чтобы выделить жирным поставьте вместо normal значение bold),
фиолетовым выделен цвет рамки,
меняйте значение на нужное Вам;
после этого кода добавьте код:
.block-content { color: #000; font-size: 12px; font-weight: normal; }
первое свойство - цвет надписей под названиями преимуществ, второе - размер шрифта, третье - полужирность. Меняйте на нужные Вам значения.
#3
Отправлено 30 Ноябрь 2015 - 16:31
Silver (29 Ноябрь 2015 - 20:10) писал:
Изучил форум, но не на все вопросы нашёл ответ. Возможно что-то пропустил или не понял. Остались следующие вопросы:
4. То же с нижней частью сайта. Хотелось бы изменить и там параметры шрифта. А так же цвет кружков вокруг значков телефона и т.п. в столбце Контактов и цвет надписей "представьтесь пожалуйста" и "введите номер телефона" и цвет овалов вокруг них в столбце обратной связи.
в конце main.css добавьте код:
div#footer-top ul li a { color: #67185C; font-size: 12px; font-weight: normal; }
значения свойств меняйте на нужное вам, изменяем параметры рифта левой части футера.
Затем, меняем цвет рамки вокруг значков телефона, в Main.css найдите код:
.block-contact .block-content p:before {content: "";position: absolute;width: 34px;height: 34px;left: 0px;top: 2px;background-image: url("{ASSETS_IMAGES_PATH}ico-contactus.png");background-position: top left;background-repeat: no-repeat;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
и замените на код:
.block-contact .block-content p:before {content: "";position: absolute;width: 34px;height: 34px;left: 0px;top: 2px;background-image: url("{ASSETS_IMAGES_PATH}ico-contactus.png");background-position: top left;background-repeat: no-repeat;border: 1px solid #660666;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
далее найдите код:
#footer-top .block-subscribe .block-content form .input-box input {width: 200px;float: left;padding: 0px 15px;font-size: 12px;margin: 0 0 10px 0;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;border: 1px solid #e9e9e9;background: #FFF;height:30px;}
меняйте на код:
#footer-top .block-subscribe .block-content form .input-box input {width: 200px;float: left;padding: 0px 15px;font-size: 12px;margin: 0 0 10px 0;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;border: 1px solid #660666;background: #FFF;height:30px;} ::-webkit-input-placeholder {color:#660666;} ::-moz-placeholder {color:#660666;} :-moz-placeholder {color:#660666;} :-ms-input-placeholder {color:#660666;}
все рамки изменили на фиолетовый а так же цвет шрифта "представьтесь" и "введите номер телефона".
#4
Отправлено 01 Декабрь 2015 - 00:08
С пунктом 2 есть небольшая проблема. Прозрачный фон выпадающего меню - интересное решение, но, к сожалению, не очень подходит, потому что если сдвинуть экран в нижнюю часть страницы, то меню выпадает на белом фоне, и пункты меню - не видны, потому как они тоже белые. Как бы всё-таки фон сделать фиолетовым?
На счёт пункта 4 - я не слишком подробно написал, сейчас попробую это сделать более конкретно )
4.1 Названия (Меню, Личный кабинет, Контакты, Обратный звонок ) хочется попробовать сделать другим цветом (008080) и жирным шрифтом.
4.2 В "Обратном звонке" когда тыкаешься в поле для ввода и оно становится активным, рамка окрашивается опять в серый цвет. Как её перекрасить в фиолетовый?
4.2.1 У "Поиска" цвет надписи поменялся, а цвет рамки - нет. Надо его тоже сделать 008080.
Ещё есть ряд вопросов по другим разделам сайта, не знаю лучше продолжать здесь или идти в другие разделы форума. Я напишу несколько вопросов тут, если делаю неправильно - поправьте меня, буду дальше писать в других разделах )
5. Когда заходишь в раздел "Каталог", в левой части список подкаталогов, надо поменять цвет шрифта на 008080. Слова "Каталог" и "Вы смотрели" тоже сделать цветом 008080, жирным шрифтом и подчеркнуть соответственно тоже этим цветом.
6. Как поменять цвет в названиях подразделов, которые отображаются под картинками если нажать на "Каталог"?
7. Как поменять цвет в названии товаров когда заходишь в подразделы каталога?
8. При выборе варианта доставки "Самовывоз" всё равно отображаются поля для заполнения для доставки, типа адрес, город и т.п. Как этого избежать?
Пока всё, наверное будут ещё вопросы через некоторое время )
#5
Отправлено 01 Декабрь 2015 - 09:56
Silver (01 Декабрь 2015 - 00:08) писал:
С пунктом 2 есть небольшая проблема. Прозрачный фон выпадающего меню - интересное решение, но, к сожалению, не очень подходит, потому что если сдвинуть экран в нижнюю часть страницы, то меню выпадает на белом фоне, и пункты меню - не видны, потому как они тоже белые. Как бы всё-таки фон сделать фиолетовым?
На счёт пункта 4 - я не слишком подробно написал, сейчас попробую это сделать более конкретно )
4.1 Названия (Меню, Личный кабинет, Контакты, Обратный звонок ) хочется попробовать сделать другим цветом (008080) и жирным шрифтом.
4.2 В "Обратном звонке" когда тыкаешься в поле для ввода и оно становится активным, рамка окрашивается опять в серый цвет. Как её перекрасить в фиолетовый?
4.2.1 У "Поиска" цвет надписи поменялся, а цвет рамки - нет. Надо его тоже сделать 008080.
Ещё есть ряд вопросов по другим разделам сайта, не знаю лучше продолжать здесь или идти в другие разделы форума. Я напишу несколько вопросов тут, если делаю неправильно - поправьте меня, буду дальше писать в других разделах )
5. Когда заходишь в раздел "Каталог", в левой части список подкаталогов, надо поменять цвет шрифта на 008080. Слова "Каталог" и "Вы смотрели" тоже сделать цветом 008080, жирным шрифтом и подчеркнуть соответственно тоже этим цветом.
6. Как поменять цвет в названиях подразделов, которые отображаются под картинками если нажать на "Каталог"?
7. Как поменять цвет в названии товаров когда заходишь в подразделы каталога?
8. При выборе варианта доставки "Самовывоз" всё равно отображаются поля для заполнения для доставки, типа адрес, город и т.п. Как этого избежать?
Пока всё, наверное будут ещё вопросы через некоторое время )
Доброе утро!
2) B main.css найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:60%;/*left: 0;*/background: #[color=#282828][font=helvetica, arial, sans-serif]660666[/font][/color];border-bottom: 3px solid #660666;/*???*/border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;
и замените его на код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:60%;background: #660666;border-bottom: 3px solid #660666;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;
4)
4.1 найдите там же код:
#footer-top .block .block-title {line-height:30px;text-transform: none;font-size: 183.3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
и замените на код:
#footer-top .block .block-title { line-height: 30px; text-transform: none; font-size: 183.3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #008080; }
4.2. найдите код:
#footer-top .block-subscribe .block-content form .input-box input:focus {border: 1px solid #cdcdcd;}
и замените на код:
#footer-top .block-subscribe .block-content form .input-box input:focus {border: 1px solid #660666;}
4.3. найдите код:
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 235px;padding: 10px 20px;border: 1px solid #d8d8d8;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;}
и замените на код:
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 235px;padding: 10px 20px;border: 1px solid #008080;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;} Вероятно, Вам так же понадобиться изменить цвет рамки у значка вконтакте, тогда найдите код: [CODE] #header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #222121;}
и замените на код:
#header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #008080;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #222121;}
По другим разделам:
5) Найдите код:
#left .block .block-title span {position:relative;} #left .block .block-title span:before {position: absolute;content: "";background: 6px #660666;left: 0px;bottom: 0px;height: 1px;width: 100%;}
и замените на код:
#left .block .block-title span {position:relative; color: #008080;font-weight: bold;} #left .block .block-title span:before {position: absolute;content: "";background: 6px #008080;left: 0px;bottom: 0px;height: 1px;width: 100%;}
6) в конце main.css добавьте код:
.cat-name a { color: #008080; }
цвет меняйте на нужный Вам.
7) так же и в этом случае, добавьте в конце main.css и меняйте на нужный Вам.
.item-title a { color: #008080; }
чтобы изменить цвет цены товара, найдите код:
.price-box .special-price .price {color: #660666;font: bold 200% Georgia;/*font-size: 180%;*/}
значение color:#660666 меняйте на нужное Вам.
8) По поводу доставки. Найдите в шаблоне "Быстрый заказ" код:
<!-- Адрес доставки--> <div class="adress"> <div class="title-box text-center"> <h2 class="title" title="Выберите удобный для вас Адрес доставки заказа"><span>Адрес доставки заказа</span></h2> </div> <ul class="form-list unstyled"> <!-- Если поле страны доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_COUNTRY < 3 %} <li class="fields"> {% IFNOT country_list_empty %} <label for="quickDeliveryCountry" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="required"{% ENDIF %}>Страна{% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <select id="quickDeliveryCountry" name="form[delivery][country_id]" class="form-select {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}required{% ENDIF %}" style="float: none;"> {% FOR country_list %} <option value="{country_list.ID}" {% IF country_list.ID=ORDER_FORM_DELIVERY_COUNTRY_ID %}selected="selected"{% ENDIF %}> {country_list.NAME} </option> {% ENDFOR %} </select> </div> {% ENDIF %} </li> {% ENDIF %} <!-- Если поле области запрашивается --> {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %} <li class="fields"> <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %}>Область{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/> </div> </li> {% ENDIF %} <!-- Если поле города запрашивается --> {% IF SETTINGS_ORDER_FIELDS_CITY < 3 %} <li class="fields"> <label for="quickDeliveryCity" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %}>Город{% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}required{% ENDIF %}" maxlength="255" /> </div> </li> {% ENDIF %} <!-- Если поле почтового индекса запрашивается --> {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE < 3 %} <li class="fields"> <label for="quickDeliveryZipCode" {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}class="required"{% ENDIF %}>Почтовый индекс{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryZipCode" name="form[delivery][zip_code]" value="{ORDER_FORM_DELIVERY_ZIP_CODE}" minlength="5" maxlength="6" class="inputText digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" maxlength="255" /> </div> </li> {% ENDIF %} <!-- Если поле даты доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME < 3 %} <li class="fields"> <label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобная дата доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" /> </div> </li> <li class="fields"> <label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобное время доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> c <select class="form-select" name="form[delivery][convenient_time_from]"> <option></option> {% FOR convenient_time_from_list %} <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option> {% ENDFOR %} </select> до <select class="form-select" name="form[delivery][convenient_time_to]"> <option></option> {% FOR convenient_time_to_list %} <option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option> {% ENDFOR %} </select> </div> </li> {% ENDIF %} <!-- Если поле адреса доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %} <li class="wide"> <div class="clear"></div> <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea> </div> </li> {% ENDIF %} <!-- Если поле адреса доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_COMMENT < 3 %} <li class="wide"> <div class="clear"></div> <label for="quickDeliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <textarea cols="100" rows="5" id="quickDeliveryComment" name="form[delivery][comment]" class="{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_COMMENT}</textarea> </div> </li> {% ENDIF %} </ul> </div> <!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов --> {% IF TARIFF_FEATURE_DISCOUNT_COUPONS %} <!-- Если скидки по купонам активированы в панели управления магазином --> {% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %} <div class="coupons"> <div class="title-box text-center"> <h2 class="title"><span>Купон на скидку</span></h2> </div> <div class="couponBlock"> <label for="quick_form_coupon_code">Код купона</label> <div class="input-box"> <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="inputText" /> </div> </div> </div> {% ENDIF %} {% ENDIF %}
и замените на код:
{% IF order_delivery.zone_list.NAME=Самовывоз style="display:none;" %} <!-- Адрес доставки--> <div class="adress"> <div class="title-box text-center"> <h2 class="title" title="Выберите удобный для вас Адрес доставки заказа"><span>Адрес доставки заказа</span></h2> </div> <ul class="form-list unstyled"> <!-- Если поле страны доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_COUNTRY < 3 %} <li class="fields"> {% IFNOT country_list_empty %} <label for="quickDeliveryCountry" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="required"{% ENDIF %}>Страна{% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <select id="quickDeliveryCountry" name="form[delivery][country_id]" class="form-select {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}required{% ENDIF %}" style="float: none;"> {% FOR country_list %} <option value="{country_list.ID}" {% IF country_list.ID=ORDER_FORM_DELIVERY_COUNTRY_ID %}selected="selected"{% ENDIF %}> {country_list.NAME} </option> {% ENDFOR %} </select> </div> {% ENDIF %} </li> {% ENDIF %} <!-- Если поле области запрашивается --> {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %} <li class="fields"> <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %}>Область{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/> </div> </li> {% ENDIF %} <!-- Если поле города запрашивается --> {% IF SETTINGS_ORDER_FIELDS_CITY < 3 %} <li class="fields"> <label for="quickDeliveryCity" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %}>Город{% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}required{% ENDIF %}" maxlength="255" /> </div> </li> {% ENDIF %} <!-- Если поле почтового индекса запрашивается --> {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE < 3 %} <li class="fields"> <label for="quickDeliveryZipCode" {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}class="required"{% ENDIF %}>Почтовый индекс{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryZipCode" name="form[delivery][zip_code]" value="{ORDER_FORM_DELIVERY_ZIP_CODE}" minlength="5" maxlength="6" class="inputText digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" maxlength="255" /> </div> </li> {% ENDIF %} <!-- Если поле даты доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME < 3 %} <li class="fields"> <label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобная дата доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <input type="text" id="quickDeliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" /> </div> </li> <li class="fields"> <label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобное время доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> c <select class="form-select" name="form[delivery][convenient_time_from]"> <option></option> {% FOR convenient_time_from_list %} <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option> {% ENDFOR %} </select> до <select class="form-select" name="form[delivery][convenient_time_to]"> <option></option> {% FOR convenient_time_to_list %} <option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option> {% ENDFOR %} </select> </div> </li> {% ENDIF %} <!-- Если поле адреса доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %} <li class="wide"> <div class="clear"></div> <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea> </div> </li> {% ENDIF %} <!-- Если поле адреса доставки запрашивается --> {% IF SETTINGS_ORDER_FIELDS_COMMENT < 3 %} <li class="wide"> <div class="clear"></div> <label for="quickDeliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label> <div class="input-box"> <textarea cols="100" rows="5" id="quickDeliveryComment" name="form[delivery][comment]" class="{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_COMMENT}</textarea> </div> </li> {% ENDIF %} </ul> </div> <!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов --> {% IF TARIFF_FEATURE_DISCOUNT_COUPONS %} <!-- Если скидки по купонам активированы в панели управления магазином --> {% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %} <div class="coupons"> <div class="title-box text-center"> <h2 class="title"><span>Купон на скидку</span></h2> </div> <div class="couponBlock"> <label for="quick_form_coupon_code">Код купона</label> <div class="input-box"> <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="inputText" /> </div> </div> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %}
#6
Отправлено 01 Декабрь 2015 - 16:01
Осталось немного )
1. Как сменить шрифт и его цвет в пунктах каталога, которые отображаются слева столбцом при заходе в каталог?
2. Как сменить цвет шрифта в названиях товаров под надписью "Вы смотрели"?
3. В карточке товара:
3.1. Как сменить шрифт, его размер и цвет в кратком описании товара?
3.2 Кружки вокруг "+", "-", количества заказываемого товара и саму цифру этого количества надо сделать поярче. (222121)
3.3 Надписи "Описание" и "Условия доставки" в неактивном состоянии надо тоже сделать ярче.
А вот с доставкой - не получилось (
Теперь поля с городом, адресом доставки и т.п. не появляются даже при выборе "доставки курьером". А при нажатии "оформить заказ" выкидывает окно "Пожалуйста укажите адрес доставки", независимо от того, выбран курьер или самовывоз.
#7
Отправлено 01 Декабрь 2015 - 16:56
Silver (01 Декабрь 2015 - 16:01) писал:
Осталось немного )
1. Как сменить шрифт и его цвет в пунктах каталога, которые отображаются слева столбцом при заходе в каталог?
2. Как сменить цвет шрифта в названиях товаров под надписью "Вы смотрели"?
3. В карточке товара:
3.1. Как сменить шрифт, его размер и цвет в кратком описании товара?
3.2 Кружки вокруг "+", "-", количества заказываемого товара и саму цифру этого количества надо сделать поярче. (222121)
3.3 Надписи "Описание" и "Условия доставки" в неактивном состоянии надо тоже сделать ярче.
А вот с доставкой - не получилось (
Теперь поля с городом, адресом доставки и т.п. не появляются даже при выборе "доставки курьером". А при нажатии "оформить заказ" выкидывает окно "Пожалуйста укажите адрес доставки", независимо от того, выбран курьер или самовывоз.
1,2 в конце main.css добавьте код:
li.subhead a { color: цвет; } h2.product-name a { color: цвет; }
слово "цвет" измените на нужный вам цвет. Первое - это каталог, второе - вы смотрели.
3. Карточка товара.
3.1. найдите там же код:
.product-shop .short-description {color:#222121;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px;}
Замените на код:
.product-shop .short-description { color: (цвет); font-size: (размер)px; font-family: (название шрифта); border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }
Замените значения на нужные Вам.
3.2. найдите код:
.product-shop .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;}
и замените на код:
.product-shop .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 #222121;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}
далее ищем код:
product-shop .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;}
заменяем на код:
product-shop .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 #222121;color:#222121;}
3.3. найдите код:
.tabs li a {border: 1px solid #e9e9e9;border-bottom: none;background-color: #FFF;color: #222121;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;position: relative;text-transform: none;font-weight: normal;font-size: 133.3%;padding: 10px 15px;display:block;}
тут есть три варианта
1) сделать жирным.
тогда код выше меняйте на код:
.tabs li a {border: 1px solid #e9e9e9;border-bottom: none;background-color: #FFF;color: #222121;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;position: relative;text-transform: none;font-weight: bold;font-size: 133.3%;padding: 10px 15px;display:block;}
2) увеличить размер шрифта:
тогда меняйте на код:
.tabs li a {border: 1px solid #e9e9e9;border-bottom: none;background-color: #FFF;color: #222121;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;position: relative;text-transform: none;font-weight: normal;font-size: 163.3%;padding: 10px 15px;display:block;}
3) изменить шрифт, например, на Helvetica:
.tabs li a {border: 1px solid #e9e9e9;border-bottom: none;background-color: #FFF;color: #222121;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;position: relative;text-transform: none;font-weight: normal;font-size: 133.3%;padding: 10px 15px;display:block; font-family:helvetica;}
#8
Отправлено 02 Декабрь 2015 - 15:17
Вопрос по доставке тоже по прежнему актуален.
И ещё несколько вопросов:
1. Надо сделать пожирнее, но при этом уменьшить размер цифр цены под надписью "Вы смотрели"
2. Когда наводишь курсор на Корзину, в которой есть товар, появляется всплывающее окно с названием товара и ценой. Как поменять цвет текста (серый) в этом окне?
3. Когда переходишь в Корзину, в появившейся таблице надо сделать поярче название столбца "цена", цифру количества заказываемого товара, а цены в обоих столбцах сделать фиолетового цвета (660666) и пожирнее. Ещё надпись "Оформить заказ" тоже хорошо бы сделать жирным.
Ещё почему-то не работает оповещение о заказах по ICQ. Я номер в настройках ввёл, Ваши номера добавил в контакты. Но ничего не приходит. В чём может быть дело?
#9
Отправлено 02 Декабрь 2015 - 17:04
Silver (02 Декабрь 2015 - 15:17) писал:
Вопрос по доставке тоже по прежнему актуален.
И ещё несколько вопросов:
1. Надо сделать пожирнее, но при этом уменьшить размер цифр цены под надписью "Вы смотрели"
2. Когда наводишь курсор на Корзину, в которой есть товар, появляется всплывающее окно с названием товара и ценой. Как поменять цвет текста (серый) в этом окне?
3. Когда переходишь в Корзину, в появившейся таблице надо сделать поярче название столбца "цена", цифру количества заказываемого товара, а цены в обоих столбцах сделать фиолетового цвета (660666) и пожирнее. Ещё надпись "Оформить заказ" тоже хорошо бы сделать жирным.
Ещё почему-то не работает оповещение о заказах по ICQ. Я номер в настройках ввёл, Ваши номера добавил в контакты. Но ничего не приходит. В чём может быть дело?
Доброго времени суток!
а) кружки , в main.css найдите код:
/*.product-shop .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;}*/ .product-shop .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 #[color=#282828][font=helvetica, arial, sans-serif]222121[/font][/color];background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}
Замените на код:
.product-shop .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 #222121;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}
б) Отмените изменения из инструкции выше, касаемое доставки. Предлагаю Вам следующее решение: установить в настройках - "Основные" поля адреса доставки необязательные для заполнения. Поле этого в шаблоне main.js добавьте код:
$(function() { $('.deliveryRadio').click(function() { var courier_id = '323324'; var current_id = $(this).val(); $('.adress').closest('div').show(); if(current_id === courier_id) { $('.adress').closest('div').hide(); } }); $('.deliveryRadio:checked').trigger('click'); });
перед кодом:
// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
1) B main.css найдите код:
.viewed .block-content .item .product-price .price-box .price {margin: 5px 0;color: #660666;}
и замените на код:
.viewed .block-content .item .product-price .price-box .price {margin: 5px 0;color: #660666;font-weight:bold;font-size: 120%;}
2) цвет меняем, например на черный, добавьте в конце main.css код:
ul#cart-sidebar .product-name a { color: #000000; }
3) в конце main.css добавьте код:
tbody .cart-price .price { font-size: 17px; font-weight: bold; color: #660666; } td.price { color: black; font-weight: bold; } a#startOrder { font-weight: bold; font-size: 14px; }
там же найдите код:
.cartTable input.inputText {padding:0 0 0 10px;height: auto;width:70px;}
и замените на код:
.cartTable input.inputText {padding:0 0 0 10px;height: auto;width:70px; font-weight:bold; color:black;}
По поводу ICQ, как давно наблюдаете такую проблему? Возможно, просто сообщения придут с задержкой. Сообщение должно придти в течение суток.
#10
Отправлено 02 Декабрь 2015 - 20:38
Помогите пожалуйста видоизменить главную страницу.
1) Нужна помощь в установке слайдера на главной (только на главной).
вот этот слайдер http://efimov.ws/ass...tles/index.html
номер по счёту тут http://freeweber.ru/...o-shikarno.html
3. jQuery плагин «slideJS»
Как не пытался сам не смог установить. (библиотеку естественно загрузил а вот подключить не смог) необходимо установить в область показанную на рисунке help_please1.jpg
2) Далее после установки необходимо настроить главную страницу и слайдер тоже
- Слайдер необходимо сдвинуть в крайнюю левую часть сайта (видимую крайнюю часть, подробнее на рисунке) так что бы его можно было растянуть до вертикального меню аккордеон который необходимо поставить в крайнее левое положение
- слайдер выводиться только на главной странице сайта
- вертикальное меню аккордеон с лева необходимо выводить на всех страницах сайта кроме карточки товара. (на мобильной версии его необходимо убрать)
- под слайдером (на главное) необходимо разместить существующий каталог категорий. Если мы переходим в категорию (покидаем главную страницу) каталог категорий поднимается в плотную к главному меню.
Все подробно (как мне кажется) я расписал в прикрепленных изображениях.
PS: Надеюсь на Вашу помощь!
#11
Отправлено 03 Декабрь 2015 - 11:40
n.rimsky (02 Декабрь 2015 - 20:38) писал:
Помогите пожалуйста видоизменить главную страницу.
1) Нужна помощь в установке слайдера на главной (только на главной).
вот этот слайдер http://efimov.ws/ass...tles/index.html
номер по счёту тут http://freeweber.ru/...o-shikarno.html
3. jQuery плагин «slideJS»
Как не пытался сам не смог установить. (библиотеку естественно загрузил а вот подключить не смог) необходимо установить в область показанную на рисунке help_please1.jpg
2) Далее после установки необходимо настроить главную страницу и слайдер тоже
- Слайдер необходимо сдвинуть в крайнюю левую часть сайта (видимую крайнюю часть, подробнее на рисунке) так что бы его можно было растянуть до вертикального меню аккордеон который необходимо поставить в крайнее левое положение
- слайдер выводиться только на главной странице сайта
- вертикальное меню аккордеон с лева необходимо выводить на всех страницах сайта кроме карточки товара. (на мобильной версии его необходимо убрать)
- под слайдером (на главное) необходимо разместить существующий каталог категорий. Если мы переходим в категорию (покидаем главную страницу) каталог категорий поднимается в плотную к главному меню.
Все подробно (как мне кажется) я расписал в прикрепленных изображениях.
PS: Надеюсь на Вашу помощь!
1. данный слайдер не является адаптивным под мобильные устройства, для вашего шаблона лучше установить адаптивный слайдер, например
#12
Отправлено 03 Декабрь 2015 - 16:21
Юля123 (02 Декабрь 2015 - 17:04) писал:
/*.product-shop .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;}*/ .product-shop .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 #[color=#282828][font=helvetica, arial, sans-serif]222121[/font][/color];background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}Замените на код:
.product-shop .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 #222121;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}б) Отмените изменения из инструкции выше, касаемое доставки. Предлагаю Вам следующее решение: установить в настройках - "Основные" поля адреса доставки необязательные для заполнения. Поле этого в шаблоне main.js добавьте код:
$(function() { $('.deliveryRadio').click(function() { var courier_id = '323324'; var current_id = $(this).val(); $('.adress').closest('div').show(); if(current_id === courier_id) { $('.adress').closest('div').hide(); } }); $('.deliveryRadio:checked').trigger('click'); });перед кодом:
// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа1) B main.css найдите код:
.viewed .block-content .item .product-price .price-box .price {margin: 5px 0;color: #660666;}и замените на код:
.viewed .block-content .item .product-price .price-box .price {margin: 5px 0;color: #660666;font-weight:bold;font-size: 120%;}2) цвет меняем, например на черный, добавьте в конце main.css код:
ul#cart-sidebar .product-name a { color: #000000; }3) в конце main.css добавьте код:
tbody .cart-price .price { font-size: 17px; font-weight: bold; color: #660666; } td.price { color: black; font-weight: bold; } a#startOrder { font-weight: bold; font-size: 14px; }там же найдите код:
.cartTable input.inputText {padding:0 0 0 10px;height: auto;width:70px;}и замените на код:
.cartTable input.inputText {padding:0 0 0 10px;height: auto;width:70px; font-weight:bold; color:black;}По поводу ICQ, как давно наблюдаете такую проблему? Возможно, просто сообщения придут с задержкой. Сообщение должно придти в течение суток.
Добрый день.
Кружки появились, спасибо.
С доставкой я, признаться, не понял, что изменилось ) Сделал адрес необязательным, его теперь не требует вводить, что закономерно в общем-то ) А код что делает который я добавил? Других изменений не замет. По прежнему вываливается куча ненужных полей при выборе самовывоза. Можно сделать так, чтобы раздел "Адрес доставки" вообще появлялся только при выборе способом доставки "Курьером"? А если выбирать "Самовывоз" - то этого раздела вообще бы не было.
2. Ничего не изменилось ( Название товара и цена во всплывающем окне по прежнему бледно-серые (
3. Слово "цена" зачем-то стало жирным ) Надо что б оно было точно таким же как и названия других столбцов - "фото", "название товара" и т.д. Надпись "Оформить заказ" тоже пожирнело почему-то, но так даже лучше ) Только тогда и "Очистить корзину" надо сделать таким же. И сумму в "Итого" надо сделать такой же по цвету и жирности как и остальные цены.
По поводу ICQ - сейчас ещё раз попробую потестить, возможно я в прошлый раз забыл нажать кнопку "сохранить" в настройках. Хотя если сообщения будут приходить только через сутки, то смысла особого в таком оповещении маловато ( Сделать чтобы они приходили в течении хотя б часа-двух наверное никак?
Ещё один маленький вопрос: Как сделать что бы в кратком описании товара новое предложение начиналось с новой строки? Т.е. я пишу в описании что-либо "в столбик", а на сайте всё получается в одну строку.
#13
Отправлено 03 Декабрь 2015 - 17:11
Ирина345 (03 Декабрь 2015 - 11:40) писал:
1. данный слайдер не является адаптивным под мобильные устройства, для вашего шаблона лучше установить адаптивный слайдер, например
полностью с Вами согласен. подскажите как это сделать? Какие файлы необходимо загрузить и куда. Исправления кстати на главной как произвести, я про каталог и вертикальное меню (см выше пост)
#14
Отправлено 03 Декабрь 2015 - 17:50
Silver (03 Декабрь 2015 - 16:21) писал:
Кружки появились, спасибо.
С доставкой я, признаться, не понял, что изменилось ) Сделал адрес необязательным, его теперь не требует вводить, что закономерно в общем-то ) А код что делает который я добавил? Других изменений не замет. По прежнему вываливается куча ненужных полей при выборе самовывоза. Можно сделать так, чтобы раздел "Адрес доставки" вообще появлялся только при выборе способом доставки "Курьером"? А если выбирать "Самовывоз" - то этого раздела вообще бы не было.
2. Ничего не изменилось ( Название товара и цена во всплывающем окне по прежнему бледно-серые (
3. Слово "цена" зачем-то стало жирным ) Надо что б оно было точно таким же как и названия других столбцов - "фото", "название товара" и т.д. Надпись "Оформить заказ" тоже пожирнело почему-то, но так даже лучше ) Только тогда и "Очистить корзину" надо сделать таким же. И сумму в "Итого" надо сделать такой же по цвету и жирности как и остальные цены.
По поводу ICQ - сейчас ещё раз попробую потестить, возможно я в прошлый раз забыл нажать кнопку "сохранить" в настройках. Хотя если сообщения будут приходить только через сутки, то смысла особого в таком оповещении маловато ( Сделать чтобы они приходили в течении хотя б часа-двух наверное никак?
Ещё один маленький вопрос: Как сделать что бы в кратком описании товара новое предложение начиналось с новой строки? Т.е. я пишу в описании что-либо "в столбик", а на сайте всё получается в одну строку.
1) Доставка, скорее всего это произошло из-за того, что код вставлен не в том месте. Поставьте его перед кодом:
// Действия при выборе варианта доставки на этапе оформления заказа
2) Изменилось, просто у этого семейства шрифтов очень тонкое начертание, поэтому изменений почти не видно, вы можете выделить жирным или же сменить шрифт, чтобы эта фраза была четче.
3) В Main.css найдите код:
"Цена"
td.price { color: black; font-weight: bold; }
и замените на код:
td.price { color: black; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
"Очистить корину" и "Итого"
добавьте в конце main.css код:
a.button.clear-cart { font-weight: bold; font-size: 120%; } .TotalSum span { font-size: 17px; font-weight: bold; color: #660666; }
Краткое описание. В шаблоне товар найдите код:
<!-- Краткое описание --> <div class="short-description"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div>
и замените на код:
<!-- Краткое описание --> <div class="short-description"> <p itemprop="description"><pre>{GOODS_DESCRIPTION_SHORT}</pre></p> </div>
#15
Отправлено 03 Декабрь 2015 - 22:04
Юля123 (03 Декабрь 2015 - 17:50) писал:
// Действия при выборе варианта доставки на этапе оформления заказа
2) Изменилось, просто у этого семейства шрифтов очень тонкое начертание, поэтому изменений почти не видно, вы можете выделить жирным или же сменить шрифт, чтобы эта фраза была четче.
1) Именно перед этим кодом и вставлено ) Прикрепляю скрин.
2) Да, всё верно, виноват, не заметил ) Но поменялся цвет только у наименования товара, напишите пожалуйста ещё как поменять там же цвет у цены (660666) и кружка вокруг количества товара (008080). А можно ещё сделать так, чтобы наименование товара там полностью было видно, а то сейчас оно обрезается?
Краткое описание: Возникла новая проблема ( Столбики стали столбиками, но описания длиннее десятка слов уезжают за экран. Т.е., если я правильно понимаю, теперь нет переноса на новую строку, если при написании текста не нажимался "Enter". Как это поправить?
#16
Отправлено 04 Декабрь 2015 - 13:30
Silver (03 Декабрь 2015 - 22:04) писал:
2) Да, всё верно, виноват, не заметил ) Но поменялся цвет только у наименования товара, напишите пожалуйста ещё как поменять там же цвет у цены (660666) и кружка вокруг количества товара (008080). А можно ещё сделать так, чтобы наименование товара там полностью было видно, а то сейчас оно обрезается?
Краткое описание: Возникла новая проблема ( Столбики стали столбиками, но описания длиннее десятка слов уезжают за экран. Т.е., если я правильно понимаю, теперь нет переноса на новую строку, если при написании текста не нажимался "Enter". Как это поправить?
Некорректно объяснила. Проблема в том, что там две таких строчки. Давайте по-другому. найдите код:
// Скрипты для Быстрого заказа function quickOrderScripts(){ $(document).ready(function(){ var ID = $('input[name="form[delivery][id]"]:checked').val(); $('.quick_order_payment').hide(); $('.quick_order_payment[rel="' + ID + '"]').show(); $('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true); $('.deliveryRadio').click(function(){ var ID = $('input[name="form[delivery][id]"]:checked').val(); $('.quick_order_payment').hide(); $('.quick_order_payment[rel="' + ID + '"]').show(); $('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true); }); // Форма регистрации нового пользователя, при оформлении заказа $('.OrderShowPass').click(function(){ ChangePasswordFieldType(this, $('#contactPassWord')); return false; }); // При оформлении заказа дадим возможность зарегистрироваться пользователю $('#contactWantRegister').click(function(){ if($(this).prop("checked")) { $('.contactRegisterNeedElement').show(); $('#contactEmail, #contactPassWord').addClass('required'); } else { $('.contactRegisterNeedElement').hide(); $('#contactEmail, #contactPassWord').removeClass('required'); } });
вставьте после него.
2) Цена. В main.css найдите код:
.price-box .price {font-size: 150%;line-height: 24px;color: #686868;}
и замените на код:
.price-box .price {font-size: 150%;line-height: 24px;color: #660666;}
если нужно так же поменять жирность, то замените на код:
.price-box .price {font-size: 150%;line-height: 24px;color: #660666; font-weight:bold;}
Кружок. Найдите код:
.mini-cart .block-content .block-inner .mini-products-list .cart-item .product-details-bottom .quantity-container .qty {width: 32px;padding: 5px 10px;text-align: center;margin: 0 0;line-height: 30px;height: 30px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #ccc;}
и замените на код:
.mini-cart .block-content .block-inner .mini-products-list .cart-item .product-details-bottom .quantity-container .qty {width: 32px;padding: 5px 10px;text-align: center;margin: 0 0;line-height: 30px;height: 30px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #008080;}
Название товара. Найдите код:
ul#cart-sidebar .product-name a { color: #660666; font-weight: bold; }
и замените на код:
ul#cart-sidebar .product-name a { color: #660666; font-weight: bold; white-space: pre-line; }
Краткое описание. В шаблоне Товар найдите код:
<!-- Краткое описание --> <div class="short-description"> <p itemprop="description"><pre>{GOODS_DESCRIPTION_SHORT}</pre></p> </div>
И замените на код:
<!-- Краткое описание --> <div class="short-description"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div>
В конце main.css добавьте код:
.product-shop .short-description p { word-wrap: break-word; white-space: pre-line; }
#17
Отправлено 04 Декабрь 2015 - 14:51
n.rimsky (03 Декабрь 2015 - 17:11) писал:
Здравствуйте,
1) Устанавливаем слайдер. Скачайте архив. Flexslider (2).zip 16,31К 100 Количество загрузок:
Разархивируйте. Добавьте все файлы в редакторе шаблонов. Затем, в шаблоне HTML найдите код:
<!-- Если Вы удалите скрипты ниже, то они могут повлиять на работу вашего сайта. Пожалуйста не удаляйте их -->
перед ним добавьте код:
<!-- Подключаем скрипты и стили для слайдера --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script> <!-- END Подключаем скрипты и стили для слайдера -->
Далее в этом же шаблоне найдите код:
<!-- /END Каталог в шапке -->
после него добавьте код:
<!-- Каталог --> {% IF index_page %} {% IFNOT catalog_full_empty %} <div class="block menu col-lg-2 col-md-3 col-xs-3"> <div class="block-title"> <a href="{CATALOG_URL}"><span>Каталог</span></a></div> <div class="block-menu-content"> <ul> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% 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}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% 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 %} </ul> </div> </div> {% ENDIF %} {% ENDIF %} <!-- /END Каталог --> {% IF index_page %} <div class="flexslider col-lg-10 col-md-9 col-xs-9"> <ul class="slides"> <li> <img src="{ASSETS_IMAGES_PATH}kartinka-apelsiny-1885.jpg" alt="" title="" /> </li> <li> <img src="{ASSETS_IMAGES_PATH}kartinka-apelsiny-1885.jpg" alt="" title="" /> </li> <li> <img src="{ASSETS_IMAGES_PATH}kartinka-apelsiny-1885.jpg" alt="" title="" /> </li> <li> <img src="{ASSETS_IMAGES_PATH}kartinka-apelsiny-1885.jpg" alt="" title="" /> </li> </ul> </div> <script> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script> {%ENDIF%}
Добавьте нужные Вам изображения и поменяйте строчки типа <img src="slide№.jpg" /> на теги со своими изображениями.
В конце main.css добавьте код:
.block.menu.col-md-3 .block-title span { text-transform: uppercase; color: black; font-size: 150%; } .block.menu.col-md-3 { margin-top: 10px; }
#20
Отправлено 05 Декабрь 2015 - 18:37
n.rimsky (05 Декабрь 2015 - 18:14) писал:
Необходимо убирать слайдер и вертикальное меню на мобильных устройствах, если не ошибаюсь в CSS это - @media all and (max-width: 381px)
Подробнее на картинке.
Здравствуйте! В шаблоне main.css найдите строку
@media all and (max-width: 767px) {после нее вставьте
.block.menu.col-md-3 {display:none;} .flexslider {display:none;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных