Кнопка «Поделиться» для товаров
Добавляет меню отправки ссылки на товар в соцсети и копирования; на телефоне использует системное меню, когда оно доступно.
Что делает модификация
Добавляет меню отправки ссылки на товар в соцсети и копирования; на телефоне использует системное меню, когда оно доступно.
Требования
Для копирования и системного меню нужен HTTPS. Если navigator.share недоступен, отображается обычное меню. Ссылка передаётся с текущего адреса страницы товара.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| HTTPS-ссылка на иконку «Поделиться» | Выберите значение в интерфейсе личного кабинета. |
| Ширина кнопки | Параметр 16–100 |
| Высота кнопки | Параметр 16–100 |
| Фон меню | Выберите значение в интерфейсе личного кабинета. |
| Цвет текста | Выберите значение в интерфейсе личного кабинета. |
| Размер текста | Параметр 10–40 |
| Скругление | Параметр 0–200 |
| Расстояние между сервисами | Параметр 0–50 |
| Ширина иконок сервисов | Параметр 12–64 |
| Высота иконок сервисов | Параметр 12–64 |
| Выберите значение в интерфейсе личного кабинета. | |
| Иконка whatsapp (HTTPS) | Выберите значение в интерфейсе личного кабинета. |
| Telegram | Выберите значение в интерфейсе личного кабинета. |
| Иконка telegram (HTTPS) | Выберите значение в интерфейсе личного кабинета. |
| VK | Выберите значение в интерфейсе личного кабинета. |
| Иконка vk (HTTPS) | Выберите значение в интерфейсе личного кабинета. |
| Одноклассники | Выберите значение в интерфейсе личного кабинета. |
| Иконка ok (HTTPS) | Выберите значение в интерфейсе личного кабинета. |
| Копировать ссылку | Выберите значение в интерфейсе личного кабинета. |
| Иконка copy (HTTPS) | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Подготовьте товарыИспользуйте товары из каталога в блоках ST300. Откройте товар и проверьте его адрес в браузере.
- Выберите сервисыНастройте кнопку, меню и иконки. Включите нужные сервисы. Пустые ссылки на иконки заменяются встроенными обозначениями.
- Установите на страницах товаровВставьте результат в HEAD или общий footer каталога. Для одной страницы подходит T123.
- Получите код и проверьтеВ личном кабинете нажмите «Сгенерировать код». Скопируйте весь результат, вставьте по инструкции, опубликуйте страницу и проверьте публичный адрес на компьютере и телефоне.
Для копирования и системного меню нужен HTTPS. Если navigator.share недоступен, отображается обычное меню. Ссылка передаётся с текущего адреса страницы товара.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете. Измените настройки и сгенерируйте код заново: ручное редактирование не требуется.
Почему в редакторе нет эффекта?
Проверяйте опубликованную страницу. Убедитесь, что нужные блоки, классы и ID соответствуют инструкции и на странице установлена только одна копия кода.
Что показывает живой пример?
Пример воспроизводит механику на демонстрационных элементах. На вашем сайте модификация работает с подготовленными элементами Tilda.