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


Изменения По Шаблону


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

#21 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 00:33

Просмотр сообщенияLubka (21 Июль 2016 - 00:06) писал:

3.Меню можно изменить в файле main.css в строке 10
.container {margin-right:auto;margin-left:auto;padding-left: 15px;padding-right: 15px;*zoom:1}
необходимо добавить свойство margin-bottom:30px;
4.Перенос телефона-в том же файле стилей  стр 175
#header-top .topheader-left {float:left;padding:0;}
нужно заменить строкой
#header-top .topheader-left {float:right;padding:0;}
  
Также  стр 178
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
заменить строкой
[#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;margin-right:30px}
Отредактировать шрифт можно в том же файле на стр 20 button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], label, .uneditable-input
{font-size: 100%;color: #666666;border-color: #ccc;outline:none;}

Чуть не так видимо объяснил, извиняюсь

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

  • Screenshot_6.png


#22 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 01:11

Все еще необходима ваша помощь по пункту 3 в 14 сообщении и этот пункт дополняет мое 19 сообщение. Так же текст на главной опустить немного вниз, что бы H1 нормально отображался и что бы все расстояния были пропорциональны) Так же по возможности можете ответить на 21 сообщение. Спасибо вам заранее

#23 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 01:33

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

#24 Vaccina

Vaccina

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

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

Отправлено 21 Июль 2016 - 02:11

Просмотр сообщенияАнтон1212 (20 Июль 2016 - 17:23) писал:

3. Онлайн заявка) Вы просто направьте меня, я сам покапаюсь))

В шаблоне HTML найдите:
{% IF index_page %}
			<div id="main" class="col-xs-12 col-main">
			  {% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %}
				<!-- Товары на главной -->

перед ним вставьте:
<div class="clear"></div>
<div class="col-sm-3 col-xs-12">
			<div class="footer-title">
			  <h4>Обратный звонок</h4>
			</div>
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
				<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" />
				<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" />
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			  </form>
		  </div>

Просмотр сообщенияАнтон1212 (21 Июль 2016 - 01:11) писал:

Так же текст на главной опустить немного вниз, что бы H1 нормально отображался

В main.css добавьте:
.title {
	margin-bottom: 20px;
}

Просмотр сообщенияАнтон1212 (21 Июль 2016 - 00:33) писал:

Чуть не так видимо объяснил, извиняюсь

В шаблоне HTML удалите:
<div id="header-top" class="wrap">
		<div class="container">
			<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>
			</div>
		   
		</div>
	  </div>

далее найдите:
<div class="header-right-inner">
		   
				<p><a href="http://rbt.storeland.ru/"><img src="https://st.storeland.ru/8/1920/451/callback.png" alt="Пример"></a></p>
			  </div>

замените на:
<div class="header-right-inner">
   <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>		
</div>


#25 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 08:06

Просмотр сообщенияVaccina (21 Июль 2016 - 02:11) писал:

В шаблоне HTML найдите:
{% IF index_page %}
		 <div id="main" class="col-xs-12 col-main">
			 {% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %}
			 <!-- Товары на главной -->

перед ним вставьте:
<div class="clear"></div>
<div class="col-sm-3 col-xs-12">
		 <div class="footer-title">
			 <h4>Обратный звонок</h4>
		 </div>
			 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
			 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
			 {ANTISPAM_CODE}
			 {% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
			 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" />
			 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" />
			 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			 </form>
		 </div>



В main.css добавьте:
.title {
margin-bottom: 20px;
}



В шаблоне HTML удалите:
<div id="header-top" class="wrap">
	 <div class="container">
		 <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			 <ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			 </ul>
		 </div>
		
	 </div>
	 </div>

далее найдите:
<div class="header-right-inner">
		
			 <p><a href="http://rbt.storeland.ru/"><img src="https://st.storeland.ru/8/1920/451/callback.png" alt="Пример"></a></p>
			 </div>

замените на:
<div class="header-right-inner">
<ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			 </ul>		
</div>
Спасибо! Не совсем все только. Заголовки остались маленькие, теперь еще и у обратного звонка тоже. 2. А немного схожий с тем, что я отправил вам, можно сделать обратный звонок ???

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

  • Screenshot_8.png
  • Screenshot_5.png


#26 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 09:16

Предыдущий вопрос все еще важен и актуален!!! В прикрепленных еще кое что

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

  • Screenshot_9.png


#27 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 13:27

Я все еще здесь) И я надеюсь на помощь

#28 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Июль 2016 - 13:48

Просмотр сообщенияАнтон1212 (21 Июль 2016 - 08:06) писал:

Спасибо! Не совсем все только. Заголовки остались маленькие, теперь еще и у обратного звонка тоже. 2. А немного схожий с тем, что я отправил вам, можно сделать обратный звонок ???

1) Чтобы увеличить заголовок страницы Вам необходимо в файле main.css найти блок
#breadcrumbs .container #titlepage {
	margin-bottom: 25px;
	background: url("http://rbt.storeland.net/ico-pagetitle.png") no-repeat left center;
	line-height: 26px;
	font-size: 24px;
	color: #FFF;
	padding-left: 45px;
}
и в нем в строке
font-size: 24px;
увеличивать значение 24, до такого, какое нужно Вам.

#29 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 13:57

Просмотр сообщенияStasya (21 Июль 2016 - 13:48) писал:

1) Чтобы увеличить заголовок страницы Вам необходимо в файле main.css найти блок
#breadcrumbs .container #titlepage {
margin-bottom: 25px;
background: url("http://rbt.storeland.net/ico-pagetitle.png") no-repeat left center;
line-height: 26px;
font-size: 24px;
color: #FFF;
padding-left: 45px;
}
и в нем в строке
font-size: 24px;
увеличивать значение 24, до такого, какое нужно Вам.
Нет, ничего не меняется. кэш чистил

#30 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 14:05

Ааа понял! Дак я не про это, а вот про это!!! Там же был скрин

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

  • Screenshot_10.png


#31 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Июль 2016 - 14:10

Просмотр сообщенияАнтон1212 (21 Июль 2016 - 14:05) писал:

Ааа понял! Дак я не про это, а вот про это!!! Там же был скрин
Извините, не правильно Вас поняла.

В том же файле найдите блок
.title {
margin-bottom: 50px;
}
и замените его на
.title {
margin-bottom: 50px;
font-size: 25px;
}

Принцип с этим блоком тот же самый, что я описывала Вам выше, т.е. необходимо менять значение 25.

Теперь в шаблоне HTML находим блок
<div class="footer-title">
						  <h3>Онлайн заявка</h3>
						</div>
и заменяем его на
<div class="footer-title titleCallForm">
						  <h3>Онлайн заявка</h3>
						</div>
Теперь в конец файла main.css добавляем блок
.titleCallForm h3 {
	font-size: 24px;
}


#32 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 14:17

Просмотр сообщенияStasya (21 Июль 2016 - 14:10) писал:

Извините, не правильно Вас поняла.

В том же файле найдите блок
.title {
margin-bottom: 50px;
}
и замените его на
.title {
margin-bottom: 50px;
font-size: 25px;
}

Принцип с этим блоком тот же самый, что я описывала Вам выше, т.е. необходимо менять значение 25.
Почти... а у обратного звонка чтот не поменялось

#33 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Июль 2016 - 14:20

Просмотр сообщенияАнтон1212 (21 Июль 2016 - 14:17) писал:

Почти... а у обратного звонка чтот не поменялось

Дописала инструкцию, обновите, пожалуйста, страницу

#34 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Июль 2016 - 14:36

2)Чтобы сделать красивое отображение формы Вам неоходимо в шаблоне HTML найти блок
<div class="footer-title titleCallForm">
						 <h3>Онлайн заявка</h3>
					 </div>
и перед ним строку
<div class="col-sm-3 col-xs-12">
замените на
<div class="col-sm-3 col-xs-12 formCallBack">

Далее в конец файла main.css добавьте блок
.formCallBack {
background: #f1f1f1;
border: 1px solid #d2cece;
text-align: center;
padding: 10px;}
.formCallBack .titleCallForm{
text-align: center;
padding: 10px;
}
.formCallBack input{margin-bottom:5px;}
.formCallBack button{
width: 240px;
border-radius: 8px;
background: linear-gradient(to top, #2368b3, #3e97e7);
color: #fff;}

В итоге должна получится вот такая форма (см. прикрепленные файлы)

3) Чтобы блок с категориями отображался на всех страницах Вам необходимо в шаблоне HTML найти блок
<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap">
			 <div class="container">
				 <div class="row">
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}компьютеров.png" class="block-title">
						 <div class="block-content">Ремонт<br>компьютеров</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}ноутбуков.png"class="block-title">
						 <div class="block-content">Ремонт<br>ноутбуков</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плазменных ТВ.png"class="block-title">
						 <div class="block-content">Ремонт<br>плазменных ТВ</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}стиральных машин.png"class="block-title">
						 <div class="block-content">Ремонт<br>стиральных машин</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}холодильников.png"class="block-title">
						 <div class="block-content">Ремонт<br>холодильников</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}посудомоек.png"class="block-title">
						 <div class="block-content">Ремонт<br>посудомоек</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}микроволновок.png"class="block-title">
						 <div class="block-content">Ремонт<br>микроволновок</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плит.png"class="block-title">
						 <div class="block-content">Ремонт<br>плит</div>
					 </div>
				 </div>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Баннеры -->
и заменить его на
<!-- Баннеры -->
		 <div id="topsl" class="wrap">
			 <div class="container">
				 <div class="row">
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}компьютеров.png" class="block-title">
						 <div class="block-content">Ремонт<br>компьютеров</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}ноутбуков.png"class="block-title">
						 <div class="block-content">Ремонт<br>ноутбуков</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плазменных ТВ.png"class="block-title">
						 <div class="block-content">Ремонт<br>плазменных ТВ</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}стиральных машин.png"class="block-title">
						 <div class="block-content">Ремонт<br>стиральных машин</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}холодильников.png"class="block-title">
						 <div class="block-content">Ремонт<br>холодильников</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}посудомоек.png"class="block-title">
						 <div class="block-content">Ремонт<br>посудомоек</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}микроволновок.png"class="block-title">
						 <div class="block-content">Ремонт<br>микроволновок</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плит.png"class="block-title">
						 <div class="block-content">Ремонт<br>плит</div>
					 </div>
				 </div>
			 </div>
		 </div>
		 <!-- /END Баннеры -->

Чтобы показать блок с 3 картинками только на главной Вам нужно в том же шаблоне найти блок
<div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/486/Screenshot_44.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/487/Screenshot_55.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/488/Screenshot_66.png" alt="">
				 </div>
и заменить его на
{% IF index_page %}
<div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/486/Screenshot_44.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/487/Screenshot_55.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/488/Screenshot_66.png" alt="">
				 </div>
{% ENDIF %}

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

  • форма.jpg


#35 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2016 - 16:15

Просмотр сообщенияStasya (21 Июль 2016 - 14:36) писал:

2)Чтобы сделать красивое отображение формы Вам неоходимо в шаблоне HTML найти блок
<div class="footer-title titleCallForm">
						 <h3>Онлайн заявка</h3>
					 </div>
и перед ним строку
<div class="col-sm-3 col-xs-12">
замените на
<div class="col-sm-3 col-xs-12 formCallBack">

Далее в конец файла main.css добавьте блок
.formCallBack {
background: #f1f1f1;
border: 1px solid #d2cece;
text-align: center;
padding: 10px;}
.formCallBack .titleCallForm{
text-align: center;
padding: 10px;
}
.formCallBack input{margin-bottom:5px;}
.formCallBack button{
width: 240px;
border-radius: 8px;
background: linear-gradient(to top, #2368b3, #3e97e7);
color: #fff;}

В итоге должна получится вот такая форма (см. прикрепленные файлы)

3) Чтобы блок с категориями отображался на всех страницах Вам необходимо в шаблоне HTML найти блок
<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap">
			 <div class="container">
				 <div class="row">
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}компьютеров.png" class="block-title">
						 <div class="block-content">Ремонт<br>компьютеров</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}ноутбуков.png"class="block-title">
						 <div class="block-content">Ремонт<br>ноутбуков</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плазменных ТВ.png"class="block-title">
						 <div class="block-content">Ремонт<br>плазменных ТВ</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}стиральных машин.png"class="block-title">
						 <div class="block-content">Ремонт<br>стиральных машин</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}холодильников.png"class="block-title">
						 <div class="block-content">Ремонт<br>холодильников</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}посудомоек.png"class="block-title">
						 <div class="block-content">Ремонт<br>посудомоек</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}микроволновок.png"class="block-title">
						 <div class="block-content">Ремонт<br>микроволновок</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плит.png"class="block-title">
						 <div class="block-content">Ремонт<br>плит</div>
					 </div>
				 </div>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Баннеры -->
и заменить его на
<!-- Баннеры -->
		 <div id="topsl" class="wrap">
			 <div class="container">
				 <div class="row">
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}компьютеров.png" class="block-title">
						 <div class="block-content">Ремонт<br>компьютеров</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}ноутбуков.png"class="block-title">
						 <div class="block-content">Ремонт<br>ноутбуков</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плазменных ТВ.png"class="block-title">
						 <div class="block-content">Ремонт<br>плазменных ТВ</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}стиральных машин.png"class="block-title">
						 <div class="block-content">Ремонт<br>стиральных машин</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}холодильников.png"class="block-title">
						 <div class="block-content">Ремонт<br>холодильников</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}посудомоек.png"class="block-title">
						 <div class="block-content">Ремонт<br>посудомоек</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}микроволновок.png"class="block-title">
						 <div class="block-content">Ремонт<br>микроволновок</div>
					 </div>
					 <div class="block col-sm-2 col-sms-6 col-smb-12">
						 <img src="{ASSETS_IMAGES_PATH}плит.png"class="block-title">
						 <div class="block-content">Ремонт<br>плит</div>
					 </div>
				 </div>
			 </div>
		 </div>
		 <!-- /END Баннеры -->

