Generelt skal folk bruge en avatar-widget til at redigere ethvert billede som profilbillede eller relaterede ting. En kvalitetswidget udfører opgaver, der omfatter placering af en brugers billede, redigering og design af login- eller registerdetaljer. Vores nye tilpasselige avatar-widget har alle disse prioriterede funktioner. Du kan præsentere en hjemmeside med et bedre udseende ved hjælp af dette modul og widget.

Her har vi skitseret brugstrinnene for avatarmodulet og widgetten klart og nemt. Lær processen nedenfor.

Sådan bruger du Avatar-funktionen #

Der er tre hovedtrin til at bruge avatarværktøjet-

1. Aktiveringsmodul
2. Aktiverer widget
3. Konfigurer widget

Trin 1: Aktivering af modul #

For at bruge Avatar-widgetten skal du Aktiver ShopEngine Avatar Module.

For at aktivere Avatar-modulet skal du navigere til WordPress Dashboard > ShopEngine > Moduler > Aktiver avatar > Gem ændringer.

Læs hele dokumentationen til ShopEngine Avatar Module:

Trin 2: Aktivering af widget #

Naviger til: Dit Dashboard -> ShopEngine -> Widgets -> Aktiver Avatar-> Gem ændringer.

For at aktivere ShopEngine WooCommerce Avatar-widget,

1. Naviger til ShopEngine > Widgets fra WordPress-dashboardet.
2. Rul ned til sektionen Min konto og find Avatar widget fra listen.
3. Aktiver widgetten ved at skifte til/fra-knappen til PÅ.
4. Klik på GEM ÆNDRINGER knap.

Trin 3: Tilføj Avatar-widget på dashboardskabelonen Min konto #

Avatar-widgetten virker kun på siden Min konto.

1. Gå til din WordPress-sidesektion fra dashboardet.
2. Åbn Min konto side i fremvisertilstand.
3. Hold musen over Rediger med Elementor-indstillingen, og klik på Min kontotemp.

Når du har åbnet skabelonen Min konto i redigeringstilstand,

Træk og slip Avatar-widgetten ind i skabelondesignet.

Oprettelse af Min konto-side #

Hvis din konto ikke har en kontoside, skal du oprette en.

Naviger til: Dit Dashboard > ShopEngine > Builder-skabeloner > Tilføj ny > Skabelonindstillinger > Indtast navn > Indstil skabelontype til kontokontrolpanel > Vælg prøvedesign > Rediger med Elementor.

Her er dokumentationen til oprettelse af en Konto Dashboard med ShopEngine.

Trin 4: Konfigurer Avatar-widget #

 Nu kan du konfigurere widgetten under fanen Indhold.

1. Vælg Upload ikon der lader brugeren uploade deres avatar.
2. Indstil "Gem knaptekst”.
3. Aktiver eller deaktiver Vis billedoverlejring funktion.
4. Vælg Luk ikon.

Hvordan bruger man disse funktioner? #

• Upload-ikon: Brugeren kan uploade deres avatar ved at klikke på ikonet. Upload ikonet fra Icon Library eller upload dit eget Icon SVG.
• Gem knap: For at gemme ændringerne fra brugersiden.
• Billedoverlejring: Tilføj billedoverlejring, og upload-ikonet vises, når du holder musen over musen.
• Luk ikon: Knap for at lukke sektionen. Vælg et luk-ikon fra ikonbiblioteket, eller upload din egen SVG.

*Alle disse funktioner virker kun i frontenden.“

Trin 5: Tilpas Avatar-stil #

Dernæst kan du tilpasse Avatar-designerne under fanen Stil. I den Stilsektion, redigeringsmulighederne her er-

• Indpakning- Sæt justering og indholdsgab fra billedet.
• Billede- Indstil billedbredden i henhold til designet.
• Indholdsstil- Du kan ændre farve, typografi, polstring osv. for navn, gem knap og e-mail.
• Upload knap- Foretag nødvendige ændringer for knappen her.
• Luk knap- Rediger lukkeknappen her.

Efter udgivelse eller opdatering af siden vil den se ud og fungere sådan i henhold til dine detaljer i frontend

Widgetindstillingerne er en ret ligetil opgave. Og som du så, er funktionerne nyttige og findes i dagens kontofelter. Så brug denne nye widget til at lave flotte brugerprofiler.

ShopEngine kommer med fantastiske funktioner som Avatar Widget og mere. Få ShopEngine-pluginet til at designe fuldt tilpassede WooCommerce-websteder.