1 - Boniii Website Editor Basic Information

1. Access Admin Panel 

Click the Access the admin panel to begin managing your website settings.
Access Admin Panel

2. Open Designs & Pages Section

Click Designs & Pages to access the area where you can manage your website's layout and content.
Open Designs & Pages Section

3. Navigate to Pages

Click Pages to view and edit the different pages available on your website.
Navigate to Pages

4. Select Products Page

Click Products to open the product-related pages for editing and customization.
Select Products Page

5. Select Category Page

Click Category to open the Category -related pages for editing and customization.
Select Category Page

6. Open Product Page

Click Product to open edit individual product the product-related pages for editing and customization.
Open Product Page

7. Blogs Section

Click Blogs to open edit the Blogs -related pages for editing and customization.
Blogs Section

8. Select Blog Page

Click Blog to open edit individual the Blog -related page for editing and customization.
Select Blog Page

9. Open Default Page

Click Default to open edit the Default -related pages for editing and customization.
Open Default Page

10. Access Form Page

Click Form to open edit the Form -related pages for editing and customization.
Access Form Page

11. Open Data Source Record

Click Data Source to open edit the Data Source-related pages for editing and customization.
Open Data Source Record

12. Select Custom Page

Click Custom to open edit the Custom -related pages for editing and customization.
Select Custom Page

13. Open Home Page

Click Home to open edit the Home page for editing and customization.
Open Home Page

14. Click Design Page

Click Edit to access the design page for further customization.
Click Design Page

15. Open Configuration Settings

Click Configuration to access the general default settings for your website's product card, top product card, category , top category, product details design and theme colors settings
Open Configuration Settings

16. Access Colors Palettes

Click Colors Palettes to customize the color schemes used throughout your website.
Access Colors Palettes

17. Open Fonts Settings

Click Fonts to manage and select the typography styles for your site.
Open Fonts Settings

18. Select Template Title

Click Template Title to modify the title design of your website templates.
Select Template Title

19. Open Header Design

Click Header design to customize the appearance and layout of your website's header.
Open Header Design

20. Access Categories Design

Click Categories design to adjust how product categories are displayed on your site.
Access Categories Design

21. Select and set Product Card Design

Click Product Card design to change the card style of product cards.
Select and set Product Card Design

22. Select Product View Detail Design

Click Product view detail to change the Product view detail design.
Select Product View Detail Design

23. Access Category Display Templates

Click Category Display Templates to change the Category design.
Access Category Display Templates

24. Select Product Display Templates

Click top product display templates to change the top product templates design.
Select Product Display Templates

25. Select Footer Design

Click footer display templates to change the top footer templates design.
Select Footer Design

26. Close Design Settings

Click Close to exit the design settings and return to the main configuration area.
Close Design Settings

27. Open Global Style Settings

Click Global Style to manage overall style settings that affect your entire website.
Open Global Style Settings

28. Global Style Settings Penal

Global Style Settings allow you to manage your website’s H1 to H6 headings, paragraph text, and font sizes easily. You can also configure button styles, colors, and overall typography from one place. This helps keep the design consistent across all pages of your website. Any changes made in the global settings will automatically apply throughout the entire site.
Global Style Settings Penal

29. Access Resource Settings

Click Resource Settings to manage resources such as style sheet, script sheet, css, javascript and meta tags for SEO used on your site.
Access Resource Settings
You have successfully configured the basic information and design settings of your Boni website using the editor.

Uploading...