Небольшие Доработки Шаблона
#1
Отправлено 30 Август 2016 - 22:18
Спасибо, кстати, за хороший шаблон.
Помогите внести некоторые изменения по сайту:
1. Увеличить расстояние между пунктами в выпадающем подменю
2. Форма для заказа обратного звонка в подвале сайта отображается – криво С и По – сделать одинаково, надо в одну строчку С ___________
Заранее благодарю.
SL-392814
#2
Отправлено 31 Август 2016 - 02:46
#custommenu ul.mainnav li.parent ul.dropdown-menu li a { color: #fff; white-space: nowrap; }
замените на:
#custommenu ul.mainnav li.parent ul.dropdown-menu li a { color: #fff; white-space: nowrap; display: block; width: 100%; margin: 10px 0; }
В шаблоне HTML найдите:
<div> <label for="callback_convenient_date">Удобная дата звонка dd.mm.yyyy</label> <input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="inputText"/> </div> <div> <label for="callback_convenient_hour_from">Удобное время</label> С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="inputText"/> По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="inputText"/> </div>
замените на:
<div class="input-box"> <input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" placeholder="Удобная дата звонка dd.mm.yyyy" maxlength="255" class="inputText"/> </div> <div class="input-box"> <input style="width: 95px;" id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" placeholder="С: maxlength="255" class="inputText"/> <input style="width: 95px; margin-left:5px;" id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" placeholder="ПО:" maxlength="255" class="inputText"/> </div>
#3
Отправлено 31 Август 2016 - 10:42
Следующий вопрос в том, что большинство картинок, размещённых на страницах сайта, отображаются не пропорционально или искривляются при просмотре сайта с мобильного телефона. С чем это связано и как лечиться?
#4
Отправлено 31 Август 2016 - 15:40
Aleksandr (31 Август 2016 - 10:42) писал:
Следующий вопрос в том, что большинство картинок, размещённых на страницах сайта, отображаются не пропорционально или искривляются при просмотре сайта с мобильного телефона. С чем это связано и как лечиться?
Пришлите пример странице, на которой не корректно отображаются изображения.
#5
Отправлено 31 Август 2016 - 16:06
Горизонтальные картинки (которые со смайлом) непропорционально сжимаются по ширине.
#6
Отправлено 31 Август 2016 - 16:28
Aleksandr (31 Август 2016 - 16:06) писал:
Горизонтальные картинки (которые со смайлом) непропорционально сжимаются по ширине.
Если Вам нужно пропорциональное сужение изображений, то нужно изначально при их добавлении указывать процентную ширину, например 80%, т.к. сейчас она у них в пикселях.
#7
Отправлено 01 Сентябрь 2016 - 09:01
Помогите сделать следующее:
1. На странице Каталога товаров сделать рамки фото категории меньше по размеру, чтобы убрать пустоту. См. принт скрин №777.
2. Чтобы длинное название товара отображалось полностью. См. скрин №888.
3. Выровнять адрес почты по центру иконки. См. скрин № 999.
Заранее благодарю!
#8
Отправлено 01 Сентябрь 2016 - 09:52
Aleksandr (01 Сентябрь 2016 - 09:01) писал:
Помогите сделать следующее:
1. На странице Каталога товаров сделать рамки фото категории меньше по размеру, чтобы убрать пустоту. См. принт скрин №777.
2. Чтобы длинное название товара отображалось полностью. См. скрин №888.
3. Выровнять адрес почты по центру иконки. См. скрин № 999.
Заранее благодарю!
1) В main.css найдите код
.categories .cat .cat-img {width: 270px;height: 271px;vertical-align: middle;display: table-cell;border: 1px solid #e9e9e9;border-bottom:none;}и замените на
.categories .cat .cat-img {width: 270px;height: 70px;vertical-align: middle;display: table-cell;border: 1px solid #e9e9e9;border-bottom:none;}2) В main.css найдите
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 6px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}и замените на
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 6px;font-size: 16px;height: 50px;}3) В main.css найдите код
{% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label></label><br/> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label></label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label></label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}и замените на
{% IF SETTINGS_STORE_REGION || SETTINGS_STORE_WORK_TIME %}<p class="c-address">{% IF SETTINGS_STORE_REGION %}<span class="c-region">{SETTINGS_STORE_REGION}</span><br/>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="c-email clear"><label></label> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="c-phone"><label></label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="c-phone"><label></label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="c-phone"><label>Телефон:</label> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p class="c-skype"><label>Skype:</label> <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}В main.css найдите код
.block-contact .block-content p.c-email {line-height: 18px;}и замените на
.block-contact .block-content p.c-email {line-height: 40px;}
#9
Отправлено 02 Сентябрь 2016 - 09:49
Подскажите как со всех страниц Новостей сайта, Каталога статей, Материалы СМИ ... убрать модули Каталог товаров и Вы смотрели.
#10
Отправлено 02 Сентябрь 2016 - 11:43
Aleksandr (02 Сентябрь 2016 - 09:49) писал:
Подскажите как со всех страниц Новостей сайта, Каталога статей, Материалы СМИ ... убрать модули Каталог товаров и Вы смотрели.
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
{% IFNOT index_page %} <div id="main" class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12{% ELSE %}col-xs-12{% ENDIF %}"> {BODY} </div> {% ENDIF %} {% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
Замените на:
{% IFNOT index_page %} <div id="main" class="{% IF MOD_LNAME = catalog %}col-md-9 col-xs-12{% ELSE %}col-xs-12{% ENDIF %}"> {BODY} </div> {% ENDIF %} {% IF MOD_LNAME = catalog %} <div id="left" class="col-md-3 col-xs-12">
#11
Отправлено 02 Сентябрь 2016 - 13:55
Я так понимаю, строка
<div id="left" class="col-md-3 col-xs-12">
в вашем ответе лишняя.
#12
Отправлено 03 Сентябрь 2016 - 07:13
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных