Overview
The Superstore Fashion theme offers a modern, clean layout for your site. This article will provide dimensions needed for images that will be used throughout the site. Below is a link to the theme in case you want to view layouts and type of imagery.
Site Imagery
Lifestyle images are an important aspect of your site; they help create the look and feel you want to create online. Be thoughtful as you pick your imagery, it's how you merchandize your online store. Below are different images you may use throughout your site.
Note : The following dimensions are based on what works best with the theme's layout. Occasionally the height of the images may be adjustable, but the width is not.
Homepage Slider Images:
Slider Images are the first thing people see when visiting your site. Be sure to use images that capture your shoppers' attention while reinforcing your brand.
- Slider Dimensions : 873px wide × 483px tall (Note: You can add layers of text directly within WordPress onto the sliders.)
Homepage Banner Images:
These images live on your homepage, somewhere below the slider. They can be used to feature a specific department, product, sale...
- Banner Dimensions : 378px wide × 220px tall (Note: You must add layers of text on the image PRIOR to uploading.)
Shopping Page Banners:
Images on your shopping landing pages help reinforce the products within your departments as well as give you the opportunity to showcase a mix of your products.
You will want to create an image for each of your main shopping departments (i.e. Men, Women, Apparel, Accessories...).
- Image Dimensions : 873px wide × 260px tall (the height is adjustable)
Blog:
Modern Retail highly recommends blogging as it adds meaningful content to your site, keeps it fresh and offers SEO benefits!
Each blog will need a Featured Image. The height is adjustable, but if you want a clean consistent look, the width should stay the same.
- Featured Image Dimensions : 834px wide × 380px tall (height is adjustable)
Content Pages:
You will also want to add images to your content pages (About Us, Contact Us...). The size of these can vary depending on how you'd like to use them (headers, inside the content area...). You can use the above dimensions as a guide, but if you aren't sure, speak to your project manager.