Banner Image Tips
Create a beautiful banner image that is stretched and centered across your storefront. The size and dimensions of your image can vary depending on the look you are going for. We recommend your image is around 1000x200 pixels.
Add a new Image module to your storefront from the Content > General menu in the design panel. Drag the Image module to an empty blue page row, click the camera icon in the design panel to upload and select an image. You can also add a caption and hyperlink for your photo in the Options tab while editing the Image module.
This banner is around 700x100 pixels.
This banner is about 1110 x 300 pixels. These dimensions are larger than the previous ones because the user added white space to the bottom of the banner.
This logo is 400 x 100 pixels. This is a great example of a simple, well designed banner based on existing branding. This store uses the Basic layout.
This simple square logo is 200 x 200 pixels.
This big and bold banner is 830 x 430 pixels. While very large banners can sometimes obscure the products in the store, this example makes a great impact with a striking, well-integrated image.
You can save your banner image as a .png file with a transparent background to help your banner blend in with your existing background image.