Как встроить блок Поделиться в карточку товара?

На небольшом примере, рассмотрим, как можно сделать легкую модификацию карточки товара, через встроенный редактор кода. Например, нам нужно внедрить блок "Поделиться" Яндекса в карточку товара. 

Для начала идем на сервис Поделиться Яндекса и выбираем, какие соцсети и мессенджеры будут присутствовать в нашем блоке, копируем полученный код:

Заходим на наш сайт, с главной страницы нажимаем Cntrl+F12 - попадаем в админпанель. Далее заходим в раздел редактирования шаблона, меню Настройки - Шаблоны дизайна. Выбираем наш шаблон, нажимаем кнопку Редактировать, и попадаем в схему нашего шаблона. В колонке слева нужно найти шаблон карточки товара - прокручиваем вниз, находим Форма подробного описание товара 1:

На витрине, наводим на нужный фрагмент карточки товара, например, мы хотим вывести блок под Названием товара, нажимаем правую кнопку мыши, Показать код, и находим имя стиля заголовка page-header hidden-xs, по нему мы найдем соответствующий элемент в редакторе кода, скопируем этот класс:

Теперь идем в редактор, нажимаем Cntrl+F - вводим page-header hidden-xs и видим заголовок в редакторе кода. Теперь нужно вставить скопированный код яндекса, но только после закрытия тега H1 - и далее вставляем код Яндекса и нажимаем Сохранить. После сохранения, идем на витрину, выбираем 1 вариант шапки, и видим результат:

 

Рекомендуем почитать:

Что такое Webhook?

Что такое Webhook?

Вебхуки оповещают любой сторонний сервис о событии, которое произошло на сайте - новый заказ, списание товара и т.д. Чем они хороши, и в чем их разница с API - поговорим в этой статье.

2020-11-24
Влияет ли Open Graph на SEO вашего сайта?

Влияет ли Open Graph на SEO вашего сайта?

Во всех бесплатных шаблонах PHPShop есть микроразметка Open Graph давайте разберемся, что это и для чего нужно.

2020-11-04
Новая версия PHPShop Pro синхронизируется с МойСклад

Новая версия PHPShop Pro синхронизируется с МойСклад

Вышла новая версия PHPShop Pro, которая умеет импортировать товары из Мой Склад в PHPShop и наоборот, синхронизировать остатки на складе с ценами, загружать новые заказы в Мой Склад.

04-10-2020