Divi është krijuar për të qenë në përputhje me WooCommerce. Për t'u integruar WooCommerce, duhet të instaloni versionin më të fundit të WooCommerce.

WooCommerce është shtojca E-commerce të cilën ne e rekomandojmë, pasi ka grupin më të bukur të veçorive, ndërfaqen dhe ndjek praktikat më të mira të kodimit. Pas aktivizimit të shtojcës, do të shihni dy seksione të reja "WooCommerce" dhe "Produkte" të shtuara në pultin tuaj të WordPress. Ju mund t'i përdorni këto zona për të rregulluar cilësimet tuaja të tregtisë elektronike dhe për të publikuar produkte të reja. Ju mund të gjeni Dokumentacioni i plotë në WooCommerce këtu .

Ju lutemi vini re se ndërsa ndërtuesi përfshin module të ndryshme WooCommerce, ju gjithashtu mund të përdorni WooCommerce në vetvete pa ndërtuesin fare mirë. Ju mund të krijoni faqe standarde për Checkout, Shporta, etj siç tregohet në dokumentacionin e tyre. Ju gjithashtu mund të lidheni direkt me kategoritë tuaja të woocommerce, ose të përdorni Shortcodes WooCommerce në një modul teksti Divi. Kjo ju jep lirinë për të bërë pothuajse çdo gjë.

Si të shtoni një modul dyqan në faqen tuaj

Përpara se të shtoni një modul dyqani në faqen tuaj, së pari duhet të hidheni në Divi Builder. Pasi të Tema divi instaluar në faqen tuaj të internetit, do të vini re një buton Përdorni Divi Builder sipër redaktuesit të postimeve sa herë që krijoni një faqe të re. Klikoni në këtë buton për të aktivizuar Divi Builder dhe për të hyrë në të gjitha modulet Divi Builder. Pastaj klikoni në butonin Përdorni Visual Builder për të filluar gjeneratorin në modalitetin vizual. Ju gjithashtu mund të klikoni butonin Përdorni Visual Builder kur shfletoni uebfaqen tuaj në plan të parë nëse jeni të lidhur me pultin e WordPress tuaj.

Pasi të keni hyrë në Visual Builder, mund të klikoni në butonin gri plus për të shtuar një modul të ri në faqen tuaj. Modulet e reja mund të shtohen vetëm brenda rreshtave. Nëse po filloni një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj. Ne kemi mësime të shkëlqyera për përdorimin e elementeve të linjës dhe seksionit të Divi-t.

Gjeni modulin e dyqanit në listën e moduleve dhe klikoni mbi të për ta shtuar në faqen tuaj. Lista e moduleve është e kërkueshme, që do të thotë që ju gjithashtu mund të shkruani fjalën "dyqan" dhe pastaj klikoni enter për të kërkuar automatikisht dhe për të shtuar modulin e dyqanit! Pasi të shtohet moduli, ju do të përshëndeteni nga lista e opsioneve të modulit. Këto opsione janë të ndara në tre grupe kryesore: Përmbajtje , Konceptim et i përparuar .

Përdorni shembullin e rastit: shfaqni produktet më të fundit në një faqe kryesore duke përdorur modulin Shop

Për këtë shembull, unë do të përdor modulin e dyqanit për të shfaqur produktet më të fundit në një faqe në shtëpi.

Këtu është faqja me katër produktet e paraqitura.

Le të fillojë.

Përdorni ndërtuesin vizual për të shtuar një seksion të rregullt me ​​një rresht me gjerësi të plotë (1 kolonë). Ndryshoni parametrin e rreshtit për ta bërë atë me gjerësi të plotë me një gjerësi të zakonshme të ullukut prej 2.

Pastaj shtoni një modul dyqan në linjë.

Përditësoni cilësimet e modulit si më poshtë:

Opsionet e përmbajtjes

Lloji: Produktet e fundit
Numri i produkteve: 4

Opsionet e dizajnit

Ngjyra e rrokullisjes së ikonës: # ea1d63
Titulli Policia: Hapni Pa
Titulli Madhësia e shkrimit: 24px
Mimi i policisë: E hapur pa
Madhësia e shkronjave të çmimit: 20px

Opsione të përparuara (me porosi CSS)

Titulli:

text-align: qendra;
sfond: #fff;
margjinat e sipërme: -10px! i rëndësishëm;

Prix:

text-align: qendra;
sfond: #fff;
tapiceri-poshtë: 15px;

Kjo eshte e gjitha! Këtu është rezultati përfundimtar.

Opsionet e përmbajtjes së dyqanit

Në skedën Përmbajtja, do të gjeni të gjithë elementët e përmbajtjes së modulit, të tilla si teksti, imazhet dhe ikonat. E gjithë kjo kontrollon çfarë shfaqet në modulin tuaj gjithmonë do të gjenden në këtë skedë.

Tipi

