Widget-ul Flip Box Widget (Pro)

Flip Box Widget (Pro)

Widget-ul Flip Box Widget (Pro) vă ajută să creați casete animate care se răstoarnă pe cealaltă parte, odată ce vizitatorul trece cu mouse-ul peste ele.

Conţinut

Față

Conţinut

Această filă controlează conținutul părții frontale a casetei de tip flip.

1. Element Grafic: Alegeți între Niciunul, Imagine sau Pictogramă pentru a afișa un element grafic în partea din față a casetei de tip flip.
2. Dacă imaginea este selectată ca element grafic:

• Alegeți imagine: selectați sau încărcați o imagine.
• Dimensiune imagine: setați dimensiunea imaginii, de la miniatură la completă, sau setați o dimensiune personalizată.

3. Dacă pictograma este selectată ca element grafic:

• Pictogramă: selectați o pictogramă din biblioteca FontAwesome.
• Vizualizare: alegeți vizualizarea implicită a pictogramei sau selectați Stivuit sau Încadrat.
• Formă: dacă se alege Stacked sau Framed, alege Cerc sau Pătrat

4. Titlu și descriere: Alegeți titlul și descrierea care apar în partea din față a casetei.

Fundal

Această filă controlează fundalul părții frontale a casetei de tip flip.

Tip de Fundal: Alegeți Culoare, Imagine sau Gradient ca fundal pentru partea din față a casetei de tip flip.

Dacă alegeți o imagine de fundal, următoarele opțiuni devin disponibile:

1. Poziție: Selectați poziția imaginii, cum ar fi Centru sus, Dreapta sus, Centru centru etc.
2. Atașament: Selectați dintre Implicit, Derulare sau Fix.
3. Repetare: Alegeți dintre Implicit, Fără repetare, Repetare, Repetare-x sau Repetare-y.
4. Dimensiune: Selectați dintre Implicit, Auto, Acoperire sau Conține
5. Suprapunere de Fundal: Alegeți o culoare pentru suprapunere.

Dacă alegeți Fundal Gradient, următoarele opțiuni devin disponibile:

1. Culoare: Selectați culoarea primară a gradientului.
2. Locație: Selectați locația culorii primare.
3. A doua Culoare: Selectați a doua culoare a gradientului.
4. Locație: Selectați locația celei de-a doua culori.
5. Tip: Alegeți Linear sau Radial.
6. Unghi: Setați unghiul gradientului.

Back – Înapoi

Partea din spate a flip box are aceleași elemente ca și partea din față enumerate mai sus, cu excepția elementului grafic care apare doar pe față. Partea din spate include și un buton.

1. Button Text: Alegeți textul care apare în interiorul butonului.
2. Link: Alegeți unde indică butonul. Linkul trebuie să includă întreaga adresă URL (inclusiv http/https). Apply Link On:
3. Alegeți să aplicați linkul pe care se poate face clic numai pentru buton sau pentru întreaga casetă.

Setări

1. Înălțime: Controlați înălțimea casetei cu flip.
2. Raza Chenarului: Setați raza chenarului casetei de răsturnare și rotunjiți-i colțurile.
3. Efect de Răsturnare: Alegeți dintre efectele de răsturnare, inclusiv răsturnare, glisare, împingere, mărire, micșorare sau estompare.
4. Direcție de Răsturnare: Dacă alegeți efectele de răsturnare sau de diapozitiv, puteți face ca caseta de răsturnare să răstoarne la dreapta, la stânga, în sus sau în jos.
5. Adâncime 3D: Glisați la Activat pentru a da casetei cu flip un efect de animație 3D.

Stil

Partea Frontală

1. Padding: Adăugați padding-ul în zona de conținut din partea din față a casetei cu rabat.
2. Aliniere: Alegeți să aliniați conținutul casetei flip la stânga, la dreapta sau în centrul casetei flip.
3. Poziție Verticală: Aliniați conținutul casetei de întorsătură în partea de sus, în centrul sau în partea de jos a casetei de răsturnare.
4. Tipul de Chenar: Setați un chenar pentru întreaga casetă flip.
5. Lățime: Dacă se alege un tip de chenar, setați o lățime pentru chenar.
6. Culoare: Dacă este ales un tip de chenar, selectați o culoare pentru chenar.

Pictogramă

1. Spațiere: Controlați spațiul dintre pictogramă și titlu.
2. Culoare Primară: Alegeți culoarea primară a pictogramei.
3. Culoare Secundară: Alegeți culoarea secundară a pictogramei.
4. Dimensiunea Pictogramei: Alegeți dimensiunea pictogramei.
5. Icon Padding: Setați cantitatea de umplutură în jurul pictogramei.
6. Rotire Pictogramă: Rotiți pictograma în orice unghi.
7. Lățimea Chenarului: Setați lățimea chenarului pictogramei.
8. Raza chenarului: Setați raza chenarului pictogramei pentru a controla rotunjimea colțului.

Imagine

1. Spațiere: Controlați spațiul dintre imagine și titlu.
2. Opacitate: Alegeți opacitatea imaginii.
3. Tip de Chenar: Alegeți un chenar pentru imagine: Niciunul, Solid, Dublu, Punctat, Punct sau Groove.
4. Raza Marginii: Controlați raza marginii marginii imaginii.

Titlu

1. Spațiere: Controlați spațiul dintre titlu și descriere.
2. Culoare Text: Alegeți culoarea titlului.
3. Tipografie: Setați setările de tipografie ale titlului.

Descriere

1. Culoare Text: Alegeți culoarea descrierii.
2. Tipografie: Setați setările de tipografie ale descrierii.

Partea din Spate

Pentru partea din spate a casetei flip, veți obține toate opțiunile enumerate anterior pentru partea din față, minus setările elementului grafic. De asemenea, aveți control asupra setărilor butoanelor.

Buton

1. Dimensiune: Alegeți o dimensiune pentru buton (foarte mic, mic, mediu mare și extra mare).
2. Tipografie: Personalizați tipografia textului butonului.
3. Culoare Text: Alegeți culoarea textului butonului.
4. Culoare de Fundal: Alegeți culoarea fundalului butonului.
5. Culoarea Chenarului: Controlați culoarea chenarului butonului.
6. Lățimea Chenarului: Controlați lățimea chenarului butonului.
7. Raza Chenarului: Controlați raza chenarului butonului.

Avansat

Setați Opțiunile avansate care sunt aplicabile pentru Widget-ul Flip Box Widget (Pro).

Citiți postarea completă a lansării despre Widget-ul Flip Box Widget (Pro).

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 Single Product Title (Pro)
• Widget-ul WooCommerce Breadcrumbs (Pro)
• Widget-ul WooCommerce Single Product Price (Pro)
• Widget-ul Share Buttons Widget (Pro)