Чтобы показать блок с 3 картинками только на главной Вам нужно в том же шаблоне найти блок
<div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/486/Screenshot_44.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/487/Screenshot_55.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/488/Screenshot_66.png" alt="">
				 </div>
и заменить его на
{% IF index_page %}
<div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/486/Screenshot_44.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/487/Screenshot_55.png" alt="">
				 </div>
				 <div id="logo1" class="col-sm-4 col-xs-12">
						 <img src="https://st.storeland.ru/11/1920/488/Screenshot_66.png" alt="">
				 </div>
{% ENDIF %}
Вы просто золото, спасибо!!!! и еще чуууууть чуть пожалуйста, все в прикрепленных

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

  • Screenshot_11.png
  • Screenshot_12.png


#36 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Июль 2016 - 17:55

Просмотр сообщенияАнтон1212 (21 Июль 2016 - 16:15) писал:

Вы просто золото, спасибо!!!! и еще чуууууть чуть пожалуйста, все в прикрепленных

Все необходимые изменения проделала. Проверьте, пожалуйста.

#37 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 22 Июль 2016 - 00:07

Большущее спасибо вам!

Ребятаааа!!! Помогите плиз полностью убрать мобильную версию. Отдаю отчет своим действиям, а то начнете опять отговаривать)

#38 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 22 Июль 2016 - 00:56

И еще очень важно... Пожалуйста, можно добавить в форме заказа доп поле в несколько раз длинее, чем существующие(примерно как на скрине) для комментариев и написать над ним или в нем(что бы при клике исчезало) "Опишите вашу проблему" и изменить везде шрифт по размеру и по стилю примерно как на скриншоте. Спасибо :) :) :)

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

  • Screenshot_13.png


#39 Антон1212

Антон1212

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

  • Пользователи
  • PipPipPipPip
  • 416 сообщений
  • ГородЕкатеринбург

Отправлено 22 Июль 2016 - 10:52

Я все еще не потерял надежду на вашу помощь:)

#40 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 22 Июль 2016 - 13:07

Просмотр сообщенияАнтон1212 (22 Июль 2016 - 00:07) писал:

Большущее спасибо вам!

Ребятаааа!!! Помогите плиз полностью убрать мобильную версию. Отдаю отчет своим действиям, а то начнете опять отговаривать)

В шаблоне HTML найдите и удалите строку
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Просмотр сообщенияАнтон1212 (22 Июль 2016 - 00:56) писал:

И еще очень важно... Пожалуйста, можно добавить в форме заказа доп поле в несколько раз длинее, чем существующие(примерно как на скрине) для комментариев и написать над ним или в нем(что бы при клике исчезало) "Опишите вашу проблему" и изменить везде шрифт по размеру и по стилю примерно как на скриншоте. Спасибо :) :) :)

В шаблоне HTML найдите блок
<div class="footer-title titleCallForm">
												 <h3>Онлайн заявка</h3>
											 </div>
						 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
							 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
							 {ANTISPAM_CODE}
							 {% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
							 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" />
							 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" />
							 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
						 </form>
и замените его на
<div class="footer-title titleCallForm">
												 <h3>Онлайн заявка</h3>
											 </div>
						 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
							 <input type="hidden" name="hash" value="{HASH}" />
							 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
							 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
							 {ANTISPAM_CODE}
							 {% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
							 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" />
							 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" />
<textarea id="callback_message" class="inputText callback_message required" placeholder="Опишите Вашу проблему" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_MESSAGE}]" >{FORM_CALLBACK_MESSAGE}</textarea>
							 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
						 </form>

В файле main.css найдите блок
.titleCallForm h3 {
	font-size: 24px;
}
и замените его на
.titleCallForm h3 {
	font-size: 20px;
	font-family: "Helvetica Neue",Helvetica,Arial;
}
Далее найдите блок
.formCallBack input {
	margin-bottom: 5px;
}
и замените его на
.formCallBack input, .formCallBack textarea{
	margin-bottom: 5px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
}





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

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