Widget-ul Menu Cart Widget (Pro)

Menu Cart Widget (Pro)

Widget-ul Menu Cart Widget (Pro) vă permite să plasați o pictogramă coș WooCommerce în meniul dvs. sau oriunde pe pagina dvs.

Conţinut

Pictograma Meniu

1. Pictogramă: Selectați pictograma de afișat, alegând dintre Coș, Coș sau Geantă, în modele ușoare, medie sau solide.
2. Indicator articole: Selectați tipul de indicator de utilizat pentru numărul de articole din coș, alegând dintre Niciunul, Bubble sau Plain.
3. Ascundere gol: Glisați la DA pentru a ascunde indicatorul de articole dacă coșul este gol.
4. Subtotal: Afișează sau Ascunde subtotalul curent al coșului.
5. Aliniere: Aliniați coșul de meniu la stânga, la dreapta sau la centru.

Coș

Opțiuni Principale

1. Tip coș: Selectați tipul de cărucior de afișat, alegând între Coș lateral sau Coș mini.
2. Deschideți coșul de cumpărături: Selectați opțiunea dorită alegând între On Click sau On Hover.
3. Poziția coșului: Faceți clic pe pictograma poziție stânga sau dreapta pentru a seta poziția căruciorului în container.

Închideți Coșul

1. Închidere pictogramă: Comutați opțiunea Afișare/Ascundere de pe panou.
2. Poziția pictogramei: Faceți clic pe pictograma de poziție din stânga și din dreapta pentru a seta poziția pictogramei de închidere în container.

Eliminați Elementul

1. Eliminați pictograma: Comutați opțiunea Afișare/Ascundere de pe panou.
2. Poziția pictogramei: Faceți clic pe pictograma poziție de sus, centru sau de jos pentru a seta poziția pictogramei de eliminare în container.

Pret & Cantitate

1. Poziție: Faceți clic pe pictograma Poziție de sus sau de jos pentru a seta poziția titlului Preț și Cantitate în container.
2. Cart Dividers: Comutați opțiunea Afișare/Ascundere de pe panou pentru a seta starea dorită.

Butoane

1. Vizualizare coș: Comutați opțiunea Afișare/Ascundere de pe panou pentru a seta starea dorită.
2. Checkout: Comutați opțiunea Afișare / Ascundere de pe panou pentru a seta starea dorită.
3. Poziție verticală: Faceți clic pe pictograma poziția de sus sau de jos pentru a seta poziția butoanelor din container.

Opțiuni Suplimentare

Opțiuni Suplimentare Pentru Coș

1. Deschideți automat coșul de cumpărături: Comutați opțiunea Afișare/Ascundere de pe panou pentru a deschide coșul de fiecare dată când este adăugat un articol.
2. Actualizați automat coșul de cumpărături: Comutați opțiunea Afișare/Ascundere de pe panou pentru a afișa actualizările coșului (de exemplu, un articol eliminat) prin Ajax. Coșul se va actualiza fără a reîmprospăta întreaga pagină.

Stil

Pictograma Meniu

Principal Normal | Opțiuni de Hover

1. Culoare pictogramă: Alegeți culoarea pictogramei coș.
2. Culoare de fundal: Alegeți culoarea de fundal a containerului widget.
3. Culoarea chenarului: alegeți culoarea chenarului containerului widget.
4. Box Shadow: Faceți clic pe pictogramă pentru a seta opțiuni suplimentare de umbră casetă.
5. Lățimea chenarului: Controlați grosimea chenarului din jurul containerului widget.
6. Raza chenarului: Setați raza chenarului pentru a controla rotunjimea colțului.

Pictogramă

1. Dimensiune: Ajustați dimensiunea pictogramei coș.
2. Spațiere: Ajustați spațiul dintre pictograma coșului și textul subtotalului.
3. Padding: Modificați setările de padding ale containerului widget.

Indicator de Articole

1. Culoare text: Alegeți culoarea numărului de articole din indicatorul de articole.
2. Culoare de fundal: Alegeți culoarea de fundal a indicatorului articolelor.
3. Distanță: Setați distanța dintre indicatorul pictogramelor și textul subtotal.

Coș

Opțiuni Principale de Stil

1. Culoare de fundal: Utilizați selectorul de culori pentru a seta fundalul căruciorului.
2. Tip de chenar: Selectați un tip de chenar sau lăsați setat la niciunul.
3. Raza chenarului: Folosiți valorile pentru a seta raza chenarelor dacă este selectat.
4. Box Shadow: Faceți clic pe pictogramă pentru a afișa opțiunile case shadow.
5. Padding: Modificați valorile pentru a seta umplutura dorită a containerului.

Închideți Coșul

1. Dimensiunea pictogramei: Utilizați glisorul sau setați manual valorile dimensiunii pictogramei în % sau PX.
2. Culoare: Utilizați selectorul de culori pentru a seta valoarea pictogramei de închidere.

Eliminați Elementul

