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


Добавить Значок Рядом С Номером Телефона В Шапке И Надпись "обратный Звонок"

Автор kuziomavladimir@yandex.ru, 26 апр. 2018 17:56

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

#1 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

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

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

Отправлено 26 Апрель 2018 - 17:56

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

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

  • xxx.jpg
  • CHto-luchshe-Viber-ili-WhatsApp105-1508x706_c.jpg

#2 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

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

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

Отправлено 27 Апрель 2018 - 22:43

Вопрос ещё актуален, помогите пожалуйста

#3 Mr.Nito

Mr.Nito

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

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

Отправлено 29 Апрель 2018 - 12:16

Просмотр сообщенияkuziomavladimir@yandex.ru (26 Апрель 2018 - 17:56) писал:

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

#4 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

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

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

Отправлено 29 Апрель 2018 - 13:02

Спасибо!!! Всё так как хотел!

#5 ivan4221

ivan4221

    Новичок

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

Отправлено 13 Май 2018 - 19:26

Просмотр сообщенияMr.Nito (29 Апрель 2018 - 12:16) писал:

Здравствуйте.
Добавил изображение и кнопку обратного звонка

Пожалуйста сделайте и мне такую шапку. Чтобы там номер например был справа, как у нормального сайта. Вотсап, вайбер ссылки и мне пригодятся)

#6 Mr.Nito

Mr.Nito

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

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

Отправлено 15 Май 2018 - 10:09

Просмотр сообщенияivan4221 (13 Май 2018 - 19:26) писал:

Пожалуйста сделайте и мне такую шапку. Чтобы там номер например был справа, как у нормального сайта. Вотсап, вайбер ссылки и мне пригодятся)

Изменения в шапке произвёл, изображение иконок можно добавить в блоке:

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

  • 15-05-2018 10-08-21.jpg

#7 ivan4221

ivan4221

    Новичок

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

Отправлено 17 Май 2018 - 16:12

Просмотр сообщенияMr.Nito (15 Май 2018 - 10:09) писал:

Изменения в шапке произвёл, изображение иконок можно добавить в блоке:
  спасибо

Прошу прощения , сразу не заметил, закреп на мобиле ужасен. Если можно развести( пк закреп, моб не закреп) - сделайте пожалуйста, спасибо

#8 Mr.Nito

Mr.Nito

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

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

Отправлено 19 Май 2018 - 12:26

Просмотр сообщенияivan4221 (17 Май 2018 - 16:12) писал:

спасибо

Прошу прощения , сразу не заметил, закреп на мобиле ужасен. Если можно развести( пк закреп, моб не закреп) - сделайте пожалуйста, спасибо
Отображение поправил

#9 ivan4221

ivan4221

    Новичок

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

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

Здравствуйте!
1. Пожалуйста в шапке поставьте номер справа(обратный звонок под номером), а меню по центру чуть ниже, чтобы был ровный вид.
НОМЕР пожалуйста пожирнее.
2. По-возможности удалите всплывание при наведение на карточку товара 3х кнопок
3. Удалить 4 кнопки бокового меню и ссылки на соцсети
(скриншоты изменений приложил)

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

  • 57.png
  • руководство3.png
  • руководство4.png

#10 ivan4221

ivan4221

    Новичок

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

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

Пожалуйста измените шаблон карточки товара

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

  • руководство5.png

#11 Ирина345

Ирина345

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

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

Отправлено 20 Июнь 2018 - 17:31

Просмотр сообщенияivan4221 (20 Июнь 2018 - 14:00) писал:

Здравствуйте!
1. Пожалуйста в шапке поставьте номер справа(обратный звонок под номером), а меню по центру чуть ниже, чтобы был ровный вид.
НОМЕР пожалуйста пожирнее.
2. По-возможности удалите всплывание при наведение на карточку товара 3х кнопок
3. Удалить 4 кнопки бокового меню и ссылки на соцсети
(скриншоты изменений приложил)

