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


Помогите Настроить Главную Страницу


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

#1 leylas

leylas

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

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

Отправлено 07 Март 2018 - 02:12

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

Прошу помочь отредактировать некотрые элементы главной станицы.

1. Шапка:
Логотип перенести в самый верхний левый угол, на белую полоску перед телефоном,  кнопку собратный звонок сдвинуть ближе к центру и добавить второй номер телефона. А возможно эту белую полоску закрепить, чтобы она оставвалась на месте при прокрутке страницы вниз?

2. Блок "предложение": убрать большой пробел после слов:"бесплатный тест-драйв" и добавить после текста, слева от картинки мама+малыш, кнопку "узнать подробнее".

3. Блок с текстом на главной странице перенести в самый низ, разместить его после блока "новости" и перед подвалом сайта.

https://mamindar.ru/

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

#2 Vaccina

Vaccina

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

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

Отправлено 08 Март 2018 - 08:26

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

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="container">
		  <div class="logo col-md-3 col-xs-6">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-12 col-xs-12">
          
замените на:
<div class="container">
		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-12 col-xs-12">
          
далее найдите:
<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
            
замените на:
<div class="block logo col-md-3 col-xs-6">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone phone2">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a>
			</div>
			{% ENDIF %}
            
            
далее зайдите в main.css - найдите:
.block.phone .time {font-size: 13px;line-height: 16px;}
/* Кнопка обратного звонка */
.block.callback {margin-left: 50px;vertical-align: top;}

замените на:
.block.phone .time {font-size: 13px;line-height: 16px;}
.block.phone2{margin: 10px 10px 0 10px;vertical-align: top;}
/* Кнопка обратного звонка */
.block.callback {vertical-align: top;}

далее найдите:
.header-top .header-left {float: left;}

замените на:
.header-top .header-left {float: left;width: 65%;}

