Sehemu ya Before and after huweka picha mbili juu ya nyingine zikiwa na mstari wa kutenganisha. Wanunuzi huburuta mstari ili kuonyesha zaidi picha moja au nyingine. Itumie kwa matokeo (kabla na baada), rangi mbili, au miisho miwili ya bidhaa.
Ongeza sehemu
- Fungua the builder na uende kwenye ukurasa unaotaka. Inafanya kazi kwenye kurasa za nyumbani, bidhaa, kutua, mkusanyiko na mikusanyiko, hadi 3 kwa kila ukurasa.
- Kwenye kichupo cha Sections, bofya Add new section na uchague Before and after kutoka kundi la Content.
- Bofya bloku ya Before and after iliyo ndani yake na uchague picha zako mbili, kisha ubofye Publish.
Bloku ya Before and after
Bloku hii inabeba picha mbili. Ipo daima kwenye sehemu na haiwezi kuondolewa.
- Before image na After image: picha mbili. Tumia picha zilizopigwa kutoka pembe ile ile, ili zilingane.
- Before label na After label: lebo fupi kwenye kona ya kila picha, kama "Kabla" na "Baada", au "Nyeusi" na "Nyeupe". Iache tupu ili kuficha lebo.
- Direction: Horizontal hutumia mstari ambao wanunuzi huburuta kushoto na kulia. Vertical hutumia mstari ambao wanunuzi huburuta juu na chini.
- Ratio: umbo la fremu. Auto hufuata picha ya kabla, au chagua Portrait, Square, au Landscape. Picha zote mbili hukatwa kwa fremu ile ile.
- Divider position: mahali mstari unapoanzia, kutoka 5% hadi 95%. Kwa 50% wanunuzi huona nusu ya kila picha.
- Show a hint when it comes into view: mstari husogea kidogo wenyewe, ili wanunuzi waone kwamba wanaweza kuuburuta.
- Follow the mouse on desktop: kwenye kompyuta mstari hufuata kipanya bila kubofya. Kwenye simu wanunuzi huburuta daima.
- Use parent color scheme: mstari, kishikio, na lebo hutumia rangi za sehemu. Izime ili kuchagua Color scheme nyingine.
Mipangilio ya sehemu na kichwa
Ongeza hadi bloku 2 za Text, 1 ya Divider, na 1 ya Group kwa kichwa na maandishi mafupi.
- Direction: Vertical huweka kichwa juu ya picha, Horizontal hukiweka kando yake.
- Stack vertically on mobile: imewashwa kwa chaguo-msingi, ili picha zibaki na upana wote wa simu.
- Position na Alignment, Section width, Color scheme, Padding, na kichupo cha Custom CSS.
Kwenye ukurasa wa bidhaa
Bloku ile ile ya Before and after inaweza pia kuwekwa ndani ya sehemu za Product info na Landing info, na ndani ya vichupo vinavyokunjuka, ili ulinganisho ukae karibu na kitufe cha kununua. Angalia Ninaongezaje vichupo vinavyokunjuka, tarehe za usafirishaji, mwongozo wa saizi, beji, au picha za kabla na baada kwenye ukurasa wangu wa bidhaa?
Vizuri kujua
- Kwenye duka lako la moja kwa moja, ulinganisho unaonekana tu baada ya picha zote mbili kuchaguliwa. Mjenzi huonyesha picha za mfano hadi hapo.
- Wanunuzi wanaweza pia kusogeza mstari kwa kibodi.
- Wanunuzi waliowasha mwendo uliopunguzwa kwenye kifaa chao hawaoni mwendo wa ishara.
- Picha zinaonekana zimekatwa? Chagua Ratio iliyo karibu zaidi na picha zako, au tumia picha zenye umbo lile lile.
- Tumia picha halisi za matokeo halisi pekee.