Generally, people need to use an avatar widget to edit any image like profile image or related things. A quality widget performs tasks that include, placing a user’s image, editing, and designing login or register details. Our new customizable avatar widget has all these priority functions. You can present a better look website with the help of this module and widget.
Here, we have outlined the using steps of the avatar module and widget clearly and easily. Learn the process below.
How to Use Avatar Feature #
There are three main steps to use the avatar tool-
- Enabling Module
- Enabling Widget
- Creating Login page
Enabling Module #
Navigate to: Your Dashboard -> ShopEngine -> Modules -> Enable Avatar-> Save Changes
You can also click the module to ON and set the profile picture file Size and then save the changes
Enabling Widget #
Navigate to: Your Dashboard -> ShopEngine -> Widgets -> Enable Avatar-> Save Changes
Creating Login page #
Next, you have to create a Login page.
Navigate to- Your Dashboard -> ShopEngine -> Builder Templates -> Add New -> Template Settings -> Edit with Elementor
Work with Avatar Feature #
Now, search and drag and drop the avatar widget like the gif below. You will find some editing options in the Content section-
- Upload Icon- Set an image uploading icon from the Icon Library or upload your own Icon SVG.
- Save Button Text- You can write text ‘Save’ or any other relevant word.
- Show Image Overlay- If you click SHOW it will be seen otherwise can’t be directly viewed.
- Close Icon- Choose a close icon from the Icon Library or upload your own Icon SVG.
Next is Style section, the editing options here are-
- Wrapper- Set alignment and Content gap from the image.
- Image- Set image width according to need.
- Content Style- You can change color, typography, padding, etc. for name, save button, and email.
- Upload Button- Make necessary changes for the button here.
- Close Button- Edit close button here.
After publishing or updating the page, it will look and work like this according to your details in the front end
The widget settings are a pretty straightforward task. And as you saw, the features are useful and found in today’s account fields. So, use this new widget to make nice-looking user profiles.