Image gallery
The Media Wall Block allows merchants to display multiple images on a page, with customizable layout options for each image. By configuring the width and height in grid columns, you can create visually impactful media displays. This block is ideal for showcasing product images, telling brand stories, or enhancing the visual atmosphere of a page.
Key Features
Customizable Image Columns: Each image can have its own width and height column settings, providing flexible layouts. On desktop, up to 4 width columns and 2 height columns are supported, while on mobile, up to 2 width columns and 4 height columns are available.
Responsive Design: The image layout automatically adjusts based on the device (desktop or mobile), ensuring consistent display quality across all screen sizes.
Multiple Image Display: Upload multiple images to showcase products, brand stories, or other visual elements, creating a rich and engaging media wall.
Image Scaling and Ratio Control: Control the size and proportions of images by adjusting the column settings, allowing for regular or irregular grid effects.
Usage Suggestions
Use High-Quality, Cohesive Images: To maintain visual consistency and enhance the overall aesthetic, upload high-quality images with a unified style.
Strategic Column Settings: By controlling the width and height columns of each image, you can allocate more space to important images or create a visually appealing contrast with varied image sizes.
Brand Storytelling: Beyond product images, use the media wall to tell your brand’s story, showcase event highlights, or promote new products, increasing brand awareness and engagement.
Optimize for Mobile: Test the media wall on mobile devices to ensure it looks great. Adjust the column settings for each image to provide the best user experience on all devices.
The Media Wall Block provides a dynamic and customizable way to display a wide array of images, enhancing both the visual appeal and the storytelling potential of your site.
Last updated