Перейти к содержимому


Исправления На Главной

шрифт размер и цвет шрифта

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 49

#1 Silver

Silver

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений

Отправлено 29 Ноябрь 2015 - 20:10

Добрый день.
Изучил форум, но не на все вопросы нашёл ответ. Возможно что-то пропустил или не понял. Остались следующие вопросы:

1. Как сделать крупнее и изменить цвет шрифта телефонов в левой верхней части сайта? Кроме того, хотелось бы убрать оттуда e-mail адрес, а вместо него написать г. Санкт-Петербург. Соответственно и значок конверта заменить на значок местоположения.
2. Как изменить размер фона и его цвет в выпадающем меню? А заодно сделать названия в выпадающем меню не заглавными буквами. Вообще хотелось бы чтобы выпадающее меню было таким же как главное, т.е. такой же фон (660666), такой же шрифт и цвет шрифта (белый)  и появление белого овала и легкое осветление фона при наведении.
3. Как изменить шрифт, его размер, жирность и цвет в описании и названии преимуществ? А так же цвет рамки вокруг картинок преимуществ.
4. То же с нижней частью сайта. Хотелось бы изменить и там параметры шрифта. А так же цвет кружков вокруг значков телефона и т.п. в столбце Контактов и цвет надписей "представьтесь пожалуйста" и "введите номер телефона" и цвет овалов вокруг них в столбце обратной связи.

Заранее спасибо.

#2 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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;
}

значения свойств меняйте на нужное вам, изменяем параметры рифта левой части футера.
QIP Shot - Screen 021.png

Затем, меняем цвет рамки вокруг значков телефона, в 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 Silver

Silver

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений

Отправлено 01 Декабрь 2015 - 00:08

Большое спасибо, по пунктам 1 и 3 всё отлично.
С пунктом 2 есть небольшая проблема. Прозрачный фон выпадающего меню - интересное решение, но, к сожалению, не очень подходит, потому что если сдвинуть экран в нижнюю часть страницы, то меню выпадает на белом фоне, и пункты меню - не видны, потому как они тоже белые. Как бы всё-таки фон сделать фиолетовым?
На счёт пункта 4 - я не слишком подробно написал, сейчас попробую это сделать более конкретно )
4.1 Названия (Меню, Личный кабинет, Контакты, Обратный звонок ) хочется попробовать сделать другим цветом (008080) и жирным шрифтом.
4.2 В "Обратном звонке" когда тыкаешься в поле для ввода и оно становится активным, рамка окрашивается опять в серый цвет. Как её перекрасить в фиолетовый?
4.2.1 У "Поиска" цвет надписи поменялся, а цвет рамки - нет. Надо его тоже сделать 008080.

Ещё есть ряд вопросов по другим разделам сайта, не знаю лучше продолжать здесь или идти в другие разделы форума. Я напишу несколько вопросов тут, если делаю неправильно - поправьте меня, буду дальше писать в других разделах )

5. Когда заходишь в раздел "Каталог", в левой части список подкаталогов, надо поменять цвет шрифта на 008080. Слова "Каталог" и "Вы смотрели" тоже сделать цветом 008080, жирным шрифтом и подчеркнуть соответственно тоже этим цветом.
6. Как поменять цвет в названиях подразделов, которые отображаются под картинками если нажать на "Каталог"?
7. Как поменять цвет в названии товаров когда заходишь в подразделы каталога?
8. При выборе варианта доставки "Самовывоз" всё равно отображаются поля для заполнения для доставки, типа адрес, город и т.п. Как этого избежать?
Пока всё, наверное будут ещё вопросы через некоторое время )

#5 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 01 Декабрь 2015 - 09:56

Просмотр сообщенияSilver (01 Декабрь 2015 - 00:08) писал:

Большое спасибо, по пунктам 1 и 3 всё отлично.
С пунктом 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 Silver

Silver

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений

Отправлено 01 Декабрь 2015 - 16:01

По цветам всё получилось, спасибо!
Осталось немного )
1. Как сменить шрифт и его цвет в пунктах каталога, которые отображаются слева столбцом при заходе в каталог?
2. Как сменить цвет шрифта в названиях товаров под надписью "Вы смотрели"?
3. В карточке товара:
3.1. Как сменить шрифт, его размер и цвет в кратком описании товара?
3.2 Кружки вокруг "+", "-", количества заказываемого товара и саму цифру этого количества надо сделать поярче. (222121)
3.3 Надписи "Описание" и "Условия доставки" в неактивном состоянии надо тоже сделать ярче.

А вот с доставкой - не получилось (

Теперь поля с городом, адресом доставки и т.п. не появляются даже при выборе "доставки курьером". А при нажатии "оформить заказ" выкидывает окно "Пожалуйста укажите адрес доставки", независимо от того, выбран курьер или самовывоз.

#7 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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) сделать жирным.
QIP Shot - Screen 024.png

тогда код выше меняйте на код:

.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) увеличить размер шрифта:
QIP Shot - Screen 025.png

тогда меняйте  на код:

.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:
QIP Shot - Screen 026.png

.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 Silver

Silver

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений

Отправлено 02 Декабрь 2015 - 15:17

