Come fare un cursore di confronto delle immagini in WordPress

Come fare un cursore di confronto delle immagini in WordPress

Passaggio 1: installare e attivare i componenti componenti elementari per Element

Prima dell'installazione, assicurarsi che sia WooCommerce che Element siano attivati ​​nella dashboard.

Scarica il plugin : visita la pagina plug -in Element Addons e scarica il plugin.

Vai alla dashboard WordPress → Plugin → Aggiungi nuovo plug -in → Carica.

Carica il file scaricato e fai clic su "Installa ora".

Una volta installato, fare clic su "Attiva" per abilitare il plug -in.

Per installare i componenti aggiuntivi elementi, guarda sotto il video tutorial:

Passaggio 2: creare o modificare una pagina con elemento :

Vai a pagine> Aggiungi nuovo se stai iniziando fresco o modifica una pagina esistente o aggiungi un cursore a qualsiasi pagina secondo necessità.

Fai clic su Modifica con Element per avviare il Builder Page Element.

Passaggio 3: aggiungi il widget di confronto delle immagini

Nell'editor Elementor, cerca i widget dei componenti aggiuntivi Element nella barra laterale o cerca il confronto delle immagini nel pannello widget.

Trascina e lascia cadere il widget di confronto delle immagini ovunque sulla pagina.

Passaggio 4: carica le tue immagini

Qui, puoi vedere il widget di confronto delle immagini appena aggiunto nell'immagine qui sotto.

Utilizzare la barra laterale sinistra per modificare la sezione Confronta le immagini aggiungendo immagini nella sezione immagine.

Ho incluso immagini di esempio per il tuo riferimento.

Passaggio 5: personalizzare il cursore

È possibile modificare e personalizzare le impostazioni utilizzando la barra laterale sinistra.

È possibile modificare e personalizzare le impostazioni utilizzando il menu sul lato sinistro.

Passaggio 6: pubblicare la pagina

Una volta che sei soddisfatto delle tue impostazioni, fai clic su Pubblica per rendere in diretta il cursore di confronto delle immagini.

Quando sei soddisfatto delle tue regolazioni, fai clic su "Pubblica" per rendere visibile il cursore di confronto delle immagini ad altri.

È possibile visualizzare la pagina facendo clic su "Visualizza pagina".

Puoi visualizzare il cursore di confronto delle immagini in diretta dalla tua parte.

Shop Mania WooCommerce Tema

Stai cercando un bellissimo tema ricco di funzionalità per migliorare il tuo negozio WooCommerce?

Consigliamo vivamente il tema della mania del negozio per un'esperienza di shopping senza soluzione di continuità e visivamente accattivante.

Il suo design elegante, le opzioni di personalizzazione facili e la compatibilità di WooCommerce rendono la mania del negozio un'ottima scelta per i negozi che mirano a migliorare la soddisfazione del cliente e aumentare le conversioni. Puoi controllarlo qui.

Caratteristiche della mania del negozio:

• Siti pronti per l'importazione: importare facilmente siti dimostrativi e personalizzarli per soddisfare le esigenze del tuo negozio.
• Modelli di carrelli multipli: scegli tra cinque modelli di carrelli di alta qualità per abbinare il design del tuo negozio.
• Vista rapida: consenti agli utenti di visualizzare in anteprima i dettagli del prodotto senza lasciare la pagina corrente.
• Barra laterale off-canvas: visualizzare ulteriori prodotti e widget senza ingombrare la homepage.
• Carrello galleggiante: migliorare l'esperienza dell'utente con un comodo carrello galleggiante.
• Effetti del mouse del prodotto: include zoom, dissolvenza, scambio di immagini e effetti di diapositiva per display di prodotti interattivi.
• Stili di intestazione mobile: disegni di intestazione ottimizzati su misura per un'esperienza mobile senza soluzione di continuità.
• Layout personalizzabile a singolo prodotto: layout flessibile della galleria, comprese le opzioni di griglia e cursore.
• Checkout e carrelli avanzati: checkout personalizzati e pagine dei carrelli per un'esperienza fluida e senza distrazioni.