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


Небольшие Доработки Шаблона


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

#1 Aleksandr

Aleksandr

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 30 Август 2016 - 22:18

Здравствуйте!
Спасибо, кстати, за хороший шаблон.

Помогите внести некоторые изменения по сайту:

1.  Увеличить расстояние между пунктами в выпадающем подменю
2.  Форма для заказа обратного звонка в подвале сайта отображается – криво С и По – сделать одинаково, надо в одну строчку С ___________

Заранее благодарю.
SL-392814

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Август 2016 - 02:46

В main.css найдите:
#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 Aleksandr

Aleksandr

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 31 Август 2016 - 10:42

Спасибо!

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

#4 Danil

Danil

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

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

Отправлено 31 Август 2016 - 15:40

Просмотр сообщенияAleksandr (31 Август 2016 - 10:42) писал:

Спасибо!

Следующий вопрос в том, что большинство картинок, размещённых на страницах сайта, отображаются не пропорционально или  искривляются при просмотре сайта с мобильного телефона. С чем это связано и как лечиться?
Здравствуйте.
Пришлите пример странице, на которой не корректно отображаются изображения.

#5 Aleksandr

Aleksandr

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 31 Август 2016 - 16:06

Например, http://netqis.net/page/forchief
Горизонтальные картинки (которые со смайлом) непропорционально сжимаются по ширине.

#6 Danil

Danil

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

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

Отправлено 31 Август 2016 - 16:28

Просмотр сообщенияAleksandr (31 Август 2016 - 16:06) писал:

Например, http://netqis.net/page/forchief
Горизонтальные картинки (которые со смайлом) непропорционально сжимаются по ширине.
Изображения уменьшаются, только после того, как разрешение становится меньше изображения.
Если Вам нужно пропорциональное сужение изображений, то нужно изначально при их добавлении указывать процентную ширину, например 80%, т.к. сейчас она у них в пикселях.

#7 Aleksandr

Aleksandr

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Сентябрь 2016 - 09:01

Приветствую!
Помогите сделать следующее:

1. На странице Каталога товаров сделать рамки фото категории меньше по размеру, чтобы убрать пустоту. См. принт скрин №777.

2. Чтобы длинное название товара отображалось полностью. См. скрин №888.

3. Выровнять адрес почты по центру иконки. См. скрин № 999.

Заранее благодарю!

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

  • 777.jpg
  • 888.jpg
  • 999.jpg


#8 Danil

Danil

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

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

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

Aleksandr

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Сентябрь 2016 - 09:49

Спасибо!

Подскажите как со всех страниц Новостей сайта, Каталога статей, Материалы СМИ ... убрать модули Каталог товаров и Вы смотрели.

#10 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

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

Aleksandr

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Сентябрь 2016 - 13:55

Сделал. Спасибо!

Я так понимаю, строка

                        <div id="left" class="col-md-3 col-xs-12">

в вашем ответе лишняя.

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Сентябрь 2016 - 07:13

Опечатались немного =)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных