In genere, le persone devono utilizzare un widget avatar per modificare qualsiasi immagine come l'immagine del profilo o cose correlate. Un widget di qualità esegue attività che includono l'inserimento dell'immagine di un utente, la modifica e la progettazione dei dettagli di accesso o di registrazione. Il nostro nuovo widget avatar personalizzabile ha tutte queste funzioni prioritarie. Puoi presentare un sito Web dall'aspetto migliore con l'aiuto di questo modulo e widget.

Qui abbiamo delineato i passaggi di utilizzo del modulo avatar e del widget in modo chiaro e semplice. Scopri il processo di seguito.

Come utilizzare la funzione Avatar #

Esistono tre passaggi principali per utilizzare lo strumento avatar:

1. Modulo di abilitazione
2. Abilitazione del widget
3. Configura widget

Passaggio 1: abilitazione del modulo #

Per utilizzare il widget Avatar è necessario Abilita il modulo avatar ShopEngine.

Per abilitare il modulo Avatar, vai a Dashboard WordPress > ShopEngine > Moduli > Abilita avatar > Salva modifiche.

Leggi la documentazione completa per il modulo Avatar ShopEngine:

Passaggio 2: abilitazione del widget #

Passa a: La tua dashboard -> ShopEngine -> Widget -> Abilita avatar-> Salva modifiche.

Per abilitare il widget Avatar WooCommerce di ShopEngine,

1. Navigare verso ShopEngine > Widget dalla dashboard di WordPress.
2. Scorri verso il basso fino alla sezione Il mio account e trova il Avatar widget dall'elenco.
3. Abilita il widget spostando il pulsante di attivazione/disattivazione su SU.
4. Clicca sul SALVARE LE MODIFICHE pulsante.

Passaggio 3: aggiungi il widget Avatar al modello dashboard Il mio account #

Il widget Avatar funziona solo nella pagina Il mio account.

1. Vai alla sezione delle tue pagine WordPress dalla dashboard.
2. Apri il Il mio conto pagina in modalità visualizzatore.
3. Passa il mouse sull'opzione Modifica con Elementor e fai clic su Temp. del mio account.

Dopo aver aperto il modello Il mio account in modalità editor,

Trascina e rilascia il widget Avatar nel design del modello.

Creazione della pagina Il mio account #

Se il tuo account non ha una pagina account, devi crearne una.

Vai a: La tua dashboard > ShopEngine > Modelli di builder > Aggiungi nuovo > Impostazioni modello > Inserisci il nome > Imposta il tipo di modello sulla dashboard dell'account > Seleziona un progetto di esempio > Modifica con Elementor.

Ecco la documentazione per creare un file Dashboard dell'account con ShopEngine.

Passaggio 4: configura il widget Avatar #

 Ora puoi configurare il widget nella scheda Contenuto.

1. Scegli il Carica icona che consente all'utente di caricare il proprio avatar.
2. Impostato "Salva testo del pulsante”.
3. Abilita o disabilita il Mostra sovrapposizione immagini caratteristica.
4. Scegli il Chiudi icona.

Come utilizzare queste funzionalità? #

• Icona Carica: L'utente può caricare il proprio avatar facendo clic sull'icona. Carica l'icona dalla Libreria di icone o carica la tua icona SVG.
• Pulsante Salva: Per salvare le modifiche dal lato utente.
• Sovrapposizione di immagini: Aggiungi la sovrapposizione di immagini e l'icona di caricamento verrà visualizzata quando si passa il mouse.
• Icona Chiudi: Pulsante per chiudere la sezione. Scegli un'icona di chiusura dalla Libreria di icone o carica il tuo SVG.

*Tutte queste funzionalità funzionano solo nel front-end.“

Passaggio 5: personalizza lo stile dell'avatar #

Successivamente, puoi personalizzare i design degli avatar nella scheda Stile. Nel Sezione Stile, le opzioni di modifica qui sono-

• Involucro- Impostato allineamento e gap di contenuto dall'immagine.
• Immagine- Imposta la larghezza dell'immagine in base al design.
• Stile contenuto- Puoi modificare colore, tipografia, riempimento, ecc. Per nome, pulsante Salva ed e-mail.
• Pulsante Carica- Apporta le modifiche necessarie per il pulsante qui.
• Pulsante Chiudi- Modifica il pulsante di chiusura qui.

Dopo aver pubblicato o aggiornato la pagina, apparirà e funzionerà in questo modo in base ai tuoi dettagli nel front-end

Le impostazioni del widget sono un compito piuttosto semplice. E come hai visto, le funzionalità sono utili e si trovano nei campi dell'account di oggi. Quindi, usa questo nuovo widget per creare profili utente dall'aspetto gradevole.

ShopEngine è dotato di funzionalità straordinarie come Avatar Widget e altro ancora. Ottieni il plug-in ShopEngine per progettare siti Web WooCommerce completamente personalizzabili.