Sekcia Pred a po položí dva obrázky na seba s deličom. Zákazníci ťahajú delič, aby videli viac z jedného alebo druhého obrázka. Použite ju pre výsledky (pred a po), dve farby alebo dve povrchové úpravy produktu.
Pridanie sekcie
- Otvorte zostavovač a prejdite na požadovanú stránku. Funguje na domovskej stránke, stránke produktu, vstupnej stránke, stránke kolekcie a stránke kolekcií, najviac 3 na stránku.
- Na karte Sekcie kliknite na Pridať novú sekciu a vyberte Pred a po zo skupiny Obsah.
- Kliknite na blok Pred a po v nej, vyberte dva obrázky a potom kliknite na Zverejniť.
Blok Pred a po
Tento blok obsahuje oba obrázky. Je v sekcii vždy a nedá sa odstrániť.
- Obrázok pred a Obrázok po: dva obrázky. Použite fotky zhotovené z rovnakého uhla, aby sa zhodovali.
- Popis pred a Popis po: krátky štítok v rohu každého obrázka, napríklad "Pred" a "Po", alebo "Čierna" a "Biela". Ak ho necháte prázdny, štítok sa skryje.
- Smer: Horizontálny používa delič, ktorý zákazníci ťahajú doľava a doprava. Vertikálny používa delič, ktorý ťahajú hore a dole.
- Pomer: tvar rámčeka. Auto sa riadi obrázkom pred, alebo vyberte Na výšku, Štvorec alebo Na šírku. Oba obrázky sa orežú do rovnakého rámčeka.
- Poloha deliča: kde delič začína, od 5 % do 95 %. Pri 50 % vidia zákazníci polovicu každého obrázka.
- Zobraziť nápovedu, keď sa objaví na obrazovke: delič sa trochu pohne sám, aby zákazníci videli, že ho môžu ťahať.
- Sledovať myš na počítači: na počítačoch delič sleduje myš bez kliknutia. Na telefónoch zákazníci vždy ťahajú.
- Použiť farebnú schému rodiča: delič, úchyt a štítky používajú farby sekcie. Vypnite ho, ak chcete vybrať inú Farebná schéma.
Nastavenia sekcie a nadpis
Pre nadpis a krátky text pridajte najviac 2 bloky Text, 1 Oddeľovač a 1 Skupina.
- Smer: Vertikálny dá nadpis nad obrázky, Horizontálny vedľa nich.
- Naskladať vertikálne na mobile: predvolene zapnuté, aby obrázky mali celú šírku telefónu.
- Pozícia a Zarovnanie, Šírka sekcie, Farebná schéma, Okraje a karta Vlastné CSS.
Na stránke produktu
Rovnaký blok Pred a po môže byť aj v sekciách informácií o produkte a informácií vstupnej stránky a v rozbaľovacích kartách, takže porovnanie je vedľa tlačidla nákupu. Pozrite si Ako pridám na stránku produktu rozbaľovacie karty, dátumy doručenia, tabuľku veľkostí, odznaky alebo obrázky pred a po?
Dobré vedieť
- V živom obchode sa porovnanie zobrazí až po výbere oboch obrázkov. Dovtedy zostavovač zobrazuje ukážkové obrázky.
- Zákazníci môžu delič posúvať aj klávesnicou.
- Zákazníci, ktorí majú v zariadení zapnuté obmedzenie pohybu, pohyb nápovedy neuvidia.
- Obrázky vyzerajú orezané? Vyberte pomer najbližší vašim fotkám alebo použite fotky rovnakého tvaru.
- Používajte len skutočné fotky skutočných výsledkov.