Widget Elementor · Open Source
Accordion image dynamic
- Elementor Pro
- WordPress
- Slick Slider
- jQuery
- PHP 8.0+

Funzionalità
Cosa fa, in concreto
Immagine dinamica per item
Ogni voce dell'accordion ha la propria immagine di sfondo. Al passaggio del mouse l'immagine cambia con una transizione fluida.
Bottone con link per item
Ogni voce può avere il proprio bottone con testo e URL personalizzati. Se non compili il campo, il bottone non appare — nessun elemento vuoto nel layout.
Stile completamente controllabile
Colori, tipografia, padding e border per ogni elemento sono gestibili dal pannello Style di Elementor. Nessun CSS da scrivere.
Mobile ready
Su desktop l'accordion risponde all'hover. Su mobile e tablet risponde al tap. Il comportamento cambia automaticamente in base al dispositivo.
Carica solo quello che serve
CSS e JavaScript del widget vengono caricati solo nelle pagine in cui il widget è presente, non su tutto il sito.
Numerazione automatica
Ogni voce viene numerata automaticamente con padding a due cifre (01, 02, 03…). Lo stile dei numeri è personalizzabile dal pannello Style.
Come si usa
Installa il plugin
Carica la cartella in /wp-content/plugins/ e attivalo dal pannello WordPress.
Trascina il widget
Cerca "Accordion image dynamic" nella categoria Custom dell'editor Elementor e trascinalo nella sezione che preferisci.
Aggiungi le voci
Dal tab Content aggiungi ogni item con titolo, testo, immagine e bottone. Puoi aggiungere quante voci vuoi.
Personalizza lo stile
Dal tab Style controlla colori, font e spaziature di ogni elemento — titoli, numeri, testo, bottone.