Lightbox în Elementor

Cuprins: arată

Lightbox în Elementor deschide imagini, galerii, carusele și videoclipuri într-o fereastră pop-up 100% receptivă pentru dispozitive mobile.

Caracteristica lightbox este activată în mod implicit. Îl puteți dezactiva accesând setările sale și debifând caseta de selectare. Din orice pagină sau postare Elementor, faceți clic pe Meniul Hamburger din colțul din stânga sus al panoului Widget, apoi navigați la Setări site > Setări > Lightbox.

De asemenea, puteți activa sau dezactiva lightbox la nivel global și personalizați designul lightbox în următorul mod:

Faceți clic pe pictograma hamburger situată în colțul din stânga sus al panoului și alegeți Setări globale.
Alegeți fila Lightbox.

Fila Global Lightbox vă permite să ajustați următoarele setări:

Lightbox a imaginii: Glisați comutatorul pentru a activa sau dezactiva caseta luminoasă la nivel global.
Contor: Numai pentru galerii cu mai multe imagini. Dacă este setată la Da, adaugă un număr de imagini în colțul din stânga sus al lightbox. De exemplu, dacă galeria conține 6 imagini, contorul va afișa 1/6, 2/6 etc. pentru a indica „Primul din 6 imagini”, „A doua din 6 imagini”, etc.
Ecran complet: Dacă este setat la Da, adaugă o pictogramă pe care se poate face clic pentru a permite utilizatorului să deschidă imaginea într-un lightbox pe ecran complet.
Zoom: Dacă este setat la Da, adaugă o pictogramă pe care se poate face clic pentru a permite utilizatorului să mărească imaginea din caseta lightbox. Odată ce măriți o imagine, veți putea deplasa vizualizarea și derulați în diferite zone ale imaginii.
Partajare: Dacă este setată la Da, capabilitățile de Partajare sunt adăugate în lightbox, permițând utilizatorului să partajeze imaginea pe Twitter, Facebook și Pinterest sau să o descarce pe computer.
Titlu: Opțional, afișați un titlu sub imagine în caseta lightbox. Selectați dintre Nimic, Titlu, Legendă, Alt sau Descriere.
Descriere: Opțional, afișați o descriere sub imagine în caseta lightbox. Selectați dintre Nimic, Titlu, Legendă, Alt sau Descriere.
Culoare de fundal: Alegeți culoarea de fundal și opacitatea casetei luminoase.
Culoarea UI: Alegeți culoarea UI. Acest lucru afectează navigarea cu săgețile și punctele lightbox, butonul Închidere etc.
Culoarea UI Hover: Alegeți UI Hover Color. Acest lucru afectează navigarea cu săgețile și punctele lightbox, butonul Închidere etc. atunci când utilizatorul trece cu mouse-ul peste fiecare.

Notă:
Toate funcționalitățile de mai sus sunt receptive pentru mobil. Vizitatorii pot mări, deschide imagini și videoclipuri pe ecran complet și pot partaja imaginile de pe telefoanele lor mobile.

Imagine Lightbox

Lightbox de imagine deschide toate linku-rile de imagine într-o fereastră pop-up lightbox. Lightbox va funcționa automat pe orice link care duce la un fișier imagine, atâta timp cât setarea „Link către” pentru imagine este setată la „Fișier media”.

Odată ce „Fișierul media” este ales, apare o opțiune suplimentară numită „Lightbox”. Aici, veți observa că caracteristica lightbox pentru această imagine este setată la Implicit, ceea ce reflectă starea setată în secțiunea Elementor > Setări > Stil. Puteți modifica opțional setarea pentru această imagine de la „Implicit” la „Da” sau „Nu”.

În interiorul editorului, trageți și plasați Widgetul Imagine pe pagină și alegeți o imagine.
Schimbați opțiunea Link la „Fișier media” (Acest lucru trebuie făcut pentru ca lightbox-ul să funcționeze.)
Setați meniul drop-down Lightbox la Da
Previzualizează modificările lightbox făcând clic pe imagine.

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.