Varijabilni proizvodi u web shopu

Dodavanje varijabilnog proizvoda

Varijabilni proizvodi su bez sumnje najsloženija vrsta proizvoda u web shopu. Oni nam omogućavaju formiranje varijacija osnovnog proizvoda na način da svaka varijacija može imati različit SKU, cijenu i zalihe i sliku.

Kao primjer možemo navesti proizvod kao što je majica, koju možemo nuditi u različitim bojama i veličinama.

Dodavanje varijabilnog proizvoda

Korak 1: Odabir vrste proizvoda

Za dodavanje novog ili uređivanje postojećeg varijabilnog proizvoda:

  • Idemo na: WooCommerce > Proizvodi.
  • Odaberemo Dodaj novi proizvod ili Uredi kod već postojećeg proizvoda
  • Na stranici proizvoda u sekciji Podaci o proizvodu odaberemo Varijabilni proizvod.
Varijabilni proizvodi u WooCommerce 3.1

Slika: Varijabilni proizvodi u WooCommerce 3.1

Korak 2: Dodavanje atributa koji će se koristiti u varijacijama

  • Formiranje i korištenje atributa proizvoda objasnili smo u poglavlju Atributi.

Dodavanje globalnih atributa

Za korištenje globalnih atributa:

  • Odaberemo atribut koji želimo koristiti za varijacije sa padajućeg izbornika formiranih globalnih atributa i kliknemo na Dodaj.
Odabir globalnog atributa u WooCommerce 3.1

Slika: Odabir globalnog atributa u WooCommerce 3.1

  • Odaberemo željene vrijednosti (uvjete) za naš proizvod – ako želimo dodati sve vrijednosti možemo kliknuti na gumb Označi sve.
Odabir vrijednosti atributa u WooCommerce 3.1

Slika: Odabir vrijednosti atributa u WooCommerce 3.1

Dodavanje prilagođenih atributa proizvoda

Ako imamo specifične atreibute koji se odnose samo na određeni proizvod:

  • Odaberemo Opciju Prilagođeni atribut proizvoda u padajućem izborniku i kliknemo na gumb Dodaj.
Dodavanje prilagođenih vrijednosti atributa u WooCommerce 3.1

Slika: Dodavanje prilagođenih vrijednosti atributa u WooCommerce 3.1

  • U novome prozoru unesemo Naziv atributa.
  • Postavimo Vrijednosti atributa na način da ih odvojimo sa okomitom crtom (Small | Medium | Large)
  • Označimo kvadratić Korišteno za varijacije.
  • Kliknemo na gumb Spremi atribute
Dodavanje prilagođenih vrijednosti atributa u WooCommerce 3.1

Slika: Dodavanje prilagođenih vrijednosti atributa u WooCommerce 3.1

Korak 3: Dodavanje varijacija

  • Za dodavanje varijacija odaberemo opciju Varijacije.

Ručno dodavanje varijacija

  • Iz padajućeg izbornika odaberemo Dodaj varijaciju i kliknemo na Idi
 Dodavanje varijacija proizvoda u WooCommerce 3.1

Slika: Dodavanje varijacija proizvoda u WooCommerce 3.1

  • Odaberemo atribute koje ćemo koristiti za kreiranje varijacija proizvoda. Za prikaz dodatnih podataka o varijaciji kliknemo na ikonu trokutića desno od naziva. Varijaciju možemo otvoriti i tako da kliknemo na ID broj ispred varijacije.
Odabir atributa za varijacije u WooCommerce 3.1

Slika: Odabir atributa za varijacije u WooCommerce 3.1

  • Uredimo raspoložive podatke. Jedini obavezni podatak je Standardna cijena.
  • Kliknemo na gumb Spremi promjene.

Postavljanje standardnih (Default) vrijednosti

Preporučljivo je postaviti Default vrijednosti koje će se prikazivati kao odabrane, kada posjetitelj dođe na stranicu varijabilnog proizvoda. Na ovaj način će se prikazati i gumb Dodaj u košaricu. Default vrijednosti je moguće odabrati tek nakon što je formirana bar jedna varijacija.

Standardne vrijednosti varijabilnog proizvoda u WooCommerce 3.1

Slika: Standardne vrijednosti varijabilnog proizvoda u WooCommerce 3.1

 

 Prikaz standardnih vrijednosti varijabilnog proizvoda u WooCommerce 3.1

Slika: Prikaz standardnih vrijednosti varijabilnog proizvoda u WooCommerce 3.

Postavke pojedinačne varijacije

Postavke varijacija u WooCommercu 3.1

Slika: Postavke varijacija u WooCommercu 3.1

Kada otvorimo (proširimo) neku varijaciju možemo urediti slijedeće podatke:

  • Omogućeno – Omogućujemo ili onemogućujemo varijaciju.
  • Moguć download.
  • Virtualno
  • Standardna cijena (obavezno) – Normalna cijena ove varijacije.
  • Akcijska cijena (neobavezno) – Akcijska cijena proizvoda.
  • Klasa poreza

Upravljanje zalihama:

  • SKU – Ako koristimo SKU (šifra proizvoda) postavimo SKU ili ostavimo prazno kako bi varijacija koristila SKU osnovnog proizvoda.
  • Uredi zalihu? – Upravljanje zalihama na razini varijacije.
  • Količina na zalihi – Prikazuje se ako je označeno polje Uredi zalihu?. Unesemo stanje zaliha ove varijacije, a ako ostavimo prazno koriste se postavke unijete za glavni proizvod.
  • Dozvoli narudžbe na upit – Ako je dozvoljeno mogu se naručiti proizvodi i ako ih nema na zalihi.
  • Status zalihe – Određuje kako će se prikazati stanje zaliha varijacije.

Dostava

  • Težina
  • Dimenzije
  • Klasa dostave

Ako ostavimo prazno koristit će se postavke unijete za osnovni proizvod

Dodavanje slike varijacije

Za dodavanje slike varijacije kliknemo na plavu ikonu u gornjem desnom kutu prozora za uređivanje. Nakon što smo dodali sliku Spremimo promjene.

Opis varijacije

U polje Opis unesemo tekst koji želimo da se prikaže kada posjetitelj odabere određenu varijaciju.

Prikaz opisa varijacije u WooCommerce 3.1

Slika: Prikaz opisa varijacije u WooCommerce 3.1

Kod prikaza proizvoda unutar određene kategorije varijabilni proizvod ne prikazuje standardni tekst Dodaj u košaricu, već tekst Odaberi opcije. Ovo je razumljivo jer kupac mora najprije odabrati željenu veličinu i boju da bi mogao obaviti kupnju.

Prikaz varijabilnog proizvoda kod prikaza kategorije proizvoda u WooCommerce 3.1

Slika: Prikaz varijabilnog proizvoda kod prikaza kategorije proizvoda u WooCommerce 3.1