Help & Resource Center

Swank Theme : Site Imagery


Swank 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 image you may use throughout your site.

note : The following dimensions are based on what works best with the themes 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.

  • Dimensions : 1,140px wide × 475px tall 

Homepage Banner Images:

These images live on your homepage, somewhere below the slider.  They can be used to feature a specific department, product, sale...

  •  Image Dimensions : 320px wide x 320px tall


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...).  There are two possible layouts for your shopping page depending on your product catalog and departments.  Your project manager will work with you to decide which layout works best

Full Page Layout:

  • Image Dimensions : 1,140px wide × 300px tall

Side Menu Layout:

  • Image Dimensions : 720px wide × 260px tall (the height is adjustable)



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:

  • Featured Image 720px wide x 480px 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.