Zgjidhni llojin e produkteve që dëshironi të shfaqni në burimin e produkteve tuaja. Ju mund të zgjidhni nga Produktet e fundit të cilat do të shfaqin të gjitha produktet tuaja në rend kronologjik, Produkte të Veçanta, Produkte Shitjeje, Produkte me Shitje të Shitjes, ose Produkte me Vlerësim të Mirë.

Numri i produkteve

Përcaktoni numrin e produkteve që dëshironi të shfaqni. Ju do të duhet të keni produkte të bëra që çdo gjë të shfaqet në këtë modul.

Përfshini Kategoritë

Zgjidhni kategoritë që dëshironi të përfshini.

Numri i kolonave

Zgjidhni numrin e kolonave për t'u shfaqur në modulin tuaj të dyqanit. 4 kolona duhet të përdoren për një rresht me 1 kolonë. 3 kolona duhet të përdoren për një kolonë që zë 3/4 e hapësirës së rreshtit. Kolona 2 duhet të përdoret për një kolonë që zë 1/2 e hapësirës së dritës. Një kolonë duhet të përdoret për një kolonë 1/4 e hapësirës së rreshtit.

Rirregulloni Nga

Zgjidhni mënyrën se si dëshironi që produktet tuaja të porositen. Zgjidhni të renditni sipas parazgjedhur Renditja, Popullariteti, Vlerësimi, Data, Çmimi i ulët te i lartë, Çmimi i lartë te i ulët, më i vjetër te më i ri, më i ri te më i vjetri.

Etiketa Admin

Kjo do të ndryshojë etiketën e modulit në konstruktor për identifikim të lehtë. Kur përdorni pamjen WireFrame në Visual Builder, këto etiketa shfaqen në bllokun e modulit të ndërfaqes Ndërtuesi Divi.

Opsionet e hartimit të seminarit

Në skedën Design, do të gjeni të gjitha opsionet e stilit të modulit, të tilla si gërmat, ngjyrat, madhësia dhe hapësira. Kjo është skeda që do të përdorni për të ndryshuar pamjen e modulit tuaj. Çdo modul Divi ka një listë të gjatë të cilësimeve të dizajnit që mund t'i përdorni për të ndryshuar gjithçka.

Ikonë e mbivendosjes

Kur rrini pezull mbi një send në modulin Dyqan, shfaqet një ikonë e mbivendosur. Mund ta rregulloni ngjyrën e përdorur për këtë ikonë duke përdorur zgjedhësin e ngjyrave në këtë cilësim.

Ngjyra e mbulesës

Kur vendosni miun mbi një send në modulin Dyqan, një ngjyrë e mbivendosur shfaqet në krye të figurës dhe poshtë tekstit dhe ikonës së titullit të dyqanit. Si parazgjedhje, përdoret një ngjyrë e bardhë gjysmë transparente. Nëse dëshironi të përdorni një ngjyrë tjetër, mund ta rregulloni ngjyrën duke përdorur zgjedhësin e ngjyrave në këtë cilësim

Ikona e selektorit

Këtu mund të zgjidhni një ikonë të personalizuar për të shfaqur kur një vizitor rri pezull mbi artikujt e dyqanit në modul.

Ngjyra e simbolit të shitjes

Kur një artikull është në shitje, një simbol i shitjes shfaqet në imazhin e produktit. Me këtë cilësim, mund të rregulloni ngjyrën e përdorur për sfondin e distinktivit.

Font të titullit

Ju mund të ndryshoni fontin e tekstit tuaj të titullit duke zgjedhur fontin e dëshiruar nga menuja në rënie. Divi ofron dhjetëra gërma të shkëlqyera të ofruara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur shkronja të zeza, të pjerrëta, shkronja të mëdha dhe opsione të nënvizuara.

Titulli Madhësia e shkrimit

Këtu mund të rregulloni madhësinë e tekstit tuaj të titullit. Mund të tërhiqni rrëshqitësin e diapazonit për të rritur ose ulur madhësinë e tekstit tuaj, ose futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Ngjyra e tekstit të titullit

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e tekstit të titullit tuaj, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e germave të titullit

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë në tekstin tuaj të titullit, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Lartësia e vijës së titullit

Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj të titullit. Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes vendosur në të djathtë të kursorit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Politika e çmimeve

Ju mund të ndryshoni fontin e tekstit tuaj të çmimeve duke zgjedhur fontin tuaj të dëshiruar nga menuja në rënie. Divi vjen me dhjetëra fonte të shkëlqyera të mundësuara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur shkronja të zeza, të pjerrëta, shkronja të mëdha dhe opsione të nënvizuara.

Madhësia e shkronjave të çmimeve

Këtu mund të rregulloni madhësinë e tekstit tuaj të çmimit. Mund të tërhiqni rrëshqitësin e diapazonit për të rritur ose ulur madhësinë e tekstit tuaj, ose futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme të matjes, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Çmimi i ngjyrës së tekstit

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e tekstit tuaj të çmimit, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Ndarja e letrave të çmimeve

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë në tekstin tuaj të çmimit, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës tuaj të madhësisë për të ndryshuar llojin e njësisë së saj.