далее найдите:
#header {position: relative;border: 0;z-index: 99;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;}
/* Верхняя часть шапки */
.header-top {min-height: 40px;font-weight: 300;border-bottom: none;background: #fff;}

замените на:
#header {padding-top:75px;position: relative;border: 0;z-index: 99;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;}
/* Верхняя часть шапки */
.header-top {min-height: 40px;font-weight: 300;border-bottom: none;background: #fff;z-index: 10;position: fixed;left: 0;right: 0;top: 0;}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.main-block h2.title {font-size: 48px;font-weight: 300;margin-bottom: 30px;}

замените на:
.main-block h2.title {font-size: 48px;font-weight: 300;margin-bottom: 0px;}

далее зайдите в шаблон HTML - найдите:
<h2 class="title">бесплатный тест-драйв</h2>
			<h4 class="title">Любой вид слинга на 3 дня у тебя дома  <strong>Бесплатно!</strong> </h4>
            
после него пропишите:
<a class="button big" href="#">Узнать подробнее</a>

Вместо символ # укажите ссылку.

3. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page %}
	<!-- Промо блок -->
	<div id="promotion" class="main-block">
	  <div class="container">
		<div class="row">
		  <div class="col-xs-12">
			<div class="promotion-description animated" data-animation="fadeInUp" data-delay="0">
			  <p class="text_medium tc">Розничный магазин</p>
			  <p class="text_large">Тамбов, ул. Энгельса д. 5</p>
			  <p class="text_small">Более подробную информацию о наличии моделей в розничном магазне вы можете получить по телефону <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a> или воспользовавшись он-лайн консультантом</p>
			  <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Как нас найти</a>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Промо блок -->
	<!-- Информация -->
	<div id="information" class="main-block">
	  <div class="container">
		<div class="row">
		  <h2 class="title col-xs-12">Сделать заказ очень просто</h2>
		  <div class="item animated" data-animation="fadeInUp" data-delay="0">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}list2.png?design=sunrise"/>
			</div>
			<div class="title">
			  <span>Оформляете заявку или звоните</span>
			</div>
		  </div>
		  <div class="item animated" data-animation="fadeInUp" data-delay="300">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}help.png?design=sunrise"/>
			</div>
			<div class="title">
			  <span>Обсуждаем время доставки</span>
			</div>
		  </div>
		  <div class="item animated" data-animation="fadeInUp" data-delay="600">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}money2.png?design=sunrise"/>
			</div>
			<div class="title">
			  <span>Никакой предоплаты! Оплата только по получению заказа</span>
			</div>
		  </div>
		  <div class="item animated" data-animation="fadeInUp" data-delay="900">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}car.png?design=sunrise"/>
			</div>
			<div class="title">
			  <span>Выезд курьера</span>
			</div>
		  </div>
		  <div class="item animated" data-animation="fadeInUp" data-delay="1200">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}price.png?design=sunrise"/>
			</div>
			<div class="title">
			  <span>Возможность примерки</span>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Информация -->
	<!-- Обратный звонок -->
	<div id="orders" class="main-block animated" data-animation="zoomIn" data-delay="0">
	  <div class="container">
	  <h2 class="title">Остались вопросы?</h2>
	  <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}
		<div class="callback-input">
		  <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">
		</div>
		<div class="callback-input">
		  <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">
		</div>
		<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
		<button type="submit" title="Отправить" class="button button3 big">Заказать обратный звонок</button>
	  </form>
	  </div>
	</div>
	<!-- /END Обратный звонок -->
	{% ENDIF %}
	<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF TARIFF_FEATURE_NEWS && index_page %}
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0">
	  <div class="container">
		<h2 class="title">Новости</h2>
		<div class="navigation">
		  <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
		  <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		</div>
		<div class="block-news">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				{% IF news_list_all.SHOW_TIME %}
				<div class="date">
				  <span class="d-month">{news_list_all.TIME | date("m")}</span>
				  <span class="d-day">{news_list_all.TIME | date("d")}</span>
				</div>
				{% ENDIF %}
				<div class="content">
				  <a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
				  <p class="description">{news_list_all.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				{% IF news_list_shop.SHOW_TIME %}
				<div class="date">
				  <span class="d-month">{news_list_shop.TIME | date("m")}</span>
				  <span class="d-day">{news_list_shop.TIME | date("d")}</span>
				</div>
				{% ENDIF %}
				<div class="content">
				  <a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
				  <p class="description">{news_list_shop.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->
    
    
перенесите его, поставив перед:
</div>
			  </div>
			  {% ENDIF %}
			</div>
			{% ENDIF %}
			{% ENDIF %}
			<!-- /END Товары на главной, Новинки, Хиты -->


#3 leylas

leylas

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

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

Отправлено 09 Март 2018 - 11:29

Спасибо.

В шапке телефоны отображаются криво :(  Хотелось бы их выровнить. И логотип маленький, делаю больше - все ползет, к сожалению.  надо сделать его покрупнее, хотябы на 85% , а то 65 очень мелко полуается, не видно надпись.

и по второму пункту (блок про бесплатный тест драйв)  можно ли картинку подвинуть выше и вправо? Так чтобы ее низ был выровнен с низом соседнего блока (напишите нам)  А кнопку спустить чуть ниже.

С третьим пунктом все отлично :)

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

#4 Vaccina

Vaccina

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

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

Отправлено 14 Март 2018 - 06:06

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

1. Немного невнимательно произвели изменения =) В коде второго номера отсутствует режим работы, без него телефон будет стоять по вертикали по центру. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %}
						<div class="block phone phone2">
						  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a>
						<div class="time">{SETTINGS_STORE_WORK_TIME}</div>
						</div>
						{% ENDIF %}

замените на:
{% IF SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %}
						<div class="block phone phone2">
						  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a>
					   </div>
						{% ENDIF %}

далее найдите:
<div class="block logo col-md-3 col-xs-6">
						<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
						  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
						</a>
				  </div>

замените на:
<div class="block logo">
						<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
						  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
						</a>
				  </div>

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-top .header-left {float: left;width: 65%;}

