Sehemu na vizuizi vya kijenzi

Ninabadilishaje mwonekano wa kadi za bidhaa na kadi za mikusanyiko?

Badilisha kadi ya bidhaa (uwiano wa picha, jina, bei na beji ya akiba, nyota za ukadiriaji, kitufe cha kununua: ongeza kwenye kikapu, nunua sasa, au tazama bidhaa, sampuli za aina) na kadi ya mkusanyiko (mtindo wa kawaida au juu ya picha, picha, jina, idadi ya bidhaa, kitufe).

Dakika 3 za kusoma

Gridi za bidhaa na mikusanyiko huonyesha kila kipengele kama kadi. Unaunda kadi mara moja ndani ya sehemu, na kila kadi katika sehemu hiyo huifuata.

Kadi ziko wapi

Bloku ya Product card iko katika Featured products, Related products, Search products, na Collection products.
Bloku ya Collection card iko katika Collections na Sub collections.

Katika the builder, chagua sehemu, kisha bloku ya kadi. Kila sehemu ina kadi yake, kwa hiyo badiliko linaathiri sehemu hiyo pekee. Bloku ya kadi haiwezi kufutwa, lakini sehemu zake zinaweza: ficha au futa sehemu, au uirudishe kwa Add new block.

Kadi ya bidhaa

Kwenye kadi yenyewe, Use parent color scheme imewashwa kwa chaguo-msingi. Izime ili kuzipa kadi Color scheme yake. Buruta sehemu ili kubadilisha mpangilio wake kwenye kadi. Sehemu zake ni:

Image: Aspect ratio (Auto, Portrait, Square, au Landscape) na Image fit (Cover hujaza fremu, Contain huonyesha picha nzima). Image fit hufichwa kwa Auto.
Title: Preset (mtindo wa maandishi), Line height, Letter spacing, na Max lines (1 hadi 3, majina marefu zaidi hukatwa kwa "...").
Price: bei, pamoja na bei ya zamani iliyokatwa mstari wakati wa punguzo. Savings huonyesha beji kama Percentage, Price (kiasi kilichookolewa), au None. Inaonekana tu kwenye bidhaa zenye bei ya punguzo.
Rating: nyota na idadi ya maoni. Bidhaa zisizo na maoni hazionyeshi nyota.
Buy: kitufe, na aina za bidhaa.

Sehemu ya Buy

Action: Checkout huruhusu wanunuzi kununua kutoka kwenye kadi. Link hufungua ukurasa wa bidhaa.
Label: iache tupu kwa maandishi ya chaguo-msingi: "View product" kwa Link, na kwa Checkout "Add to cart" au "Buy now", kufuatana na Checkout method katika Mipangilio ya malipo.
Style: rangi za kitufe cha Primary au Secondary.
Show variants, pamoja na Size na Shape (umbo linatumika kwa sampuli za rangi na picha pekee): wanunuzi huchagua chaguo kwenye kadi. Kundi la kwanza la aina pekee ndilo linaonekana kwenye kadi. Aina hazionekani kamwe kwa Link.

Bidhaa ambayo kila chaguo lake limeisha huonyesha kitufe kilichozimwa cha "Out of stock" kwa Checkout.

Kadi ya mkusanyiko

Card style: Standard huweka maandishi chini ya picha, Overlay huyaweka juu ya picha. Pia unapata Use parent color scheme. Sehemu zake ni:

Image: Aspect ratio, Image fit, na Overlay opacity (kwa Overlay pekee, picha yenye giza zaidi hufanya maandishi yasomeke kwa urahisi).
Title: Preset, Line height, Letter spacing, Max lines (1 au 2), na Alignment.
Product count: idadi ya bidhaa katika mkusanyiko. Haina mipangilio: ificha au ifute ili kuiondoa.
Button: Label (ikiwa tupu hutumia maandishi ya chaguo-msingi katika lugha ya duka lako), Style, na Width (Fit au Fill). Daima hufungua mkusanyiko wa kadi hiyo.

Kadi ya mkusanyiko daima huonyesha sehemu zake kwa mpangilio ule ule: picha, jina, idadi ya bidhaa, kisha kitufe.

Vizuri kujua

Pembe, mipaka, na vivuli vya kadi vinatoka kwenye mandhari yako. Rangi za kadi zinatoka kwenye mpango wa rangi.
Hakuna beji ya Savings? Bidhaa inahitaji bei ya punguzo, angalia Ninawekaje bei za bidhaa, punguzo, na bei kwa kila soko?

Bado unahitaji usaidizi?

Tuandikie na tutakujibu.

Wasiliana nasi