Информация о поставщике (vendor) товара может быть полезна покупателю. И если в большинстве случаев в Shopify-теме есть возможность вывести их наименования на странице товара, то на странице коллекции показать вендора только лишь с помощью настроек темы удастся не во всех Shopify-магазинах. Например, такой возможности нет в бесплатной Shopify-теме Supply.
Но не стоит отчаиваться. Вывести названия вендоров можно стандартными средствами Shopify - с помощью всего лишь одной строчки Liquid-кода (Liquid - язык шаблонизатор магазинов Shopify, подробнее):
{{ product.vendor }}
Сложность может возникнуть только с понимаем того, где именно нужно разместить эту строчку в коде своей темы.
Например, в теме Supply название вендора можно вывести сразу над названием товара. Чтобы это сделать, следуйте следующей инструкции:
-
В административной панели вашего магазина зайдите в подраздел Themes раздела Online store:
-
Откройте редактор темы, нажав на ссылку Edit code, которая находится в выпадающем списке Actions:
-
В редакторе темы в левом сайдбаре раскройте раздел Snippets:
-
В разделе Snippets найдите файл product-grid-item.liquid и нажмите на него:
-
В открывшемся файле найдите строку кода <p>{{ product.title }}</p>:
-
Перед этой строкой разместите код <div>{{ product.vendor }}</div>:
-
Если нужно, добавьте стилистики элементу с помощью HTML-параметра style:
-
После этого, на странице коллекции вашего онлайн-магазина должен отображаться вендор каждого товара:
Если у вас остались вопросы, пишите их в комментариях.
Оставить комментарий