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


Кнопки Соц Сетей В Мобильной Версии

соц сети

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

#1 mrsimon90

mrsimon90

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

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

Отправлено 19 Январь 2018 - 17:15

Здравствуйте, помогите сделать ссылки на соц сети в мобильной версии. Сразу ниже поля с Email на главной странице мобильной версии, Хотелось бы что бы были значки соц сетей как в полной версии сайта и можно написать Instagram, Вконтаке, Facebook справа от значка, что бы смотрелось не выбиваясь от полей телефона и почты. Шаблон рассвет, аккаунт SL-404966. Спасибо!

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

  • IMG_1876.jpg


#2 metry

metry

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

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

Отправлено 19 Январь 2018 - 18:21

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

	{% IF SETTINGS_STORE_EMAIL_MAIN %}
	<div class="email menu-list">
	  <a class="title" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a>
	</div>
	{% ENDIF %}

после него вставьте:


<ul class="socsety">
   <li><a class="title" href="https://www.instagram.com/gma_sochi/"><i class="fa fa-instagram"></i></a></li>
   <li><a href="https://vk.com/gmasochi"><i class="fa fa-vk"></i></a></li>
   <li><a href="https://www.facebook.com/gmasochi/"><i class="fa fa-facebook"></i></a></li>
</ul>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
ul.socsety{width:100%;display:block;margin:0 auto;text-align:center;margin-top:10px;margin-left: -20px;}
ul.socsety li{display:inline-block;margin-right:5px;margin-left:5px}
ul.socsety li a {color: #fff;text-decoration:none;cursor:pointer;font-size:30px;}


#3 mrsimon90

mrsimon90

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

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

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

Просмотр сообщенияmetry (19 Январь 2018 - 18:21) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

{% IF SETTINGS_STORE_EMAIL_MAIN %}
<div class="email menu-list">
	 <a class="title" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a>
</div>
{% ENDIF %}

после него вставьте:


<ul class="socsety">
<li><a class="title" href="https://www.instagram.com/gma_sochi/"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://vk.com/gmasochi"><i class="fa fa-vk"></i></a></li>
<li><a href="https://www.facebook.com/gmasochi/"><i class="fa fa-facebook"></i></a></li>
</ul>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
ul.socsety{width:100%;display:block;margin:0 auto;text-align:center;margin-top:10px;margin-left: -20px;}
ul.socsety li{display:inline-block;margin-right:5px;margin-left:5px}
ul.socsety li a {color: #fff;text-decoration:none;cursor:pointer;font-size:30px;}
А можно сделать эти три значка сразу после email, и примерно в 2 раза большего размера и с большим расстоянием между ними?

#4 Vaccina

Vaccina

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

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

Отправлено 20 Январь 2018 - 08:55

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				 <ul class="socsety">
   <li><a class="title" href="https://www.instagram.com/gma_sochi/"><i class="fa fa-instagram"></i></a></li>
   <li><a href="https://vk.com/gmasochi"><i class="fa fa-vk"></i></a></li>
   <li><a href="https://www.facebook.com/gmasochi/"><i class="fa fa-facebook"></i></a></li>
</ul>
	{% IF SETTINGS_STORE_EMAIL_MAIN %}
	<div class="email menu-list">
	  <a class="title" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a>
	</div>
	{% ENDIF %}
    
    
замените на:
	{% IF SETTINGS_STORE_EMAIL_MAIN %}
	<div class="email menu-list">
	  <a class="title" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a>
	</div>
	{% ENDIF %}
<ul class="socsety">
   <li><a class="title" href="https://www.instagram.com/gma_sochi/"><i class="fa fa-instagram"></i></a></li>
   <li><a href="https://vk.com/gmasochi"><i class="fa fa-vk"></i></a></li>
   <li><a href="https://www.facebook.com/gmasochi/"><i class="fa fa-facebook"></i></a></li>
</ul>

далее в шаблоне main.css - найдите:
ul.socsety li{display:inline-block;margin-right:5px;margin-left:5px}
ul.socsety li a {color: #fff;text-decoration:none;cursor:pointer;font-size:30px;}

замените на:
ul.socsety li{display:inline-block;margin:0 10px;}
ul.socsety li a {color: #fff;text-decoration:none;cursor:pointer;font-size:34px;}


#5 mrsimon90

mrsimon90

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

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

Отправлено 20 Январь 2018 - 09:16

Просмотр сообщенияVaccina (20 Январь 2018 - 08:55) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				 <ul class="socsety">
<li><a class="title" href="https://www.instagram.com/gma_sochi/"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://vk.com/gmasochi"><i class="fa fa-vk"></i></a></li>
<li><a href="https://www.facebook.com/gmasochi/"><i class="fa fa-facebook"></i></a></li>
</ul>
{% IF SETTINGS_STORE_EMAIL_MAIN %}
<div class="email menu-list">
	 <a class="title" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a>
</div>
{% ENDIF %}


замените на:
 {% IF SETTINGS_STORE_EMAIL_MAIN %}
<div class="email menu-list">
	 <a class="title" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a>
</div>
{% ENDIF %}
<ul class="socsety">
<li><a class="title" href="https://www.instagram.com/gma_sochi/"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://vk.com/gmasochi"><i class="fa fa-vk"></i></a></li>
<li><a href="https://www.facebook.com/gmasochi/"><i class="fa fa-facebook"></i></a></li>
</ul>

далее в шаблоне main.css - найдите:
ul.socsety li{display:inline-block;margin-right:5px;margin-left:5px}
ul.socsety li a {color: #fff;text-decoration:none;cursor:pointer;font-size:30px;}

замените на:
ul.socsety li{display:inline-block;margin:0 10px;}
ul.socsety li a {color: #fff;text-decoration:none;cursor:pointer;font-size:34px;}
Сделал, но значки вообще пропали

#6 metry

metry

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

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

Отправлено 20 Январь 2018 - 09:48

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

<ul {% IF SETTINGS_STORE_EMAIL_MAIN %}

замените на:

{% IF SETTINGS_STORE_EMAIL_MAIN %}


#7 mrsimon90

mrsimon90

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

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

Отправлено 20 Январь 2018 - 10:07

Просмотр сообщенияmetry (20 Январь 2018 - 09:48) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

<ul {% IF SETTINGS_STORE_EMAIL_MAIN %}

замените на:

{% IF SETTINGS_STORE_EMAIL_MAIN %}
Спасибо, все отлично





Темы с аналогичным тегами соц сети

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

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