I allmänhet måste människor använda en avatar-widget för att redigera vilken bild som helst som profilbild eller relaterade saker. En kvalitetswidget utför uppgifter som inkluderar att placera en användares bild, redigera och designa inloggnings- eller registerdetaljer. Vår nya anpassningsbara avatarwidget har alla dessa prioriterade funktioner. Du kan presentera en snyggare webbplats med hjälp av denna modul och widget.

Här har vi beskrivit användningsstegen för avatarmodulen och widgeten tydligt och enkelt. Lär dig processen nedan.

Hur man använder Avatar-funktionen #

Det finns tre huvudsteg för att använda avatarverktyget-

1. Aktiveringsmodul
2. Aktiverar widget
3. Konfigurera widget

Steg 1: Aktivera modul #

För att använda Avatar-widgeten måste du Aktivera ShopEngine Avatar Module.

För att aktivera Avatar-modulen, navigera till WordPress Dashboard > ShopEngine > Moduler > Aktivera Avatar > Spara ändringar.

Läs hela dokumentationen för ShopEngine Avatar Module:

Steg 2: Aktivera widget #

Navigera till: Din Dashboard -> ShopEngine -> Widgets -> Aktivera Avatar-> Spara ändringar.

För att aktivera ShopEngine WooCommerce Avatar-widgeten,

1. Navigera till ShopEngine > Widgets från WordPress-instrumentpanelen.
2. Rulla ner till avsnittet Mitt konto och hitta Avatar widget från listan.
3. Aktivera widgeten genom att växla växlingsknappen till PÅ.
4. Klicka på SPARA ÄNDRINGAR knapp.

Steg 3: Lägg till Avatar-widget på instrumentpanelmallen Mitt konto #

Avatar-widgeten fungerar bara på sidan Mitt konto.

1. Gå till din WordPress-sektion från instrumentpanelen.
2. Öppna Mitt konto sida i visningsläge.
3. Håll muspekaren över alternativet Redigera med Elementor och klicka på Mitt kontotemp.

När du har öppnat mallen Mitt konto i redigeringsläge,

Dra och släpp Avatar-widgeten in i malldesignen.

Skapar sidan Mitt konto #

Om ditt konto inte har en kontosida måste du skapa en.

Navigera till: Din Dashboard > ShopEngine > Builder-mallar > Lägg till ny > Mallinställningar > Ange namn > Ställ in malltyp till kontoinstrumentpanel > Välj provdesign > Redigera med Elementor.

Här är dokumentationen för att skapa en Kontoinstrumentpanel med ShopEngine.

Steg 4: Konfigurera Avatar-widgeten #

 Nu kan du konfigurera widgeten under fliken Innehåll.

1. Välj den Ladda upp ikon som låter användaren ladda upp sin avatar.
2. Uppsättning "Spara knapptext”.
3. Aktivera eller inaktivera Visa bildöverlägg funktion.
4. Välj den Stäng ikon.

Hur använder man dessa funktioner? #

• Ladda upp ikon: Användare kan ladda upp sin avatar genom att klicka på ikonen. Ladda upp ikonen från Icon Library eller ladda upp din egen Icon SVG.
• Spara-knapp: För att spara ändringarna från användarsidan.
• Bildöverlagring: Lägg till bildöverlägg och uppladdningsikonen visas när du håller muspekaren.
• Stäng ikon: Knapp för att stänga avsnittet. Välj en stängikon från ikonbiblioteket eller ladda upp din egen SVG.

*Alla dessa funktioner fungerar endast i fronten.“

Steg 5: Anpassa Avatar-stilen #

Därefter kan du anpassa Avatar-designerna under stilfliken. I den Stilsektion, redigeringsalternativen här är-

• Omslag- Uppsättning justering och innehållsgap från bilden.
• Bild- Ställ in bildbredden enligt designen.
• Innehållsstil- Du kan ändra färg, typografi, stoppning, etc. för namn, spara-knapp och e-post.
• Ladda upp knapp- Gör nödvändiga ändringar för knappen här.
• Stäng-knapp- Redigera stängningsknappen här.

Efter att du har publicerat eller uppdaterat sidan kommer den att se ut och fungera så här enligt dina uppgifter i användargränssnittet

Widgetinställningarna är en ganska enkel uppgift. Och som du såg är funktionerna användbara och finns i dagens kontofält. Så använd den här nya widgeten för att skapa snygga användarprofiler.

ShopEngine kommer med fantastiska funktioner som Avatar Widget och mer. Skaffa ShopEngine-plugin för att designa helt anpassningsbara WooCommerce-webbplatser.