Спасибо, всё получилось, кроме кружков вокруг "+" и "-". Они по прежнему бледные (
Вопрос по доставке тоже по прежнему актуален.
И ещё несколько вопросов:
1. Надо сделать пожирнее, но при этом уменьшить размер цифр цены под надписью "Вы смотрели"
2. Когда наводишь курсор на Корзину, в которой есть товар, появляется всплывающее окно с названием товара и ценой. Как поменять цвет текста (серый) в этом окне?
3. Когда переходишь в Корзину, в появившейся таблице надо сделать поярче название столбца "цена", цифру количества заказываемого товара, а цены в обоих столбцах сделать фиолетового цвета (660666) и пожирнее. Ещё надпись "Оформить заказ" тоже хорошо бы сделать жирным.
Ещё почему-то не работает оповещение о заказах по ICQ. Я номер в настройках ввёл, Ваши номера добавил в контакты. Но ничего не приходит. В чём может быть дело?

#9 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 n.rimsky

n.rimsky

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений

Отправлено 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: Надеюсь на Вашу помощь!

Прикрепленные изображения

  • help_please.jpg
  • help_please1.jpg


#11 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 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 Silver

Silver

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений

Отправлено 03 Декабрь 2015 - 16:21

Просмотр сообщенияЮля123 (02 Декабрь 2015 - 17:04) писал:

Доброго времени суток! а) кружки , в 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, как давно наблюдаете такую проблему? Возможно, просто сообщения придут с задержкой. Сообщение должно придти в течение суток.

Добрый день.

Кружки появились, спасибо.
С доставкой я, признаться, не понял, что изменилось ) Сделал адрес необязательным, его теперь не требует вводить, что закономерно в общем-то ) А код что делает который я добавил? Других изменений не замет. По прежнему вываливается куча ненужных полей при выборе самовывоза. Можно сделать так, чтобы раздел "Адрес доставки" вообще появлялся только при выборе способом доставки "Курьером"? А если выбирать "Самовывоз" - то этого раздела вообще бы не было.

2. Ничего не изменилось ( Название товара и цена во всплывающем окне по прежнему бледно-серые (
3. Слово "цена" зачем-то стало жирным ) Надо что б оно было точно таким же как и названия других столбцов - "фото", "название товара" и т.д.  Надпись "Оформить заказ" тоже пожирнело почему-то, но так даже лучше ) Только тогда и "Очистить корзину" надо сделать таким же. И сумму в "Итого" надо сделать такой же по цвету и жирности как и остальные цены.

По поводу ICQ - сейчас ещё раз попробую потестить, возможно я в прошлый раз забыл нажать кнопку "сохранить" в настройках. Хотя если сообщения будут приходить только через сутки, то смысла особого в таком оповещении маловато ( Сделать чтобы они приходили в течении хотя б часа-двух наверное никак?

Ещё один маленький вопрос: Как сделать что бы в кратком описании товара новое предложение начиналось с новой строки? Т.е. я пишу в описании что-либо "в столбик", а на сайте всё получается в одну строку.

#13 n.rimsky

n.rimsky

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений

Отправлено 03 Декабрь 2015 - 17:11

Просмотр сообщенияИрина345 (03 Декабрь 2015 - 11:40) писал:

Здравствуйте,
1. данный слайдер не является адаптивным под мобильные устройства, для вашего шаблона лучше установить адаптивный слайдер, например

полностью с Вами согласен. подскажите как это сделать? Какие файлы необходимо загрузить и куда. Исправления кстати на главной как произвести, я про каталог и вертикальное меню (см выше пост)

#14 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 Silver

Silver

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 57 сообщений

Отправлено 03 Декабрь 2015 - 22:04

Просмотр сообщенияЮля123 (03 Декабрь 2015 - 17:50) писал:

1) Доставка, скорее всего это произошло из-за того, что код вставлен не в том месте. Поставьте его перед кодом:

// Действия при выборе варианта доставки на этапе оформления заказа


2) Изменилось, просто у этого семейства шрифтов очень тонкое начертание, поэтому изменений почти не видно, вы можете выделить жирным или же сменить шрифт, чтобы эта фраза была четче.

1) Именно перед этим кодом и вставлено ) Прикрепляю скрин.

2) Да, всё верно, виноват, не заметил ) Но поменялся цвет только у наименования товара, напишите пожалуйста ещё как поменять там же цвет у цены (660666) и кружка вокруг количества товара (008080). А можно ещё сделать так, чтобы наименование товара там полностью было видно, а то сейчас оно обрезается?

Краткое описание: Возникла новая проблема ( Столбики стали столбиками, но описания длиннее десятка слов уезжают за экран.  Т.е., если я правильно понимаю, теперь нет переноса на новую строку, если при написании текста не нажимался "Enter". Как это поправить?

Прикрепленные изображения

  • Скриншот 2015-12-03 22.00.48.png


#16 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 04 Декабрь 2015 - 13:30

Просмотр сообщенияSilver (03 Декабрь 2015 - 22:04) писал:

1) Именно перед этим кодом и вставлено ) Прикрепляю скрин.

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 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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;
}


#18 n.rimsky

n.rimsky

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений

Отправлено 05 Декабрь 2015 - 17:26

Юля123 все хорошо, только кнопок которые я загружал нет на слайдере. Как их поставить? Загрузил как в шаблон так и в корень кнопки.

Прикрепленные изображения

  • bg_play_pause.png


#19 n.rimsky

n.rimsky

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений

Отправлено 05 Декабрь 2015 - 18:14

Здравствуйте.

Необходимо убирать слайдер и вертикальное меню на мобильных устройствах, если не ошибаюсь в CSS это - @media all and (max-width: 381px)
Подробнее на картинке.

Прикрепленные изображения

  • bg_play_pause.png


#20 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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 анонимных