Lartësia e vijës së çmimeve

Lartësia e rreshtit ndikon në hapësirën midis secilës rresht të tekstit tuaj të çmimit Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes vendosur në të djathtë të kursorit. Fushat e hyrjes mbështesin njësi të ndryshme matëse që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Opsione të përparuara të dyqanit

Në skedën e avancuar, do të gjeni opsione që krijuesit e faqeve më me përvojë mund t'i konsiderojnë të dobishme, siç janë tiparet e personalizuara të CSS dhe HTML. Këtu mund të aplikoni CSS të personalizuar në cilindo nga shumë elementë të modulit. Ju gjithashtu mund të aplikoni klasa dhe ID të personalizuara të CSS në modul, të cilat mund të përdoren për të personalizuar modulin në skedarin style.css të temës tuaj.

ID CSS

Futni një ID opsionale CSS për t'u përdorur për këtë modul. Një ID mund të përdoret për të krijuar një stil të personalizuar CSS ose për t'u lidhur me seksione të veçanta të faqes tuaj.

Klasë CSS

Futni klasat opsionale CSS për t'u përdorur për këtë modul. Një klasë CSS mund të përdoret për të krijuar stilim të personalizuar të CSS. Mund të shtoni shumë klasa, të ndara nga një hapësirë. Këto klasa mund të përdoren në temën tuaj për fëmijë Divi ose në fletën e stilit të personalizuar CSS që shtoni në faqen tuaj ose në faqen tuaj të internetit duke përdorur opsionet e temës Divi ose cilësimet e faqes Divi Builder.

Custom CSS

CSS-ja e personalizuar mund të zbatohet gjithashtu në modul dhe cilindo nga brendësitë e modulit. Në seksionin Custom CSS, do të gjeni një fushë teksti ku mund të shtoni fletë të personalizuara të stilit CSS direkt në secilin element. Hyrjet e CSS në këto cilësime janë mbështjellë tashmë në etiketat e stilit. Pra, thjesht futni rregullat e CSS të ndara me pikëpresje.

dukshmëri

Ky opsion ju lejon të kontrolloni pajisjet në të cilat shfaqet moduli juaj. Ju mund të zgjidhni të çaktivizoni modulin tuaj në tableta, telefona inteligjentë ose desktopë individualisht. Kjo është e dobishme nëse dëshironi të përdorni modë të ndryshëm në pajisje të ndryshme, ose nëse doni të thjeshtoni modelin e telefonit celular duke hequr disa elemente nga faqja.

[vc_row center_row = "po"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "i sheshtë" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-shkarkimi"] SHKARKO TEMËN DIVI [/ vcex_button] [_colum] [/_n] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "cent" font_family = "Raleway" font_weight = "700 ″ style =" i sheshtë "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffrightnload "Faqja e të dhënave" DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Tutoriale të tjera Divi

• faqet e internetit të 5 për përdorim restorant Divi temë
• Si të shtoni tekst në një produkt Divi WooCommerce
• Si të ndryshoni ngjyrën e menysë në mes të faqeve Divi
• Si të personalizoni rrjetet e një blogu me Divi
• Si të përdorni redaktorin e roleve Divi në WordPress
• Si të krijoni një rrëshqitës Divi në ekran të plotë
• Si ta ndryshoni ngjyrën e menusë në mes të faqeve Divi
• Karakteristikat që ju ndoshta nuk i dini për Divi
• Si të përdorni Divi Builder në WordPress
• Si të përdorni modulin scrolling video Divi
• Si të përdorni modulin Dili Builder Flip
• Si të shtoni një modul dëshmimi në Divi Builder
• Si të përdoret moduli i tekstit Divi
• Si të krijoni një shirit në Divi
• Si të redaktoni një rol të përdoruesit të Divi
• Si të përdorni modulin Divi Social Media
• Si të përdorni modulin e dyqaneve në temën WordPress Divi
• Si të përdorni modulin e sidebarit Divi
• Si të përdorni Modulin e Tabelës së Çmimeve të Divi-t
• Si të përdoret moduli i titullit të botimeve Divi
• Si të shtoni një modul video të Divi
• Si të përdorni modulin e lundrimit të artikullit
• Si të përdorni modulin e kërkimit Divi
• Si të përdorni modulin e portofolit Divi
• Si të përdorni modulin e personit në Divi Builder
• Si të përdorni modulin e portofolit me filtrin Divi
• Si të përdorni modulin e plotë slider width
• Si të përdorni modulin e imazhit të ndërtuesit Divi
• Si të përdorni modulin e navigimit të plotë të Divi Builder
• Si të përdorni modulin e galerisë së imazheve
• Si të përdorni modulin e kartës me gjerësi të plotë Divi Builder
• Si të përdorni modulin e Portofolit të Divi Full Width
• Si të përdorni modulin e headerit me gjerësi të plotë Divi
• Si të përdorni Modulin e Divi Counter
• Si të përdorni rrëshqitësin e artikujve në Divi Builder
• Si të përdorni modulin Optika të Divi Email