Расширенные настройки отображения товаров и коллекций для плагина Shopify

Эти расширенные настройки помогут вам настроить витрину на WordPress, персонализировать бренд вашей компании и улучшить опыт покупки для ваших клиентов.

На этой странице

Плагин Shopify и компоненты витрины Shopify

Плагин Shopify создан с использованием Shopify Storefront Web Components. Следующие компоненты используются в качестве базовых для вашей витрины Shopify:

Компонент карточки товара: этот компонент отображает информацию об отдельном товаре и обычно размещается в списках товаров или на страницах коллекций. Он часто включает такие элементы, как изображение товара, название, цену и кнопку «Добавить в корзину».
Компонент модального окна быстрого просмотра товара: этот компонент отображает модальное окно поверх существующего контента с данными о товаре, кнопкой «Добавить в корзину» и ссылкой для просмотра полной информации о товаре.
Компонент страницы с данными о товаре: этот компонент отображает один товар с полной информацией о нём. Каждый компонент страницы с данными о товаре имеет уникальный URL.
Компонент коллекции: этот компонент отображает созданные вами коллекции товаров.

Настройка отображения товаров и коллекций Shopify

Компоненты витрины Shopify, используемые в плагине по умолчанию, содержат инструменты для создания удобного процесса покупки. У вас также есть гибкие возможности для настройки отображения этих компонентов в соответствии с вашим фирменным стилем и требованиями к дизайну.

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

Шаги:

Создайте папку Shopify: для начала создайте новую папку с именем Shopify непосредственно в каталоге вашей активной темы. Эта папка служит центральным местом для ваших пользовательских переопределений компонентов.
Переопределение отдельных компонентов: чтобы изменить конкретный компонент, добавьте PHP-файл с определённым именем в только что созданную Shopify папку. Соглашение об именовании для этих файлов переопределения крайне важно, чтобы плагин распознал и применил ваши пользовательские версии:
- Чтобы переопределить компонент карточки товара, создайте в папке Shopify PHP-файл с именем product-card.php.
- Чтобы переопределить компонент модального окна быстрого просмотра товара, создайте в папке Shopify PHP-файл с именем modal.php.
- Чтобы переопределить компонент страницы с данными о товаре, создайте PHP-файл с именем pdp.php в папке Shopify.
- Чтобы переопределить компонент коллекции, создайте PHP-файл с именем component.php в папке Shopify.

После создания пользовательского PHP-файла плагин будет игнорировать файл компонента по умолчанию для этого элемента. В этих файлах переопределения можно реализовать любой код — от статических HTML-блоков до сложной PHP-логики.

Настоятельно рекомендуется использовать веб-компоненты витрины Shopify (они применяются в стандартной структуре плагина), чтобы обеспечить согласованность и доступ к встроенным функциям Shopify. Однако вы не ограничены их использованием. Вы можете интегрировать другие методы для получения и отображения данных о товарах и коллекциях, что позволяет выполнять расширенные настройки.

Дополнительную информацию и лучшие практики вы найдёте в документации для разработчиков плагинов WordPress.

Перезапись URL для товаров и коллекций Shopify

Когда вы публикуете товар или коллекцию в Shopify, каждому из них присваивается уникальный URL. По умолчанию эти URL создаются с использованием вашего домена Shopify. С помощью функции перезаписи вы можете открывать эти уникальные URL, используя свой публичный домен WordPress.

Шаги:

В плагине Shopify перейдите в раздел «Настройки».
На вкладке «Дополнительно» убедитесь, что в разделе «Перезапись ссылок Shopify» установлены оба флажка.
Перейдите в раздел «Постоянные ссылки».
Нажмите «Сохранить», чтобы применить новое правило.
Перейдите в панель администратора Shopify, а затем на страницу с данными о товаре или коллекции, для которой вы хотите создать ссылку WordPress.
В карточке с описанием для поисковой системы отображается URL, по которому клиенты могут перейти прямо к вашему товару или коллекции. Например: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
Добавьте products/huskee-reusable-cup в конец URL вашего сайта на WordPress. Например: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Настройка поведения карточки товара

В компонентах витрины Shopify есть два типа карточек с данными о товаре:

Быстрый просмотр. Когда клиент наводит курсор на карточку товара, ему становится доступна опция «Быстрая покупка». При нажатии на неё данные о товаре отображаются во всплывающем или модальном окне поверх существующего контента.
Страница с подробными данными о товаре. Когда клиент нажимает на карточку товара (например, на изображение или название), данные о товаре отображаются на отдельной странице с уникальным URL.

Эту настройку можно изменить, чтобы отображать только быстрый просмотр, только страницу с подробными данными о товаре или оба варианта.

Шаги:

В плагине Shopify на платформе WordPress перейдите в раздел «Настройки».
На вкладке «Дополнительно» перейдите в раздел «Вид товара».
Выберите вариант, который лучше всего подходит для вашего магазина.
Нажмите «Сохранить».