Інформація про постачальника (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 :
-
Після цього на сторінці колекції вашого онлайн-магазину повинен відображатися вендор кожного товару:
Якщо у вас залишилися питання, пишіть їх у коментарях.
Залишити коментар