замените на:
.header-top .header-left {float: left;width: calc(100% - 378px);}

далее найдите:
.header-top .container {padding: 15px;}
.header-top .block {display: inline-block;position: relative;text-align: center;font-size: 13px;}

после него пропишите:
.header-top .block.logo img{height:70px;}

в стиле height отрегулируйте желаемый размер логотипа.


2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#proposition img {display: block;margin: 0px auto;max-width: 300px;}

замените на:
#proposition img {display: block;margin: -25px 0 0 0;max-width: 300px;float:right;}
#proposition .button.big{margin-top:50px;}


#5 leylas

leylas

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

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

Отправлено 16 Март 2018 - 01:05

 Vaccina (14 Март 2018 - 06:06) писал:

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

1. Немного невнимательно произвели изменения =) В коде второго номера отсутствует режим работы, без него телефон будет стоять по вертикали по центру.

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

спасибо.

#6 leylas

leylas

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

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

Отправлено 16 Март 2018 - 01:14

А еще как опустить саму картинку в блоке промо?  а то при открытом блоке верх картинки не виден, а внизу видна серая полоска.

#7 bok

bok

    Новичок

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

Отправлено 12 Октябрь 2019 - 14:25

Добрый день!

Помогите пожалуйста выровнять в шапке, где белый фон: логотип, телефон, кнопку, поиск и корзину.
Подскажите, где регулировать ширину белой полосы шапки на которой всё находится.
Аккаунт SL-310601

Спасибо!

#8 bok

bok

    Новичок

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

Отправлено 12 Октябрь 2019 - 15:24

 bok (12 Октябрь 2019 - 14:25) писал:

Добрый день!

Помогите пожалуйста выровнять в шапке, где белый фон: логотип, телефон, кнопку, поиск и корзину.
Подскажите, где регулировать ширину белой полосы шапки на которой всё находится.
Аккаунт SL-310601

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

Спасибо!

#9 Vaccina

Vaccina

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

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

Отправлено 15 Октябрь 2019 - 07:12

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

Код логотипа у вас уже изменен, уточните пожалуйста вопрос ещё актуален?
/*Логотип*/
.block.logo.col-md-3.col-xs-6 {margin-left: -100px;margin-top: -3px;}

Вы его хотите уменьшить или увеличить?

#10 bok

bok

    Новичок

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

Отправлено 17 Октябрь 2019 - 20:48

Спасибо, уже сделал.

#11 oksana56587@yandex.ru

oksana56587@yandex.ru

    Новичок

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

Отправлено 06 Январь 2020 - 16:32

Добрый день!

Прошу помощи в следующем, подскажите:

1. выровнять в шапке (где белый фон): логотип, телефон, кнопку ОЗ, поиск, сравнение и корзину;

2. отрегулировать ширину белой полосы сверху. Шире получается, а нужно сделать тоньше (уже).

3. убрать скобки "()" на белой полосе сверху;

4. требуется главное меню сайта (главная, каталог....и пр) выровнять на середину.

Аккаунт SL-493062

Заранее благодарна, спасибо!

#12 oksana56587@yandex.ru

oksana56587@yandex.ru

    Новичок

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

Отправлено 10 Январь 2020 - 09:36

Так никто и не поможет?

#13 Андрей М

Андрей М

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

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

Отправлено 16 Август 2023 - 19:15

Здравствуйте, Уважаемые!
Время идёт, меняются тенденции и взгляды - поэтому хочу обновить внешний вид сайта, Т.Е. его главной страницы. Прошу Вашей помощи, где и как это сделать. На первой странице хочу поменять всё. Прикладываю скрины:
1) Сделать "карусель" из фото,
2) Передвинуть текст в каталоге товаров,
3) Убрать форму Заявки, переместить оставшуюся инфу по центру (Вк скидка=5%),
4) Изменить: "У нас на сайте специальная цена..." - сделать по-новому,
5) Изменить: "Остались вопросы?" - направить на почту,
6) Убрать часть значков оплаты, те что ниже подвала.

Аккаунт SL-312006

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

  • 2023-08-16_180101 - менять.png
  • 2023-08-16_180102 - менять.png
  • 2023-08-16_180103 - менять.png
  • 2023-08-16_180104- менять.png
  • 2023-08-16_180105 -менять.png


#14 Андрей М

Андрей М

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

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

Отправлено 17 Август 2023 - 13:14

Здравствуйте, Уважаемые!
Куда написать, чтобы меня услышали?
Или куда послать маячок, чтобы сюда заглянули?

#15 stasia

stasia

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

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

Отправлено 17 Август 2023 - 19:43

 Андрей М (16 Август 2023 - 19:15) писал:

Здравствуйте, Уважаемые!
Время идёт, меняются тенденции и взгляды - поэтому хочу обновить внешний вид сайта, Т.Е. его главной страницы. Прошу Вашей помощи, где и как это сделать. На первой странице хочу поменять всё. Прикладываю скрины:
1) Сделать "карусель" из фото,
2) Передвинуть текст в каталоге товаров,
3) Убрать форму Заявки, переместить оставшуюся инфу по центру (Вк скидка=5%),
4) Изменить: "У нас на сайте специальная цена..." - сделать по-новому,
5) Изменить: "Остались вопросы?" - направить на почту,
6) Убрать часть значков оплаты, те что ниже подвала.

Аккаунт SL-312006

Здравствуйте.
1) Загрузите изображения для слайдера в раздел Сайт---Редактор шаблонов, в левый столбец через кнопку "Добавить файлы".
И пришлите нам названия загруженных изображений.


2) Зайдите в раздел Сайт --- Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:
.col-md-9.col-xs-12.col-right .page-title {text-align: center;}


3) Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:
	<!-- Предложение -->
	<div id="proposition" class="main-block">
	  <div class="container">
		<div class="row">
		  <div class="col-sm-6 col-md-7 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0">
			<h2 class="title">Выгодное предложение</h2>
			<h4 class="title">Подпишитесь на группу Вконтакте <br/>и делайте все заказы <br/><strong>на 5% дешевле!</strong></h4>
			<a href="https://vk.com/kgallery22"><img src="{ASSETS_IMAGES_PATH}gift.png?design=sunrise"></a>
		  </div>
		  <div class="col-sm-6 col-md-5 col-xs-12 callback animated" data-animation="fadeInRight" data-delay="300">
			<h3 class="title">Оставьте заявку,</h3>
			<h5 class="title">чтобы получить бесплатную консультацию нашего специалиста через WhatsApp</h5>
			<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}
			  <div class="callback-input">
				<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">
			  </div>
			  <div class="callback-input">
				<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">
			  </div>
			  <button type="submit" title="Отправить" class="button button3 big"> WhatsApр-консультация</button>
			  <div class="protect">
				<img src="{ASSETS_IMAGES_PATH}save.png?design=sunrise"/>
				<span>Ваши данные не будут переданы третьим лицам</span>
			  </div>
			</form>
		  </div>
		</div>
	  </div>
	</div>
	<!-- Информационный блок -->

Замените его на:
	<!-- Предложение -->
	<div id="proposition" class="main-block">
	  <div class="container">
		<div class="row">
		  <div class="col-sm-12 col-md-12 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0">
			<h2 class="title">Выгодное предложение</h2>
			<h4 class="title">Подпишитесь на группу Вконтакте <br/>и делайте все заказы <br/><strong>на 5% дешевле!</strong></h4>
			<a href="https://vk.com/kgallery22"><img src="{ASSETS_IMAGES_PATH}gift.png?design=sunrise"></a>
		  </div>
		</div>
	  </div>
	</div>
	<!-- Информационный блок -->



Найдите в Редакторе шаблонов --- main.css данный код:  
/*** Предложение ***/
#proposition {text-align: left;}