1. Dimensiunea pictogramei: Utilizați glisorul sau setați manual valorile dimensiunii pictogramei în % sau PX.
2. Culoare: Utilizați selectorul de culori pentru a seta valoarea pictogramei Eliminare element.

Subtotal

1. Culoare: Alegeți culoarea textului subtotal din suprapunerea coșului.
2. Tipografie: Modificați opțiunile de tipografie pentru textul subtotal din suprapunerea coșului.
3. Aliniere: Faceți clic pe pictograme pentru a alege între alinierea la stânga, la centru sau la dreapta.
4. Stil divizor: Selectați tipul de divizor între solid, punctat, punctat, canelat sau lăsați setat la Niciunul.
5. Lățimea: Setați lățimea separatorului în vale.
6. Culoare: Utilizați selectorul de culori pentru a selecta culoarea separatorului.

Produse

Titlul Produsului

1. Culoare: Alegeți culoarea titlului produsului în suprapunerea coșului.
2. Tipografie: Modificați opțiunile de tipografie pentru titlul produsului din suprapunerea coșului.

Prețul Produsului

1. Culoare: Alegeți culoarea prețului produsului în suprapunerea coșului.
2. Tipografie: Modificați opțiunile de tipografie pentru prețul produsului din suprapunerea coșului.

Cantitate

1. Culoare: Alegeți culoarea prețului produsului în suprapunerea coșului.
2. Tipografie: Modificați opțiunile de tipografie pentru prețul produsului din suprapunerea coșului.

Divider – Divizor

1. Stil: Selectați stilul separatorului deasupra și dedesubtul subtotalului din suprapunerea coșului, alegând dintre niciunul, solid, dublu, punctat, punctat sau canelat.
2. Culoare: Alegeți culoarea divizorului subtotal în suprapunerea coșului.
3. Greutate: Setați grosimea divizorului subtotal.
4. Spațiere: Setați distanța dintre divizoarele subtotalului și textul subtotalului.

Butoane

1. Aspect: Alegeți aspectul butoanelor din suprapunerea coșului, fie în linie, fie în stivuire.
2. Spațiu între: Setați spațiul dintre butoanele de suprapunere a căruciorului.

Vizualizare Coș

1. Culoare text: Alegeți culoarea textului butonului Afișare coș din suprapunerea coșului.
2. Culoare de fundal: Alegeți culoarea de fundal a butonului Afișare coș din suprapunerea coșului.
3. Culoarea chenarului: Alegeți culoarea chenarului butonului Afișare coș din suprapunerea coșului.
4. Lățimea chenarului: Controlați grosimea chenarului din jurul butonului Afișare coș din suprapunerea căruciorului.

Checkout

1. Culoare text: Alegeți culoarea textului butonului Checkout din suprapunerea coșului.
2. Culoare de fundal: Alegeți culoarea de fundal a butonului Checkout din suprapunerea coșului.
3. Culoarea chenarului: Alegeți culoarea chenarului butonului Checkout din suprapunerea coșului.
4. Lățimea chenarului: Controlați grosimea chenarului din jurul textului butonului Checkout din suprapunerea coșului.
5. Tipografie: Modificați opțiunile de tipografie pentru ambele butoane din suprapunerea coșului.
6. Raza chenarului: Setați raza chenarului pentru ambele butoane din suprapunerea căruciorului.

Mesaje

1. Tipografie: Modificați opțiunile de tipografie pentru mesajele din coș.
2. Culoare mesaj coș gol: Utilizați selectorul de culori pentru a seta culoarea mesajului.
3. Aliniere: Folosiți pictogramele pentru a alege alinierea stânga, centru, dreapta sau justificată.

Alte Informații

Configurație Implicită WooCommerce Mini Cart

Pentru a evita conflictele cu pluginurile sau temele WooCommerce care pot utiliza propriile șabloane Mini Cart, Elementor vă oferă opțiunea de a activa sau dezactiva versiunea Elementor a șablonului Mini Cart. Dacă WooCommerce este activat, urmați acești pași pentru a activa sau dezactiva șablonul Mini Cart al Elementor.

1. Accesați Elementor > Setări > Integrari > WooCommerce
2. Alegeți Activați pentru această opțiune pentru a înlocui șablonul implicit de coș mini WooCommerce sau șablonul de coș mini al temei dvs. cu șablonul Elementor. Cu excepția cazului în care este setată manual la Dezactivare, această setare este activată automat odată ce Widget-ul Menu Cart Widget este utilizat oriunde pe site-ul dvs.
3. Alegeți Dezactivați pentru a renunța la utilizarea șablonului Mini Cart al Elementor.

Pentru confortul dvs. urmăriți acest tutorial și în format Video. Video creat de echipa de asistență Elementor.

Documentație adițională

• Widget-ul WooCommerce Archive Products (Pro)
• Widget-ul Portfolio Widget (Pro)
• Widget-ul Archive Posts Widget (Pro)
• Widget-ul WooCommerce Products (Pro)