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


Добавление Значков Wa Viber

Автор МихаилДолматов, 05 авг. 2019 11:36

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

#1 МихаилДолматов

МихаилДолматов

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

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

Отправлено 05 Август 2019 - 11:36

Хотел бы в это место-12.png   добавить значки Whatsapp и viber а также надпись "Whatsapp" и "viber" . стиль текста как на сайте, цвет текста белый. Ссылки на значки могу сам вставить в код . выглядеть должно примерно так -  вот эти значки 13.png и рядом Номер телефона +79969256051. СпасибО!

#2 Vaccina

Vaccina

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

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

Отправлено 06 Август 2019 - 08:09

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

После изменений из данной инструкции:
https://forum.storel...ки/#entry283947

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			<div class="client_city"></div>
            
перед ним вставьте:
<div class="mob_widgets">
	<a href="https://wa.me/380950000000?text=Здравствуйте."><span class="fab fa-whatsapp"></span> WhatsApp</a>
	<a href="viber://add?number=380950000000"><span class="fab fa-viber"></span> Viber</a>
</div>

Вместо 380950000000 укажите номер телефона.
            
Далее зайдите в main.css - найдите:
.header .header-login .client_city {z-index: 2;display: inline-block;padding: 0 15px;}

перед ним вставьте:
.header .header-login .mob_widgets {z-index: 2;display: inline-block;padding: 0 15px;}
.header .header-login .mob_widgets a {margin-left: 10px;}

#3 МихаилДолматов

МихаилДолматов

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

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

Отправлено 06 Август 2019 - 09:56

Просмотр сообщенияVaccina (06 Август 2019 - 08:09) писал:

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

После изменений из данной инструкции:
https://forum.storel...ки/#entry283947

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <div class="client_city"></div>

перед ним вставьте:
<div class="mob_widgets">
<a href="https://wa.me/380950000000?text=Здравствуйте."><span class="fab fa-whatsapp"></span> WhatsApp</a>
<a href="viber://add?number=380950000000"><span class="fab fa-viber"></span> Viber</a>
</div>

Вместо 380950000000 укажите номер телефона.

Далее зайдите в main.css - найдите:
.header .header-login .client_city {z-index: 2;display: inline-block;padding: 0 15px;}

перед ним вставьте:
.header .header-login .mob_widgets {z-index: 2;display: inline-block;padding: 0 15px;}
.header .header-login .mob_widgets a {margin-left: 10px;}

спасибо все работает, можно чуть-чуть доработать. Тут на слайде все обьяснил - нужно вставить именно надпись моего телефона тоесть рядом чтобы был прописан мой номер на слайде показал-Безымянный332.png

#4 M1STERE0

M1STERE0

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

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

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

Просмотр сообщенияМихаилДолматов (06 Август 2019 - 09:56) писал:

спасибо все работает, можно чуть-чуть доработать. Тут на слайде все обьяснил - нужно вставить именно надпись моего телефона тоесть рядом чтобы был прописан мой номер на слайде показал-Прикрепленный файл Безымянный332.png
Здравствуйте! Откройте админ.панель > сайт > редактор шаблонов > HTML > скопируйте этот код
<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>
и вставьте его как показано на скриншоте ниже
3.jpg
Далее открыть main.css > 1797 строка > добавить этот код
.mob_widgets a{border-bottom: 1px dashed;}

#5 МихаилДолматов

МихаилДолматов

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

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

Отправлено 06 Август 2019 - 19:05

Спасибо, но Нужно исправить - нужно чтобы отображался другой номер - вот этот +79969256051 ,а сейчас вот-так - , и расположение нужно изменить 12345.png

#6 Vaccina

Vaccina

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

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

