7 - How To Change Category Design
1. Open category settings
Begin by clicking the category action area to access the category settings in Boni.
2. Access to edit category configuration
Click the edit option to proceed to the categoryconfiguration panel where you can make changes.
3. Access Design Settings
Access the design settings for the selected category to customize its appearance.
4. Choose category template container size
Choose the container size for category template design.
5. Click Set Background Style
Click "Set Background Style" to choose how the background will appear.
6. Choose Color Background
Choose the "Color" option to set a solid background color for the category.
7. Select Background Color Field
Select the "Background Color" field to enter a specific color value.
8. Delete Existing Color
Click the delete button to delete category background color.
9. Reopen Background Style Menu
Reopen the background style menu to choose a different background option.
10. Select Image Background
Select the "Image" option to set an image as the background for the category.
11. Choose Image Source
Choose the source or location of the background image you want to apply.
12. Select Background Image
Choose the specific image to use as the category background.
13. Open Image Position Options
Access the options to modify the position of the background image.
14. Set Image Position Bottom
Set the background image position to "bottom" for optimal alignment.
15. Set Image Position Top
Set the background image position to "top" for optimal alignment.
16. Delete Background Image
Delete the current background image to remove it from the category design.
17. Open Background Style Again
Open the background style menu again to explore other background options.
18. Select Gradient Background
Select the "Gradient" option to apply a gradient background style.
19. Enter Gradient Example
To set a gradient background for the template, add a gradient CSS value in the gradient field. Click the
button on the right side of the gradient text box to select and apply your desired gradient.
20. Delete Gradient Background
Delete the current gradient background to remove it from the category.
21. Open Sub Categories
Open the "Sub Categories" section to chhose sub category template design.
22. Select Sub Category
Select a sub category to edit or configure design settings.
23. Return To Categories
Return to the main "Categories" section to continue editing other categories.
24. Select Category Again
Select the category again to review or finalize your design changes.
25. Save All Changes
Click "Save Changes" to apply and save all your category design updates.
You have successfully changed the category design by editing the category and managing background styles
including color, image, and gradient. To further customize, explore additional design options or manage
other categories as needed.
Uploading...