A Guide to Recommended Image Dimensions

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

 

 

Start Exploring
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request