Banner Image Tips

How:

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.

Screen_shot_2013-07-30_at_8.23.00_AM.png

Examples:

Simple banner

This banner is around 700x100 pixels.

Screen_shot_2011-10-25_at_12.13.32_PM.png

Simple with spacing

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.

Screen_shot_2011-10-25_at_2.16.12_PM.png

Small and simple

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.

Screen_shot_2011-10-25_at_2.20.07_PM.png

Small and on the side

This simple square logo is 200 x 200 pixels.

Screen_shot_2011-10-25_at_2.32.21_PM.png

Big and bold

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.

Screen_shot_2011-10-25_at_2.35.17_PM.png

Extra tip:

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.