Išplėstiniai „Shopify“ papildinio produktų ir kolekcijų rodymo pritaikymai

Šios išplėstinės nuostatos padeda pritaikyti savo vitriną „WordPress“ svetainėje, individualizuoti savo verslo prekių ženklą ir pagerinti klientų pirkimo patirtį.

„Shopify“ papildinys ir „Shopify“ vitrinos komponentai

„Shopify“ papildinys sukurtas naudojant „Shopify Storefront Web Components“. Toliau nurodyti komponentai naudojami kaip jūsų „Shopify“ vitrinos sudedamosios dalys:

• Produkto kortelės komponentas: šis komponentas rodo individualią produkto informaciją, paprastai rodomą produktų sąrašuose arba kolekcijų puslapiuose. Jame dažnai būna tokie elementai kaip produkto vaizdas, pavadinimas, kaina ir mygtukas „Įdėti į krepšelį“.
• Produkto greitos peržiūros modalinio lango komponentas: šis komponentas rodo modalinį langą virš esamo turinio su išsamia informacija apie produktą, mygtuku „Įdėti į krepšelį“ ir nuoroda, skirta peržiūrėti visą išsamią informaciją apie produktą.
• Išsamios informacijos apie produktą puslapio komponentas: šis komponentas rodo vieną produktą su visa išsamia informacija apie jį. Kiekvienas išsamios informacijos apie produktą puslapio komponentas turi unikalų URL.
• Kolekcijos komponentas: šis komponentas rodo produktų kolekcijas, kurias sukūrėte.

„Shopify“ produktų ir kolekcijų rodymo pritaikymas

Numatytieji jūsų papildinio „Shopify“ vitrinos komponentai turi įrankių, padedančių sukurti sklandžią pirkimo patirtį. Taip pat galite lanksčiai pritaikyti šių komponentų rodymą, kad jis atitiktų jūsų konkretų prekių ženklo identitetą ir dizaino reikalavimus.

Norėdami atlikti tokius pritaikymus, turite turėti prieigą, kad galėtumėte keisti savo „WordPress“ temos failus ir katalogus. Šis procesas apima specialaus aplanko sukūrimą aktyvios „WordPress“ temos kataloge.

Veiksmai:

1. Sukurkite aplanką Shopify: pradėkite sukurdami naują aplanką pavadinimu Shopify tiesiogiai savo aktyvios temos kataloge. Šis aplankas yra pagrindinė vieta jūsų pasirinktiniams komponentų perrašymams.
2. Atskirų komponentų perrašymas: norėdami modifikuoti konkretų komponentą, pridėkite PHP failą su nurodytu pavadinimu į naujai sukurtą Shopify aplanką. Šių perrašymo failų pavadinimų suteikimo tvarka yra labai svarbi, kad papildinys atpažintų ir pritaikytų jūsų pasirinktines versijas:
   • Norėdami perrašyti produkto kortelės komponentą, sukurkite PHP failą pavadinimu product-card.php aplanke Shopify.
   • Norėdami perrašyti produkto greitos peržiūros modalinio lango komponentą, sukurkite PHP failą pavadinimu modal.php aplanke Shopify.
   • Norėdami perrašyti produkto informacijos puslapio komponentą, aplanke Shopify sukurkite PHP failą pavadinimu pdp.php.
   • Norėdami perrašyti kolekcijos komponentą, aplanke Shopify sukurkite PHP failą pavadinimu component.php.

Sukūrus Jūsų pasirinktinį PHP failą, įskiepis ignoruoja numatytąjį to elemento komponento failą. Šiuose perrašymo failuose galite įdiegti bet kokį kodą – nuo statiškų HTML blokų iki sudėtingos PHP logikos.

Nors dėl nuoseklumo ir prieigos prie integruotų „Shopify“ funkcijų primygtinai rekomenduojama naudoti „Shopify“ vitrinos žiniatinklio komponentus (kurie naudojami numatytojoje įskiepio struktūroje), Jūsų galimybės jais neapsiriboja. Galite integruoti kitus produktų ir kolekcijų duomenų gavimo ir rodymo metodus, kad galėtumėte atlikti išplėstinius pritaikymus.

Daugiau informacijos ir geriausios praktikos pavyzdžių rasite „WordPress“ įskiepių kūrėjų dokumentacijoje.

„Shopify“ produktų ir kolekcijų perrašymai

Kai „Shopify“ paskelbiate produktą ar kolekciją, kiekvienas produktas ir kolekcija turi unikalų URL. Pagal numatytuosius nustatymus šie URL sukuriami naudojant Jūsų „Shopify“ domeną. Naudodami perrašymo funkciją, tuos unikalius URL galite pasiekti naudodami savo viešąjį „WordPress“ domeną.

Veiksmai:

1. „Shopify“ įskiepyje eikite į Nustatymai.
2. Skirtuke Išplėstiniai įsitikinkite, kad du žymimieji laukeliai skiltyje „Shopify“ nuorodų perrašymai yra aktyvinti.
3. Eikite į Nuolatinės nuorodos.
4. Spustelėkite Įrašyti, kad pritaikytumėte šią naują taisyklę.
5. Eikite į savo „Shopify“ administratorių, tada pereikite į produkto arba kolekcijos informacijos puslapį, kuriam norite sukurti „WordPress“ nuorodą.
6. Paieškos sistemos įrašo kortelėje rodomas URL, nukreipiantis klientus tiesiai į Jūsų produktą ar kolekciją. Pavyzdžiui: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. Savo „WordPress“ svetainės URL pabaigoje pridėkite products/huskee-reusable-cup. Pavyzdžiui: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Produkto kortelės veiksenos tinkinimas

Naudojant „Shopify“ vitrinos komponentus, yra du produkto informacijos kortelių tipai:

1. Greitoji peržiūra: užvedus pelės žymeklį ant produkto kortelės, klientas turi parinktį Greitai pirkti. Ją spustelėjus, produkto informacija rodoma iššokančiajame arba modaliniame lange virš esamo turinio fone.
2. Išsamus produkto puslapis: kai klientas spusteli produkto kortelę, pavyzdžiui, vaizdą arba produkto pavadinimą, produkto informacija rodoma viso puslapio rodinyje su unikaliu URL.

Galite pakeisti šį nustatymą, kad būtų rodoma tik greitoji peržiūra, tik išsamus produkto puslapis arba abu.

Veiksmai:

1. „WordPress“ esančiame „Shopify“ įskiepyje eikite į Nustatymai.
2. Skirtuke Išplėstiniai eikite į skiltį Produkto rodinys.
3. Pasirinkite savo parduotuvei tinkamiausią parinktį.
4. Spustelėkite Įrašyti.