Loading...
Мы в соцсетях
Ответим на вопросы
Техподдержка
No-code платформа для интеграции с российскими сервисами
Адаптер
Образовательные курсы и гайды для IT-специалистов
Академия
Партнерам
Клиентам
О нас
Плагин для Тильды
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Ai-ассистент для Тильды
....
NLM147 • Время настройки: 5 минут

Как добавить кнопку «поделиться» для товаров на Тильде?

Модификация позволяет добавить кнопку поделиться в соцсетях для карточки товара. Есть возможность настроить ее размер, цвет, расположение и эффект при наведении или загрузить свою иконку.

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

Дизайн настраиваете сами — наша модификация добавит нужный эффект.

Смотрите, как быстро установить модификацию

Инструкция
1. «Расположение кнопки Поделиться» — выбери, где будет располагаться кнопка. В случае выбора значения «на фотографии товара», то расположение кнопки будет ограничиваться рамками фотографии и далее в настройках отступа нужно отталкиваться от нее. В случае выбора значения «справа» она будет располагаться справа от кнопки;
2. «Ссылка на иконку» — ссылка на иконку, которая будет играть роль кнопки «Поделиться»;
Ссылку на иконку можно скопировать из блока GL12: вставь галерею GL12, загрузив в неё свою иконку и удалив стандартные изображения, чтобы они не мешали, затем скопируй нужную ссылку и скрой саму галерею, чтобы она не отображалась на сайте.
3. «Ширина иконки (рх)»;
4. «Высота иконки (px)»;
5. «Увеличение иконки при наведении (%)»;
6. «Радиус скругления у подложки с иконкой (рх)»;
7. «Цвет подложки» — данный параметр указывается в случае если загруженная иконка прозрачная;
8. «Ширина подложки (рх)»;
9. «Высота подложки (рх)»;
10. «Толщина бордера (рх)»;
11. «Цвет бордера»;
12. «Позиция кнопки поделиться» — поле отображается в случае если выбрать вариант «на фотографии товара»;
13. «Отступ от левого и правого края (px)»;
14. «Отступ от верхнего и нижнего края (px)» — поле отображается в случае если выбрать вариант «на фотографии товара».

15. Настроить для мобильной версии (до 640px)
  • Ширина иконки (рх);
  • Высота иконки (px);
  • Радиус скругления у подложки с иконкой (рх);
  • Цвет подложки;
  • Ширина подложки (рх);
  • Высота подложки (рх);
  • Толщина бордера (рх);
  • Цвет бордера;
  • Позиция кнопки поделиться;
  • Отступ от левого и правого края (px);
  • Отступ от верхнего и нижнего края (px).

16.Копируешь сгенерированный HTML код и вставляешь его в блок Т123 на странице с каталогом товаров.

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.