WooCommerce Cart Widget
Cuprins:
arată
Folosind Widge-tul WooCommerce Cart Widget, puteți personaliza aspectul coșului. Puteți edita titlurile secțiunilor, etichetele și substituenții câmpurilor de formular. De asemenea, puteți stila aspectul, tipografia și opțiunile de culoare în ansamblu sau puteți personaliza și mai mult în funcție de secțiune.
La publicare, vi se va solicita opțiunea de a seta automat noua pagină ca pagină implicită de coș, în loc să fie nevoie să parcurgeți setările WooCommerce.
Conţinut
General
- Aspect: Din meniul drop-down, selectați între o coloană sau două coloane.
- Coloană lipicioasă din dreapta: Dacă se utilizează un aspect cu două coloane, utilizați opțiunea de activare/dezactivare a comutatorului de control pentru coloana din dreapta.
- Offset: Dacă opțiunea lipicioasă este activată, introduceți o valoare în PX pentru a compensa marginea superioară a efectului lipicios.
Comandă Sumară
Butonul Actualizare Coș
- Text: Introduceți textul dorit în câmp sau folosind opțiunile dinamice.
Cupon
Butonul Aplicați Cuponul
Text: Introduceți textul dorit în câmp sau folosind opțiunile dinamice.
Totaluri
Titlu
- Titlul secțiunii: Introduceți textul dorit în câmp sau folosind opțiunile dinamice.
- Aliniere: Folosind pictogramele, selectați între alinierea la stânga, la centru sau la dreapta.
Actualizați Butonul de Livrare
- Text: Introduceți textul dorit în câmp sau folosind opțiunile dinamice.
Butonul Checkout
- Text: Introduceți textul dorit în câmp sau folosind opțiunile dinamice.
- Aliniere: Folosind pictogramele, selectați între alinierea stânga, centru, dreapta sau justificată.
Opțiuni Suplimentare
- Actualizați automat coșul de cumpărături: Utilizați controlul comutator pentru a activa sau dezactiva încărcarea AJAX a totalurilor coșului.
Stil
Secțiuni
- Culoare de fundal: Din selectorul de culori, alegeți culoarea de fundal pentru secțiunile dvs. Această culoare se va aplica tuturor secțiunilor. Puteți aplica o culoare de fundal diferită unei secțiuni în opțiunile de Personalizare prezentate mai jos.
- Box Shadow: Faceți clic pe pictograma creion pentru a seta opțiunile de culoare și umbră.
- Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.
- Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
- Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Umplutură: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Marja: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
Tipografie
Titluri
- Culoare: Din selectorul de culori, alegeți culoarea titlurilor dvs. Această culoare se va aplica tuturor titlurilor. Puteți aplica o culoare diferită unui titlu (titluri) în opțiunile de Personalizare prezentate mai jos.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
- Umbra text (numai titluri): Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
- Spațiere: Utilizați glisorul pentru a crește sau a reduce distanța dintre componente.
Descrieri
- Culoare: Din selectorul de culori, alegeți culoarea titlurilor dvs. Această culoare se va aplica tuturor titlurilor. Puteți aplica o culoare diferită unui titlu (titluri) în opțiunile de Personalizare prezentate mai jos.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
- Spațiere: Utilizați glisorul pentru a crește sau a reduce distanța dintre componente.
Legături
Alegeți aspectul opțiunilor de link în stările normale și de trecere.
- Culoare link: Din selectorul de culori, alegeți culoarea linkurilor dvs. Această culoare se va aplica tuturor link-urilor. Puteți aplica o culoare diferită unui link (le) în opțiunile de Personalizare prezentate mai jos.
Butoane radio
- Culoare: Din selectorul de culori, alegeți culoarea titlurilor dvs. Această culoare se va aplica tuturor titlurilor. Puteți aplica o culoare diferită unui titlu (titluri) în opțiunile de Personalizare prezentate mai jos.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
Formular
Aspectul formularelor
- Column Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.
- Rows Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.
Etichete
- Culoare: Din selectorul de culori, alegeți culoarea pentru etichete. Această culoare se va aplica tuturor etichetelor.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
- Spațiere: Utilizați glisorul pentru a crește sau a reduce distanța dintre componente.
Câmpuri
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
- Culoare (Text): Din selectorul de culori, alegeți culoarea pentru textul câmpului dvs. Această culoare se va aplica tuturor textului câmpului.
- Tip de fundal: Folosiți pictogramele pentru a alege între un fundal solid sau gradient.
- Culoare (fond): Din selectorul de culori, selectați culoarea (culorile) pentru câmp.
- Imagine: Faceți clic pentru a selecta sau a încărca o imagine în biblioteca media pentru a o folosi ca imagine de fundal a câmpului dvs.
- Box Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
Borduri (câmpuri)
- Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.
- Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
- Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Padding: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
Buton
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
- Culoare (Text): Din selectorul de culori, alegeți culoarea pentru textul câmpului dvs. Această culoare se va aplica tuturor textului câmpului. Puteți aplica o culoare personalizată textului unui câmp de secțiuni în opțiunile de Personalizare prezentate mai jos.
- Tip de fundal: Folosiți pictogramele pentru a alege între un fundal solid sau gradient.
- Culoare (fond): Din selectorul de culori, selectați culoarea (culorile) pentru câmp.
- Imagine: Faceți clic pentru a selecta sau a încărca o imagine în biblioteca media pentru a o folosi ca imagine de fundal a câmpului dvs.
- Box Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
Borduri (Buton)
- Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.
- Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
- Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Padding: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
Comandă Sumară
Aspect
- Rows Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.
Articole
- Culoare: Din selectorul de culori, alegeți culoarea pentru articolele dvs.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
Variații
- Culoare: Din selectorul de culori, alegeți culoarea pentru variațiile dvs.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
Link-uri de Produse
Alegeți aspectul opțiunilor de link în stările normale și de Hover.
- Culoare link: Din selectorul de culori, alegeți culoarea linkurilor dvs. Această culoare se va aplica tuturor link-urilor. Puteți aplica o culoare diferită unui link (le) în opțiunile de Personalizare prezentate mai jos.
Dividers
- Culoare: Din selectorul de culori, alegeți culoarea pentru separatoarele dvs.
- Greutate: Folosiți glisorul sau introduceți manual o valoare în câmp (PX, EM).
Borduri de Cantitate
- Culoare: Din selectorul de culori, alegeți culoarea pentru separatoarele dvs.
- Greutate: Folosiți glisorul sau introduceți manual o valoare în câmp (PX, EM).
Eliminați Pictograma
Alegeți aspectul opțiunilor de link în stările Normale și de Hover.
- Culoare: Din selectorul de culori, alegeți culoarea pictogramei.
Totaluri
Aspect
- Rows Gap: Folosiți glisorul sau introduceți valoarea în câmpul din PX.
Titluri și Totaluri
- Culoare: Din selectorul de culori, alegeți culoarea pentru titluri și totaluri.
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
Butonul Checkout
- Tipografie: Din pictograma creion, faceți clic pentru a deschide panoul cu opțiuni de font pentru a alege opțiunile de familie, greutate, transformare, stil, decor, înălțime a liniilor și spațiere între litere.
- Text Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
- Culoare text: Din selectorul de culori, alegeți culoarea pentru textul butonului.
- Tip de fundal: Folosiți pictogramele pentru a alege între un fundal solid sau gradient.
- Culoare (fond): Din selectorul de culori, selectați culoarea (culorile) pentru câmp.
- Imagine: Faceți clic pentru a selecta sau a încărca o imagine în biblioteca media pentru a o folosi ca imagine de fundal a câmpului dvs.
- Box Shadow: Faceți clic pe pictograma creion pentru a deschide opțiunile de proprietăți ale umbrei.
- Tip de chenar: Din meniul drop-down, selectați între solid, dublu, punctat, punctat sau canelat.
- Lățime (chenar): Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Culoare (chenar): Din selectorul de culori, alegeți culoarea de fundal pentru chenar.
- Raza chenarului: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
- Padding: Introduceți o valoare aleasă în câmpuri bazată pe px, em sau %.
Personalizați
Opțiunea de personalizare vă permite să stilați o secțiune(e) independent de celelalte secțiuni. Faceți clic pe pictograma + pentru a adăuga sau elimina acțiuni din personalizat. Opțiuni suplimentare de stil pentru fiecare secțiune vor apărea sub elementul de personalizare.
Avansat
Opțiunile filei Avansate globale sunt disponibile pentru Widge-tul WooCommerce Cart Widget.
Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.
