Безкоштовний магазин від Shopify для українців

Як в Shopify показати найменування постачальника (vendor) на сторінках колекцій?


Як в Shopify показати найменування постачальника (vendor) на сторінках колекцій?

Інформація про постачальника (vendor) товару може бути корисною для покупця. І якщо в більшості випадків в Shopify-темі є можливість вивести їх найменування на сторінці товару, то на сторінці колекції показати вендора тільки за допомогою налаштувань теми вдасться не у всіх Shopify-магазинах. Наприклад, такої можливості немає у безкоштовній Shopify-темі Supply.

Але не варто зневірятися. Вивести назви вендорів можна стандартними способом Shopify – за допомогою всього лише одного рядка Liquid-коду (Liquid – мова-шаблонізатор магазинів Shopify, докладніше):

{{ product.vendor }}

Складність може виникнути лише з розумінням того, де саме потрібно розмістити цей рядок у коді своєї теми.

Наприклад, у темі Supply назву вендора можна вивести одразу над назвою товару. Щоб це зробити, виконайте такі інструкції:

  1. В адміністративній панелі вашого магазину зайдіть у підрозділ Themes розділу Online store:

    Підрозділ Themes розділу Online store

  2. Відкрийте редактор теми, натиснувши на посилання Edit code, що знаходиться у меню Actions:

    Редактор теми Shopify-магазину

  3. У редакторі теми в лівому сайдбарі розкрийте розділ Snippets:

    Розділ Snippets редактора теми Shopify

  4. У розділі Snippets знайдіть файл product-grid-item.liquid і натисніть на нього:

    Файл product-grid-item.liquid у розділі Snippets

  5. У файлі знайдіть рядок коду <p> {{ product.title }} </p> :

    Рядок коду <p><span class='notranslate'>{{ product.title }}</span></p> у файлі product-grid-item.liquid

  6. Перед цим рядком розмістіть код <div> {{ product.vendor }} </div> :

    Розміщення коду <div><span class='notranslate'>{{product.vendor}}</span></div>

  7. Якщо потрібно, додайте стилістику елементу за допомогою HTML-параметра style :

    HTML-параметр style

  8. Після цього на сторінці колекції вашого онлайн-магазину повинен відображатися вендор кожного товару:

    Відображення вендору товару на сторінці колекції

Якщо у вас залишилися питання, пишіть їх у коментарях.


Залишити коментар


Коментар буде опубліковано після модерації


Зміст
Як в Shopify показати найменування постачальника (vendor) на сторінках колекцій?