Visual Page Customizer, Inline Editing & Layout Controls

1. Overview & Business Value#

The Nehabi visual editor provides fine-grained control over typography, spacing, component visibility, and animations without writing a single line of CSS.

1. Precision Layout Adjustments#

• Padding & Margin Sliders: Visually adjust vertical and horizontal spacing using intuitive drag handles.
• Background Styling: Apply solid colors, linear gradients, WebP images with parallax scrolling, or streaming background video.
• Scroll Animations: Configure entry animations (Fade In, Slide Up, Zoom) triggered as the visitor scrolls down the page.

{screenshot:nehabi-page-customizer-controls}

2. Managing Device-Specific Visibility#

You can hide or show specific sections based on the visitor's device. For example, display an expanded interactive table on desktop while showing a streamlined card carousel on mobile phones.

2. Prerequisites & Access Permissions#

• Required Modules: website, website_sale, smart_backend_theme
• Security Access Groups:
  • Website Designer (Technical ID: website.group_website_designer)
  • eCommerce Manager (Technical ID: website_sale.group_website_sale_manager)
• Master Data Dependencies: Established product catalog, defined multi-currency pricelists, and configured payment provider keys.

3. Step-by-Step UI Execution & Verification#

Step 1: Navigating to the Nehabi Management Interface#

1. Access your SmartERP portal at https://smarterp.et/odoo.
2. Open the main App Switcher and select Website.
3. Click the Go to Website button on the top-right control bar.

{screenshot:40-drag-and-drop-page-customizer-step1-navigation}

Step 2: Executing Configuration and Publishing#

1. Select the target page or e-commerce setting.
2. Apply layout adjustments or parameter modifications.
3. Verify live presentation across desktop and mobile viewports.

{screenshot:40-drag-and-drop-page-customizer-step2-verification}

4. Advanced Configuration Points#

• Scheduled Crons: website.ir_cron_sitemap_generator regenerates XML sitemaps every 24 hours.
• Multi-Website Support: SmartERP supports multiple independent websites running off a single database with dedicated domains.

5. Comprehensive Troubleshooting Matrix#