Napredne prilagoditve prikaza izdelkov in zbirk za vtičnik Shopify

Te napredne nastavitve vam pomagajo prilagoditi domačo stran trgovine v sistemu WordPress, personalizirati vašo blagovno znamko in izboljšati izkušnjo nakupa za stranke.

Vtičnik Shopify in komponente domače strani trgovine Shopify

Vtičnik Shopify je zgrajen s spletnimi komponentami domače strani trgovine Shopify. Kot gradniki vaše domače strani trgovine Shopify se uporabljajo naslednje komponente:

• Komponenta kartice izdelka: Ta komponenta prikazuje podatke o posameznem izdelku in je običajno prikazana na seznamih izdelkov ali v zbirki strani. Pogosto vključuje elemente, kot so slika izdelka, naslov, cena in gumb za dodajanje v košarico.
• Komponenta pogovornega okna za hitri ogled izdelka: Ta komponenta prikaže pogovorno okno čez obstoječo vsebino s podrobnostmi izdelka, gumbom za dodajanje v košarico in povezavo za ogled vseh podrobnosti izdelka.
• Komponenta strani s podrobnostmi izdelka: Ta komponenta prikaže posamezen izdelek z vsemi podrobnostmi izdelka. Vsaka komponenta strani s podrobnostmi izdelka ima enoličen URL-naslov.
• Komponenta zbirke: Ta komponenta prikaže zbirke izdelkov, ki ste jih ustvarili.

Prilagoditev prikaza izdelkov in zbirk Shopify

Privzete komponente domače strani trgovine Shopify v vašem vtičniku imajo orodja, ki pomagajo ustvariti brezhibno nakupovalno izkušnjo. Prav tako imate proste roke pri prilagajanju prikaza teh komponent, da se ujemajo z vašo identiteto blagovne znamke in zahtevami za oblikovanje.

Če želite izvesti takšne prilagoditve, morate imeti dostop do spreminjanja datotek in imenikov vaše teme v sistemu WordPress. Postopek vključuje ustvarjanje namenske mape znotraj imenika vaše aktivne teme v sistemu WordPress.

Koraki:

1. Ustvarite mapo Shopify: Začnite tako, da neposredno v imeniku aktivne teme ustvarite novo mapo z imenom Shopify. Ta mapa služi kot osrednje mesto za preglasitve vaših komponent po meri.
2. Preglasitev posameznih komponent: Če želite spremeniti določeno komponento, dodajte datoteko PHP z določenim imenom znotraj na novo ustvarjene mape Shopify . Pravila za poimenovanje teh datotek za preglasitev so ključna, da vtičnik prepozna in uporabi vaše različice po meri:
   • Če želite preglasiti komponento kartice izdelka, znotraj mape Shopify ustvarite datoteko PHP z imenom product-card.php.
   • Če želite preglasiti komponento pogovornega okna za hitri ogled izdelka, znotraj mape Shopify ustvarite datoteko PHP z imenom modal.php.
   • Če želite preglasiti komponento strani s podrobnostmi izdelka, znotraj mape Shopify ustvarite datoteko PHP z imenom pdp.php.
   • Če želite preglasiti komponento zbirke, znotraj mape Shopify ustvarite datoteko PHP z imenom component.php.

Ko je vaša datoteka PHP po meri ustvarjena, vtičnik ne upošteva več svoje privzete datoteke komponente za dotični element. V teh datotekah za preglasitev lahko implementirate poljubno kodo, od statičnih blokov HTML do kompleksne logike PHP.

Čeprav je za doslednost in dostop do vgrajenih funkcij Shopify močno priporočljivo, da izkoristite spletne komponente domače strani trgovine Shopify (kot se uporabljajo v privzeti strukturi vtičnika), niste omejeni zgolj nanje. Integrirate lahko druge načine pridobivanja in prikaza podatkov o izdelku in zbirki, kar omogoča napredne prilagoditve.

Za več informacij in najboljše prakse glejte dokumentacijo za razvijalce vtičnikov WordPress.

Prepisovanja izdelkov in zbirk Shopify

Ko objavite izdelek ali zbirko v platformi Shopify, ima vsak izdelek ali zbirka enoličen URL-naslov. Privzeto so ti URL-naslovi ustvarjeni z vašo domeno Shopify. S funkcijo prepisovanja lahko do teh enoličnih URL-naslovov dostopate s svojo javno domeno WordPress.

Koraki:

1. V vtičniku Shopify pojdite na Nastavitve.
2. Na zavihku Napredno se prepričajte, da sta potrditveni polji v razdelku Prepisovanja povezav Shopify označeni.
3. Pojdite na Trajne povezave.
4. Kliknite Shrani, da uveljavite to novo pravilo.
5. Pojdite v skrbnika Shopify in se premaknite na stran s podrobnostmi izdelka ali zbirke, za katero želite ustvariti povezavo WordPress.
6. Na kartici na seznamu v spletnem iskalniku je prikazan URL-naslov, ki stranke poveže neposredno z vašim izdelkom ali zbirko. Na primer: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. Na konec URL-naslova svojega spletnega mesta WordPress dodajte products/huskee-reusable-cup. Na primer: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Prilagoditev vedenja kartice izdelka

Pri komponentah domače strani trgovine Shopify obstajata dve vrsti kartic s podrobnostmi izdelka:

1. Hitri ogled: Ko miškin kazalec pomaknete nad kartico izdelka, ima stranka na voljo možnost Hitri nakup. Po kliku se prikažejo podrobnosti izdelka kot pojavno ali pogovorno okno čez obstoječo vsebino v ozadju.
2. Stran s podrobnimi informacijami o izdelku: Ko stranka klikne kartico izdelka, na primer sliko ali ime izdelka, se podrobnosti izdelka prikažejo v celozaslonskem pogledu z enoličnim URL-naslovom.

To nastavitev lahko spremenite tako, da se prikaže samo hitri ogled, samo stran s podrobnimi informacijami o izdelku ali oboje.

Koraki:

1. V vtičniku Shopify v sistemu WordPress pojdite na Nastavitve.
2. Na zavihku Napredno pojdite na razdelek Pogled izdelkov.
3. Izberite možnost, ki najbolj ustreza vaši trgovini.
4. Kliknite Shrani.