U uređivaču dizajna možete promijeniti ne samo izgled i redoslijed elemenata stranice proizvoda, već i definirati njezinu strukturu — broj stupaca u izgledu.
Stranica proizvoda postavljena je u Web stranica → Dizajn → Uređivač dizajna → Product page.
Napomena: postavke za mobilnu verziju izrađuju se neovisno o verziji za stolna računala u odjeljku Web stranica → Dizajn → Uređivač dizajna → Mobile version → Product page.
Vizualni stil
Ovdje možete definirati predložak izgleda stranice i postaviti boju i vizualni izgled grupa komponenti na stranici.
Page template — možete odabrati jednu od dvije moguće opcije za izgled stupaca: 2 stupca ili 3 stupca. Ova postavka određuje redoslijed sekcija stranice koje vidite na kartici Page layout. Alat za savjete sa shematskim prikazom izgleda sekcija dodan je postavci.
2 stupca | 3 stupca |
| 
|
Stupci
Ove postavke dostupne su samo kada odaberete predložak 2 stupca. U tom slučaju možete postaviti omjer širina stupaca međusobno, kao i postaviti minimalnu širinu svakog stupca u pikselima.
Primjeri postavljanja omjera predloška 2 stupca
Nema komponenti u gornjoj grupi | L 1/3 - D 2/3 omjer | L 2/3 - D 1/3 omjer |
| 
| 
|
Grupe komponenti
Grupa je nekoliko komponenti koje su kombinirane u zajednički blok na stranici proizvoda. U svakoj grupi, komponente se mogu prikazivati uzastopno jedna za drugom (s ili bez razdjelnika) ili se mogu kombinirati u kartice.
Primjer grupe kombinirane u kartice
Izgled stranice
Na ovoj kartici postavki vidjet ćete shematski prikaz odjeljaka na stranici proizvoda, koji ovisi o odabranom predlošku u Vizualnom stilu.
Svaka sekcija prikazuje grupe komponenti koje se nalaze u njoj. Možete premještati komponente unutar grupe i u druge grupe. Također možete promijeniti redoslijed prikaza grupa u sekciji ili premjestiti grupu između sekcija.
Komponente, nakon čijeg naziva se nalazi simbol >, mogu se dodatno konfigurirati — za to kliknite na naziv.
Product image and gallery — možete promijeniti veličinu fotografije, omogućiti ili onemogućiti prikaz naljepnica i logotipa, premjestiti galeriju sličica.
Page heading — možete promijeniti veličinu, omogućiti i onemogućiti dodatne elemente (navigacijske mrvice, dostupnost, ocjenu), promijeniti položaj SKU-a u odnosu na naslov.
Napomena: ako je polje SKU za prikaz na web mjestu popunjeno za proizvod, tada se umjesto SKU prikazuje vrijednost iz ovog polja.
Price — možete prikazati ili sakriti dostupnost proizvoda, upravljati ikonama Favorites i Comparison.
Product variant — možete prilagoditi izgled prekidača varijanti prema boji i drugim parametrima.
Buy buttons — možete omogućiti i onemogućiti brojač količine proizvoda i gumb za kupnju na kredit.
Product set — možete promijeniti položaj slika proizvoda unutar bloka.
Promotion countdown — možete prilagoditi boju timera, tekst i pozadinu.
Attributes(Characteristics list) — možete prilagoditi stil prikaza atributa na stranici proizvoda.
Description — možete sažeti ili proširiti opis proizvoda.
Reviews — možete postaviti broj recenzija prikazanih na stranici proizvoda.
Products with similar attributes(characteristics), Products from the category, Accessories — možete prikazati ili sakriti gumb Buy pored proizvoda.