Замените его на:
/*** Предложение ***/
#proposition {text-align: center;}




4) В Редакторе шаблонов---HTML, найдите код:
	<!-- Промо блок -->
	<div id="promotion" class="main-block">
	  <div class="container">
		<div class="row">
		  <div class="col-xs-12">
			<div class="promotion-description animated" data-animation="fadeInUp" data-delay="0">
			  <p class="text_medium tc">У нас на сайте</p>
			  <p class="text_large">Специальная цена на "Портреты на заказ"</p>
			  <p class="text_small">Более подробную информацию об акциях и специальных предложениях Вы можете получить по телефону <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> или заполнив форму обратной связи.</p>
			  <a class="button big yellow" href="catalog/Portrety-na-zakaz" title="Перейти в Каталог">Смотрите примеры портретов</a>
			</div>
		  </div> 
		</div>
	  </div>
	</div>
	<!-- /END Промо блок -->

И замените текст на Ваш.
Изображение можно поменять в левом столбце, открыв изображение с названием "promotion.png" и заменив на новое через кнопку "Заменить".



5) В Редакторе шаблонов---HTML, найдите код:
	<!-- Обратный звонок -->
	<div id="orders" class="main-block animated" data-animation="zoomIn" data-delay="0">
	  <div class="container">
	  <h2 class="title">Остались вопросы?</h2>
	  <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}
		<div class="callback-input">
		  <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">
		</div>
		<div class="callback-input">
		  <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">
		</div>
		<button type="submit" title="Отправить" class="button button3 big">Запрос на WhatsApp-диалог</button>
	  </form>
	  </div>
	</div>
	<!-- /END Обратный звонок -->
Измените его на:
	<!-- Обратный звонок -->
		  <div id="orders-email" class="feedback main-block animated" data-animation="zoomIn" data-delay="0">
			<div class="container">
			<h2 class="title">Остались вопросы?</h2>
			<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}"/>
			  <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="Подписаться"/>
			  <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="Подписаться"/>
			  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
			  {ANTISPAM_CODE}
			  <div class="callback-input">
				<input class="callback_email inputText" type="email" name="form[callback_email]" value="{% IF CLIENT_IS_LOGIN %}{CLIENT_MAIL}{% ELSE %}{FORM_CALLBACK_EMAIL}{% ENDIF %}" maxlength="255" placeholder="Введите e-mail" autocomplete="off" requaried/>
			  </div>
				<button type="submit" title="Отправить" class="button button3 big">Запрос на почту</button>
			</form>
			</div>
			</div>
	<!-- /END Обратный звонок -->


Найдите в Редакторе шаблонов --- main.css данный код:  
/*** Обратный звонок ***/
#orders {background-color: #efefec;}
#orders .callbackForm .callback-input {display: inline-block;margin: 0 10px 10px 0;}
#orders .callbackForm .callback-input .inputText {height: 50px;line-height: 50px;}
#orders .callbackForm .button {vertical-align: top;}
#orders .name-error, #orders .phone-error {position: absolute;}

Измените его на:
/*** Обратный звонок ***/
#orders, #orders-email {background-color: #efefec;}
#orders .callbackForm .callback-input, #orders-email .callbackForm .callback-input {display: inline-block;margin: 0 10px 10px 0;}
#orders .callbackForm .callback-input .inputText, #orders-email .callbackForm .callback-input .inputText {height: 50px;line-height: 50px;}
#orders .callbackForm .button, #orders-email .button{vertical-align: top;}
#orders .name-error, #orders .phone-error, #orders-email .name-error, , #orders-email .phone-error{position: absolute;}


6) В Редакторе шаблонов---HTML, найдите код:
			<div id="payment_services" class="col-sm-8 col-xs-12">
			  <a href="#" title="Перейти на страницу описания оплаты">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
			   
				
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>

И замените его на:
			<div id="payment_services" class="col-sm-8 col-xs-12">
			  <a href="#" title="Перейти на страницу описания оплаты">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>