Отправлено 07 Август 2019 - 05:37

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<li class="header-navItem">
				  <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a>
				</li>
				{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<li class="header-navItem">
				  <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a>
				</li>
				{% ENDIF %}
			  </ul>
			<!-- /Навигация -->
	  
			<!-- Логин -->
			<div class="_header-mobile header-login {% IF CLIENT_IS_LOGIN %}isLogin{% ENDIF %}" id="headerLogin">
			  <div class="mob_widgets">
				
		<a href="https://wa.me/+79969256051?text=Здравствуйте."><span class="fab fa-whatsapp"></span> WhatsApp</a>
		<a href="viber://add?number=+79969256051"><span class="fab fa-viber"></span> Viber</a>
</div>
				 <div class="client_city"></div>


замените на:
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<li class="header-navItem">
				  <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a>
				</li>
				{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<li class="header-navItem">
				  <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a>
				</li>
				{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<li class="header-navItem">
				  <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a>
				</li>
				{% ENDIF %}
				<li class="header-navItem">
				  <a href="https://wa.me/+79969256051?text=Здравствуйте."><span class="fab fa-whatsapp"></span> WhatsApp</a>
				</li>
				<li class="header-navItem">
				  <a href="viber://add?number=+79969256051"><span class="fab fa-viber"></span> Viber</a>
				</li>
			  </ul>
			<!-- /Навигация -->
	  
			<!-- Логин -->
			<div class="_header-mobile header-login {% IF CLIENT_IS_LOGIN %}isLogin{% ENDIF %}" id="headerLogin">
				 <div class="client_city"></div>
                
далее зайдите в main.css - найдите и удалите:
.header .header-login .mob_widgets {z-index: 2;display: inline-block;padding: 0 15px;}
.header .header-login .mob_widgets a {margin-left: 10px;}

Далее зайдите в раздел Настройки - Основные - измените номер телефона на необходимый.

#7 МихаилДолматов

МихаилДолматов

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

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

Отправлено 07 Август 2019 - 08:30

Просмотр сообщенияVaccina (07 Август 2019 - 05:37) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <li class="header-navItem">
				 <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a>
			 </li>
			 {% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
			 <li class="header-navItem">
				 <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a>
			 </li>
			 {% ENDIF %}
			 </ul>
		 <!-- /Навигация -->
	
		 <!-- Логин -->
		 <div class="_header-mobile header-login {% IF CLIENT_IS_LOGIN %}isLogin{% ENDIF %}" id="headerLogin">
			 <div class="mob_widgets">
			
	 <a href="https://wa.me/+79969256051?text=Здравствуйте."><span class="fab fa-whatsapp"></span> WhatsApp</a>
	 <a href="viber://add?number=+79969256051"><span class="fab fa-viber"></span> Viber</a>
</div>
				 <div class="client_city"></div>


замените на:
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <li class="header-navItem">
				 <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a>
			 </li>
			 {% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <li class="header-navItem">
				 <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} ({SETTINGS_STORE_PHONE_CITY_CODE2}) {SETTINGS_STORE_PHONE_NUMBER2}</a>
			 </li>
			 {% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
			 <li class="header-navItem">
				 <a class="header-top-phone header-navLink" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"><span class="fal fa-phone"></span> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} ({SETTINGS_STORE_PHONE_CITY_CODE3}) {SETTINGS_STORE_PHONE_NUMBER3}</a>
			 </li>
			 {% ENDIF %}
			 <li class="header-navItem">
				 <a href="https://wa.me/+79969256051?text=Здравствуйте."><span class="fab fa-whatsapp"></span> WhatsApp</a>
			 </li>
			 <li class="header-navItem">
				 <a href="viber://add?number=+79969256051"><span class="fab fa-viber"></span> Viber</a>
			 </li>
			 </ul>
		 <!-- /Навигация -->
	
		 <!-- Логин -->
		 <div class="_header-mobile header-login {% IF CLIENT_IS_LOGIN %}isLogin{% ENDIF %}" id="headerLogin">
				 <div class="client_city"></div>

далее зайдите в main.css - найдите и удалите:
.header .header-login .mob_widgets {z-index: 2;display: inline-block;padding: 0 15px;}
.header .header-login .mob_widgets a {margin-left: 10px;}

Далее зайдите в раздел Настройки - Основные - измените номер телефона на необходимый.

Спасибо большое вам и ваше команде, от вас именно поступают очень корректные решения!
Обратно в Изменение общей стилистики


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

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

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