Below, we provide the recommended image dimensions for each layout to ensure optimal visual presentation in your store.
Layouts
Hero Banner Sections (Layouts 10 and 11):
Recommended image dimensions:
Device | Layout number | Dimensions |
Desktop | Layout 10 | 1152 x 270 |
Device | Layout number | Dimensions |
Desktop | Layout 11 | 366 x 206 |
Category Showcase Sections (Layouts 23, and 25):
Recommended image dimensions:
Device | Layout number | Dimensions |
Desktop | Layout 23 | 270 x 270 |
Device | Layout number | Dimensions |
Desktop - Single category | Layout 25 | 564 x 564 |
Desktop - Two categories | Layout 25 | 564 x 564 |
Device | Layout number | dimensions - LHS side category | dimensions - RHS side category |
Desktop - Three categories | Layout 25 | 564 x 564 | 270 x 564 |
Desktop - More than three categories | Layout 25 | 564 x 564 | 270 x 270 |
How to Apply the New Layouts:
- Log in to your account dashboard.
- From the profile dropdown menu, navigate to "Online Store."
- Click on "Builder."
- Add a new section.
- Select the desired layout for each respective section.
- Customize the layout to suit your preferences.
- Save your changes and preview your updated store.
Explore more about layouts and customizing the homepage of your online store link
Customize store plans link
Dimensions of other layouts and further customization options link