Widget Elementor · Open Source

Accordion image dynamic

Un widget accordion per Elementor in cui ogni voce ha la propria immagine di sfondo e il proprio bottone con link. Tutto gestibile dall’editor, senza toccare una riga di codice.

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.

Utilizzo

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.

Lavoriamo insieme

Hai bisogno di una funzionalità su misura?

Un widget accordion per Elementor in cui ogni voce ha la propria immagine di sfondo e il proprio bottone con link. Tutto gestibile dall’editor, senza toccare una riga di codice.