Здравствуйте,
1 Найдите в шаблоне hTML код
<div class="contact_phone">
			   <img width="100" src="ваша ссылка здесь" alt="" title="" />{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><span >
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></span></p>{% ENDIF %}
			  </div>
			  <!-- Обратный звонок -->
			  <div class="block callback">
				<a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide"> Обратный звонок</span></a>
				<div id="fancybox-callback" style="display:none">
				  <h4 class="title">Обратный звонок</h4>
				  <form method="post" action="{CALLBACK_URL}" class="callbackForm-2" 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 required 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>
					<br>
					<div class="callback-input">
					  <input required 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">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
					<button type="submit" title="Отправить" class="button button3">Отправить</button>
				  </form>
				</div>
			  </div>


замените на
<div class="phone_callback">
							  <div class="block callback">
				<a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide"> Обратный звонок</span></a>
					</div>
			  <div class="contact_phone">
			   <img width="100" src="ваша ссылка здесь" alt="" title="" />{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><span >
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></span></p>{% ENDIF %}
			  </div>
			  <!-- Обратный звонок -->
					</div>
				<div id="fancybox-callback" style="display:none">
				  <h4 class="title">Обратный звонок</h4>
				  <form method="post" action="{CALLBACK_URL}" class="callbackForm-2" 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 required 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>
					<br>
					<div class="callback-input">
					  <input required 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">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
					<button type="submit" title="Отправить" class="button button3">Отправить</button>
				  </form>
				</div>

далее найдите в файле main.css код
.menunav {	clear: both;	overflow: hidden;  }
замените на
.menunav {	   float: left;  overflow: hidden;  }
.phone_callback {float: left;display: flex; flex-direction: column-reverse;}
#custommenu ul.menunav li > a { padding: 10px 10px;}

2 найдите в файле main.css код
.products-grid .item .item-inner .actions {
	background: #09afe7;
	text-align: center;
	padding: 10px;
	min-height: 51px;
	overflow: hidden;
	position: absolute;
	width: 98%;
	margin: 1%;
	bottom: 0;
	left: 0;
	-moz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-o-transform: translateY(300px);
	-ms-transform: translateY(300px);
	transform: translateY(300px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

замените на
.products-grid .item .item-inner .actions {
	background: #09afe7;
	text-align: center;
	padding: 10px;
	display: none;
	min-height: 51px;
	overflow: hidden;
	position: absolute;
	width: 98%;
	margin: 1%;
	bottom: 0;
	left: 0;
	-moz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-o-transform: translateY(300px);
	-ms-transform: translateY(300px);
	transform: translateY(300px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

3 найдите в файле main.css код
#header-right {
	position: fixed;
	top: 90px;
	right: 0;
	z-index: 99;
	text-align: right;
}

замените на
#header-right {
	position: fixed;
	top: 90px;
	right: 0;
	z-index: 99;
	text-align: right;
	display: none;
}

#12 ivan4221

ivan4221

    Новичок

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

Отправлено 21 Июнь 2018 - 21:24

Большое спасибо. Как сделать чтобы меню опустилось пониже? (на уровень обратного звонка) Не пропали соцсети. Не изменился цвет быстроuj заказа. Если что мой домен getru.ru

#13 Vaccina

Vaccina

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.menunav {		 float: left;  overflow: hidden;  }

замените на:
.menunav {float: left;  overflow: hidden;  margin-top: 30px;}

далее найдите:
#footer-middle .footer-content .link-follow {overflow: hidden;width: 210px;margin: 20px auto;}

замените на:
#footer-middle .footer-content .link-follow {display: none;overflow: hidden;width: 210px;margin: 20px auto;}

далее найдите:
.contact_phone,
.block.callback {display: inline-block;	margin-right: 15px;}

после него пропишите:
.block.callback .button{background-color: #09AFE7;}

#14 ivan4221

ivan4221

    Новичок

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

Отправлено 22 Июнь 2018 - 12:39

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

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

  • руководство5.png

#15 Vaccina

Vaccina

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

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

Отправлено 23 Июнь 2018 - 02:30

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите и удалите:
		<!-- Добавление товара в Избранное, Сравнение -->
		<ul class="add-to-links f-fix">
		  <li class="wishlist">
			<!-- Если есть возможность добавить товар в избранное -->
			{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			  <a class="add-wishlist fa added"
				data-action-is-add="0"
				data-action-add-url="{FAVORITES_ADD_URL}"
				data-action-delete-url="{FAVORITES_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  >Удалить из избранного</a>
			{% ELSE %}
			  <a class="add-wishlist fa"
				data-action-is-add="1"
				data-action-add-url="{FAVORITES_ADD_URL}"
				data-action-delete-url="{FAVORITES_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  >Добавить в избранное</a>
			{% ENDIF %}
		  </li>
		  <li class="compare">
			<!-- Если есть возможность добавить товар в сравнение -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
				<a class="add-compare fa added"
				  data-action-is-add="0"
				  data-action-add-url="{COMPARE_ADD_URL}"
				  data-action-delete-url="{COMPARE_DELETE_URL}"
				  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
				>Удалить из сравнения</a>
			  {% ELSE %}
				<a class="add-compare fa"
				  data-action-is-add="1"
				  data-action-add-url="{COMPARE_ADD_URL}"
				  data-action-delete-url="{COMPARE_DELETE_URL}"
				  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
				>Добавить к сравнению</a>
			  {% ENDIF %}
			{% ENDIF %}
		  </li>
		</ul>

#16 ivan4221

ivan4221

    Новичок

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

Отправлено 25 Июнь 2018 - 15:07

как  поменять местами "быстрый заказ" и "в корзину"  изменить цвет кнопки в корзину с голубого на СЕРЫЙ


и пожалуйста подскажите как в мобильной версии после лого вставить мобильный телефон.

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

  • руководство5 (1).png

#17 ivan4221

ivan4221

    Новичок

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

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

Прошу пожалуйста сделать изменения и исправить на сайте в самом низу НЕ РАБОТАЕТ форма ОБРАТНЫЙ ЗВОНОК (getru.ru)

#18 Mr.Nito

Mr.Nito

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

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

Отправлено 06 Июль 2018 - 15:10

Просмотр сообщенияivan4221 (25 Июнь 2018 - 15:07) писал:

как  поменять местами "быстрый заказ" и "в корзину"  изменить цвет кнопки в корзину с голубого на СЕРЫЙ


и пожалуйста подскажите как в мобильной версии после лого вставить мобильный телефон.
Кнопки поменял местами, цвет изменил

Просмотр сообщенияivan4221 (04 Июль 2018 - 21:27) писал:

Прошу пожалуйста сделать изменения и исправить на сайте в самом низу НЕ РАБОТАЕТ форма ОБРАТНЫЙ ЗВОНОК (getru.ru)
Обратный звонок в подвале поправил
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Спорт
  5. → Изменение общей стилистики
  6. Privacy Policy