Светлана У. (20 Май 2017 - 18:07) писал:
Здравствуйте!
Подскажите, пожалуйста:
- как можно изменить внешний вид кнопок соцсетей (например, скачать в интернете и загрузить на сайт- куда?)
- убрать лишние кнопки соцсетей
- сделать надпись "Мы в социальных сетях" и создать ссылку на конкретную группу в соцсети
- на странице товара сделать ссылку "Поделиться" с кнопками соцсетей (как на картинке)
Спасибо большое заранее !
Аккаунт 408993
Здравствуйте.
1. Иконки соцсетей в подвале сайта выводятся с помощью шрифтов (сам значок )и оформления. Уточните, как именно Вы бы хотели изменить отображение, возможно нужно изменить заливку, увеличить в размерах или сделать границы без скругления.
2. В шаблоне HTML у Вас есть код:
<div class="social">
<a href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span class="fa fa-facebook"></span></a>
<a href="https://twitter.com/" title="Twitter.com" target="_blank"><span class="fa fa-twitter"></span></a>
<a href="https://google.com/" title="Google Plus" target="_blank"><span class="fa fa-google-plus"></span></a>
<a href="https://vk.com/" title="VK.com" target="_blank"><span class="fa fa-vk"></span></a>
<a href="https://www.youtube.com/" title="YouTube.com" target="_blank"><span class="fa fa-youtube"></span></a>
</div>
Те социальные сети, что не нужны можно удалить построчно.
3. Ссылки на соцсети меняются в коде из предыдущего пункта. Например, для vk.com - нужно заменить в коде
https://vk.com/ на свою ссылку.
4. В разделе Сайт - редактор шаблонов - шаблон Товар найдите код:
</div>
<div class="clear"></div>
</form>
<!-- /END Форма карточки товара -->
Перед ним вставьте строку кода:
<div class="shareb1">Понравилось?</div>
<div class="shareb1">Поделись...</div>
<div class="shareb2">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></div>
</div>
И в конце шаблона main.css добавьте код:
.shareb1, .shareb2 {display: inline-block;position: relative;vertical-align: middle;}
.shareb2 {margin-left:5px;}