Top.Mail.Ru
Loading...
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Услуги
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
NLM147 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТ

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

Модификация позволяет добавить кнопку поделиться в соцсетях для карточки товара. Есть возможность настроить ее размер, цвет, расположение и эффект при наведении или загрузить свою иконку.
1. «Расположение кнопки Поделиться» – выбери, где будет располагаться кнопка. В случае выбора значения «на фотографии товара», то расположение кнопки будет ограничиваться рамками фотографии и далее в настройках отступа нужно отталкиваться от нее. В случае выбора значения «справа» она будет располагаться справа от кнопки;
2. «Ссылка на иконку» – ссылка на иконку, которая будет играть роль кнопки «Поделиться»;
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