#16 Андрей М

Андрей М

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

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

Отправлено 17 Ноябрь 2023 - 00:24

Здравствуйте, Уважаемые! Спасибо за качественную помощь!

Прошу Вас помочь ещё в нескольких изменениях:

1) УБРАТЬ с первой страницы(главной) = АНИМАЦИЮ (т.е. постепенно всплывающие элементы оформления);
2) УБРАТЬ  с первой страницы раздел "Галерея Курченковой: купить/заказать";
3) В разделе "ПРОМО БЛОК" в мелком чёрном тексте в скобках дать ссылку на почту : artsou@yandex.ru;
4) Перед "подвалом" вставить шаблон текста "О нас"( я его потом сам исправлю)

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

  • 2023-11-17_001944.png
  • 2023-11-16_235433.png
  • 2023-11-16_234928.png
  • 2023-11-16_235827.png


#17 stasia

stasia

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

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

Отправлено 17 Ноябрь 2023 - 15:43

 Андрей М (17 Ноябрь 2023 - 00:24) писал:

Здравствуйте, Уважаемые! Спасибо за качественную помощь!

Прошу Вас помочь ещё в нескольких изменениях:

1) УБРАТЬ с первой страницы(главной) = АНИМАЦИЮ (т.е. постепенно всплывающие элементы оформления);
2) УБРАТЬ  с первой страницы раздел "Галерея Курченковой: купить/заказать";
3) В разделе "ПРОМО БЛОК" в мелком чёрном тексте в скобках дать ссылку на почту : artsou@yandex.ru;
4) Перед "подвалом" вставить шаблон текста "О нас"( я его потом сам исправлю)


Здравствуйте.
1) Зайдите в Редактор шаблонов --- main.js и найдите данный код:
	animated();

Замените его на:
   // animated();

2 и 4) Перейдите в раздел Сайт---Главная страница, выберите из выпадающего списка: О нас

3) В Редакторе шаблонов---HTML, найдите код:
			  <p class="text_small">Более подробную информацию Вы можете получить через почту <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> или заполнив форму обратной связи.</p>

Замените его на:
			  <p class="text_small">Более подробную информацию Вы можете получить через почту <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a> или заполнив форму обратной связи.</p>


#18 Андрей М

Андрей М

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

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

Отправлено 19 Ноябрь 2023 - 00:12

Ок! всё получилось!

Вопросы:
1)Как убрать плашку "Новинка"на товаре на Главной странице в разделе "Новинка" (у меня на странице раздел "Новинка"  переименован в "Пример графики") ?

Потом я раздел "Хит продаж" с плашкой  на товаре "Хит" = переделаю под свою тему "Примеры сувениров" , а плашку уберу.

2)Как переместить на Главной  заголовок "О нас" на середину?
3)Как увеличить размер шрифта в тексте "О нас"? -чтобы он был как в разделе "ПРОМО БЛОК" (в коде написано: "text_small" )

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

  • 2023-11-19_000725.png
  • 2023-11-19_001022.png


#19 Андрей М

Андрей М

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

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

Отправлено 20 Ноябрь 2023 - 15:37

Разве можно так делать бизнес = с 17 ноября вношу изменения на сайт - сегодня УЖЕ 20 ноября! =4 дня - а делов должно быть на 1,5 часа!

#20 stasia

stasia

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

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

Отправлено 20 Ноябрь 2023 - 16:47

 Андрей М (20 Ноябрь 2023 - 15:37) писал:

Разве можно так делать бизнес = с 17 ноября вношу изменения на сайт - сегодня УЖЕ 20 ноября! =4 дня - а делов должно быть на 1,5 часа!

Здравствуйте.
Благодарим Вас за ожидание, правки Вам добавили по Вашим вопросам.
Вам лучше оставлять запросы в нашем чате(иконка чата находится в Админке, справа внизу), чтобы не ожидать длительно ответ на форуме.




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

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