Képrétegek: a termékkép összeállítása mintákból
Átlátszó PNG-rétegekkel és Minta mezőkkel élőben változó, többrétegű termékkép.
A Minta mezőkkel a termék főképét rétegekből állíthatod össze. Minden minta egy színes változata a termék egy részének, és a kiválasztásakor a főkép azonnal frissül, így a vásárló előre látja az eredményt.
Mire jó a rétegezés
Szekció neve “Mire jó a rétegezés”Vegyünk egy sportcipőt négy részből: talp, csíkok, orr és fűző. Mindegyik négy színben kapható. Ha minden kombinációhoz külön képet kellene készíteni, 4 × 4 × 4 × 4 = 256 képre lenne szükség. Rétegezéssel elég részenként és színenként egy kép, vagyis összesen 16.
A vásárló választásait a bővítmény egymásra teszi. A kosárba tételkor a kiválasztott rétegek mentődnek, és a kosárban a vásárló egyedi konfigurációját mutató bélyegkép jelenik meg.
A képek előkészítése
Szekció neve “A képek előkészítése”- Átlátszó hátterű PNG fájlokat használj.
- A termék főképe az alapkép. A példában ez a cipő teljes képe.
- Minden cserélhető részből és színből készíts önálló képet, átlátszó háttéren. Például a talp lila változata külön kép.
- Minden rétegkép mérete egyezzen a főkép méretével, különben a rétegek elcsúsznak.
A Minta mezők felvétele
Szekció neve “A Minta mezők felvétele”Minden cserélhető részhez külön Minta mezőt vegyél fel. A cipős példában négyet: talp, csíkok, orr és fűző.
- Nyisd meg a terméket, és a Termék adatok panelen válaszd a Product Add-Ons fület.
- Vegyél fel egy mezőt, és a Mező típusa listában válaszd a Minta típust.
- A Beállítások fülön kattints az Opció hozzáadása gombra. Egy minta egy színt vagy változatot jelent.
- Töltsd fel a színhez tartozó átlátszó PNG-t a sor képhelyőrzőjével. A kék talp mintájához például a kék talp képe kerül.
- Ha színblokkot is szeretnél a mintán, a Szín oszlopban add meg a színt. Ha üresen hagyod, a minta a feltöltött képet mutatja.
- Írd be a Címke oszlopba a minta nevét, például „Kék”.
- Ha az adott rétegváltozat felárat jelent, add meg az Ár oszlopban.
- Ismételd meg minden színnél, majd minden további résznél.
A Minta mező beállításait a Kiválasztás, Minta, Szöveg, Szövegmező és Feltöltés mező fejezet írja le részletesen.
A rétegezés bekapcsolása
Szekció neve “A rétegezés bekapcsolása”A Minták fülön kapcsold be a Képek rétegezése? beállítást minden Minta mezőnél. Ezzel a minták képei egymásra rétegződnek a főképen. Mentés után a termékoldalon a minta kiválasztásakor a főkép azonnal változik.
Ha a színmintákat a rétegezett kép létrehozása előtt át kell méretezni az alapkép méretére, kapcsold be a Színminta rétegének átméretezése beállítást a WooCommerce → Beállítások → Termékkiegészítők oldalon, lásd a Beállítások fejezetet.
Készült: