Tovább a tartalomhoz

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.

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.

  • Á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.

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ő.

  1. Nyisd meg a terméket, és a Termék adatok panelen válaszd a Product Add-Ons fület.
  2. Vegyél fel egy mezőt, és a Mező típusa listában válaszd a Minta típust.
  3. A Beállítások fülön kattints az Opció hozzáadása gombra. Egy minta egy színt vagy változatot jelent.
  4. 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.
  5. 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.
  6. Írd be a Címke oszlopba a minta nevét, például „Kék”.
  7. Ha az adott rétegváltozat felárat jelent, add meg az Ár oszlopban.
  8. 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 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:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások