Device-Based Content Visibility in Odoo 18 Website Builder (enterprise)

Introduction

When creating websites in today's digital landscape, it's important to offer content that adapts to different screen sizes. Visitors may access your site using a desktop, laptop, tablet, or smartphone each with different display capabilities and user expectations.

With Odoo 18 Website Builder, you have the ability to show or hide content blocks based on the type of device Desktop or Mobile ensuring your design stays responsive and relevant across all platforms.

What Does It Mean?

In simple terms, this feature allows you to control the visibility of any section or block on your website depending on whether the user is viewing it from a desktop or a mobile device.

You can:
       * Display a block only on desktop

       
       * Display a block only on mobile


       * Display a block on both


This ensures that each user sees the content that best suits their screen and context.

How to Hide or Show Blocks Based on Device in Odoo 18

1. Open Your Website in Edit Mode

       * Go to your Odoo 18 website.

       
       * Click the “Edit” button to start customizing your page.



 2. Select the Desired Content Block

     
         * Click on the specific section, image, or text block you want to manage visibility for.



3. Access the “Customize” Settings


        * On the right-side editor panel, click on the “Customize” tab.


4. Scroll Down to Find Visibility Options


        * Locate the section labeled “Visibility”.


5. Toggle the Display Options


         * You will see:
                           1. Desktop

                           2. Mobile
     
         * Simply uncheck the box for the device where you want to hide the block.



6. Save and Preview


             * Click “Save” to apply changes.


             * Use the preview mode to view the content on both desktop and mobile.

Conclusion: 

In Odoo 18, managing how your content appears on desktop and mobile devices is both easy and powerful. By using device-specific visibility settings, you ensure that your website remains clear, effective, and engaging no matter what device your visitor is using.

This feature not only enhances user experience but also improves site performance and design flexibility. If you're aiming to build a modern, responsive website in Odoo 18, mastering content visibility by support type is a must.


Sign in to leave a comment
Restrict shop page access to signed-in users and add a menu in Odoo 18 website.