Help & Resource Center

Foodie Theme : Site Imagery

Overview

Foodie 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.

  • Dimensions : 680px wide × 350px 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.

Side Menu Layout:

  • Image Dimensions : 680px wide × 300px tall (the height is adjustable)

Full Page Layout:

  • Image Dimensions : 1080px wide × 300px tall (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 and width of blog images are adjustable as it will depend on which layout you use.  Here are just a few examples of post layouts.

Post with image on top:

  • Featured Image 680px wide x 450px tall (height is adjustable)

Post with image aligned left:

  • Featured Image : 450px × 675px (both height & width are adjustable)

 

Post with image aligned right:

Featured Image : 310px × 465px (both height & width are adjustable)