Demo · Responsive display
Different content per device
With Responsive Show & Hide you decide for every block and section of a Shopping Experience on which devices it appears – with a click on the device icons in the administration.
Try it: make your browser window narrower or open the page on your phone. The coloured blocks and the image below change with the screen width.
🖥️ Desktop
This block is only visible on large screens from 992 px wide.
📱 Tablet
This block is only visible between 576 and 991 px – on tablets and small laptops.
📲 Smartphone
This block is only visible on smartphones below 576 px.
Different images per device
Landscape for large screens, portrait for phones – two image blocks, each hidden on one group of devices.
Note: the settings do not apply on product detail pages – Shopware controls that layout itself.