Сообщений в теме: 6

[mrsimon90]

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

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

• 

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->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;}

[mrsimon90]

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 раза большего размера и с большим расстоянием между ними?

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - 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;}

[mrsimon90]

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;}

Сделал, но значки вообще пропали

[metry]

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

<ul {% IF SETTINGS_STORE_EMAIL_MAIN %}

замените на:

{% IF SETTINGS_STORE_EMAIL_MAIN %}

[mrsimon90]

metry (20 Январь 2018 - 09:48) писал:

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

<ul {% IF SETTINGS_STORE_EMAIL_MAIN %}

замените на:

{% IF SETTINGS_STORE_EMAIL_MAIN %}

Спасибо, все отлично