Как в 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>{{ product.title }}</p> в файле product-grid-item.liquid

  6. Перед этой строкой разместите код <div>{{ product.vendor }}</div>:

    Размещение кода <div>{{ product.vendor }}</div>

  7. Если нужно, добавьте стилистики элементу с помощью HTML-параметра style:

    HTML-параметр style

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

    Отображение вендор товара на странице коллекции

Если у вас остались вопросы, пишите их в комментариях.


Оставить комментарий


Комментарий будет опубликован после модерации


Содержание
x

Как в Shopify показать наименование поставщика (vendor) на страницах коллекций?