Разширени персонализации на показването на продукти и колекции за плъгина на Shopify

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

На тази страница

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

Плъгинът на Shopify е създаден с Shopify Storefront Web Components. Следните компоненти се използват като градивни елементи на Вашата витрина на Shopify:

Компонент на продуктова карта: Този компонент показва индивидуална информация за продукта, обикновено показвана на страници с продуктови обяви или колекции. Често включва елементи като изображение на продукта, заглавие, цена и бутон „Добавяне в количката“.
Модален компонент за бърз преглед на продукт: Този компонент показва модален прозорец върху съществуващото съдържание с подробности за продукта, бутон „Добавяне в количката“ и връзка за преглед на пълните подробности за продукта.
Компонент на страница с подробности за продукта: Този компонент показва един продукт с пълни подробности за него. Всеки компонент на страница с подробности за продукта има уникален URL адрес.
Компонент на колекция: Този компонент показва колекции от продукти, които сте създали.

Персонализиране на показването на продукти и колекции на Shopify

Компонентите на витрината на Shopify по подразбиране във Вашия плъгин разполагат с инструменти, които помагат за създаването на безпроблемно пазаруване. Освен това имате гъвкавостта да персонализирате показването на тези компоненти, за да съответстват на идентичността на Вашата марка и на изискванията Ви за дизайн.

За да предприемете такива персонализации, трябва да имате достъп за промяна на файловете и директориите на Вашата тема в WordPress. Процесът включва създаване на специална папка в директорията на Вашата активна тема в WordPress.

Стъпки:

Създайте папката Shopify: Започнете със създаване на нова папка с име Shopify директно в директорията на активната Ви тема. Тази папка служи като централно място за Вашите персонализирани предефинирания на компоненти.
Предефиниране на отделни компоненти: За да промените конкретен компонент, добавете PHP файл с определено име в новосъздадената папка Shopify . Конвенцията за именуване на тези файлове за предефиниране е от решаващо значение, за да може плъгинът да разпознае и приложи Вашите персонализирани версии:
- За да предефинирате компонента на продуктова карта, създайте PHP файл с име product-card.php в папката Shopify.
- За да предефинирате модалния компонент за бърз преглед на продукт, създайте PHP файл с име modal.php в папката Shopify.
- За да замените компонента на страницата с подробности за продукта, създайте PHP файл с име pdp.php в папката Shopify.
- За да замените компонента за колекция, създайте PHP файл с име component.php в папката Shopify.

След като персонализираният Ви PHP файл бъде създаден, плъгинът игнорира своя файл на компонент по подразбиране за този конкретен елемент. Можете да имплементирате всякакъв код в тези файлове за замяна – от статични HTML блокове до сложна PHP логика.

Въпреки че е силно препоръчително да се възползвате от уеб компонентите на витрината на Shopify (както се използват в структурата на плъгина по подразбиране) за последователност и достъп до вградените функционалности на Shopify, Вие не сте ограничени само до тях. Можете да интегрирате други методи за извличане и показване на данни за продукти и колекции, което позволява разширени персонализации.

За повече информация и най-добри практики направете справка с документацията за разработчици на плъгини за WordPress.

Пренаписвания на продукти и колекции на 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 отидете в „Настройки“.
От раздел „Разширени“ отидете в секцията „Изглед на продукта“.
Изберете опцията, която е най-подходяща за Вашия магазин.
Натиснете „Запази“.