Rozšírené prispôsobenia zobrazenia produktov a kolekcií pre plugin Shopify

Tieto rozšírené nastavenia vám pomôžu prispôsobiť si výkladnú skriňu na WordPresse, personalizovať značku a zlepšiť nákupnú skúsenosť zákazníkov.

Na tejto stránke

Plugin Shopify a komponenty výkladnej skrine Shopify

Plugin Shopify využíva Shopify Storefront Web Components. Ako základné bloky výkladnej skrine Shopify sa používajú nasledujúce komponenty:

Komponent karty produktu: Tento komponent zobrazuje informácie o jednotlivých produktoch. Zvyčajne sa zobrazuje v ponukách produktov alebo na stránkach kolekcií. Často obsahuje prvky, ako napríklad obrázok produktu, názov, cena a tlačidlo Pridať do košíka.
Modálny komponent rýchleho zobrazenia produktu: Tento komponent zobrazí nad existujúcim obsahom modálne okno s podrobnosťami o produkte, tlačidlom Pridať do košíka a odkazom na zobrazenie všetkých podrobností o produkte.
Komponent stránky podrobností o produkte: Tento komponent zobrazuje jeden produkt so všetkými podrobnosťami o produkte. Každý komponent stránky podrobností o produkte má jedinečnú adresu URL.
Komponent kolekcie: Tento komponent zobrazuje kolekcie vytvorených produktov.

Prispôsobenie zobrazenia produktov a kolekcií Shopify

Predvolené komponenty výkladnej skrine Shopify v plugine obsahujú nástroje, ktoré pomáhajú vytvoriť plynulú nákupnú skúsenosť. Zároveň máte možnosť flexibilne si prispôsobiť zobrazenie týchto komponentov tak, aby zodpovedalo vašej identite značky a požiadavkám na dizajn.

Ak chcete vykonať takéto prispôsobenia, musíte mať prístup na úpravu súborov a adresárov témy WordPress. Súčasťou tohto procesu je vytvorenie vyhradeného priečinka v adresári aktívnej témy WordPress.

Postup:

Vytvorenie priečinka Shopify: Najskôr vytvorte nový priečinok s názvom Shopify priamo v adresári aktívnej témy. Tento priečinok slúži ako centrálne miesto pre vaše vlastné prepísania komponentov.
Prepísanie jednotlivých komponentov: Ak chcete upraviť konkrétny komponent, pridajte súbor PHP so stanoveným názvom do novovytvoreného priečinka Shopify . Pravidlá pomenovávania týchto súborov s prepísaniami sú pre plugin kľúčové, aby rozpoznal a aplikoval vaše vlastné verzie:
- Na prepísanie komponentu karty produktu vytvorte súbor PHP s názvom product-card.php v priečinku Shopify.
- Na prepísanie modálneho komponentu rýchleho zobrazenia produktu vytvorte súbor PHP s názvom modal.php v priečinku Shopify.
- Na prepísanie komponentu stránky podrobností o produkte vytvorte súbor PHP s názvom pdp.php v priečinku Shopify.
- Na prepísanie komponentu kolekcie vytvorte súbor PHP s názvom component.php v priečinku Shopify.

Po vytvorení vlastného súboru PHP začne plugin ignorovať predvolený súbor komponentu pre daný prvok. V týchto súboroch s prepísaniami môžete implementovať ľubovoľný kód od statických blokov HTML až po komplexnú logiku PHP.

Hoci sa pre zachovanie konzistencie a prístupu k vstavaným funkciám Shopify dôrazne odporúča využívať komponenty Shopify Storefront Web Components (ako sa používajú v predvolenej štruktúre pluginu), nemusíte sa na ne obmedzovať. Môžete integrovať ďalšie spôsoby načítavania a zobrazovania údajov o produktoch a kolekciách, čím získate priestor na rozšírené prispôsobenia.

Ďalšie informácie a osvedčené postupy nájdete v dokumentácii pre vývojárov pluginov WordPress.

Prepisy produktov a kolekcií Shopify

Keď v službe Shopify publikujete produkt alebo kolekciu, každý z nich má jedinečnú adresu URL. V predvolenom nastavení sa tieto adresy URL vytvárajú s vašou doménou Shopify. Vďaka funkcii prepisovania môžete k týmto jedinečným adresám URL pristupovať prostredníctvom svojej verejnej domény WordPress.

Postup:

V plugine Shopify prejdite do časti Nastavenia.
Na karte Rozšírené skontrolujte, či sú začiarknuté dve zaškrtávacie políčka v časti Prepisy odkazov Shopify.
Prejdite na Trvalý odkaz.
Kliknutím na Uložiť aplikujte toto nové pravidlo.
Prejdite k administrátorovi Shopify a potom na stránku s podrobnosťami o produkte alebo kolekcii, pre ktorú chcete vytvoriť odkaz pre WordPress.
Na karte záznamu pre vyhľadávače sa zobrazuje adresa URL, ktorá zákazníkov nasmeruje priamo na váš produkt alebo kolekciu. Napríklad: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
Na koniec adresy URL svojej stránky WordPress pridajte reťazec products/huskee-reusable-cup. Napríklad: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Prispôsobenie správania karty produktu

Pri komponentoch výkladnej skrine Shopify existujú dva typy karty s podrobnosťami o produkte:

Rýchle zobrazenie: Zákazník má pri podržaní kurzora na karte produktu k dispozícii možnosť Rýchly nákup. Po kliknutí na ňu sa podrobnosti o produkte zobrazia v štýle kontextového alebo modálneho okna nad existujúcim obsahom na pozadí.
Podrobná stránka produktu: Keď zákazník klikne na kartu produktu (napríklad na obrázok alebo názov produktu), podrobnosti o produkte sa zobrazia na celej stránke s jedinečnou adresou URL.

Toto nastavenie môžete zmeniť tak, aby sa zobrazovalo iba rýchle zobrazenie, iba podrobná stránka produktu alebo oboje.

Postup:

V plugine Shopify v systéme WordPress prejdite do časti Nastavenia.
Na karte Rozšírené prejdite do časti Zobrazenie produktu.
Vyberte možnosť, ktorá najviac vyhovuje vášmu obchodu.
Kliknite na Uložiť.