Overview
LEGENDA WordPress theme is easy to work with and offers many theme versions. This article will focus on the Classic Store version and will provide dimensions needed for images that will be used throughout the Classic Layout. Below is a link to the theme in case you want to view the different layouts and types of imagery.
Note: Be sure to view the different homepage and header layouts. Your project manager will work with you to be sure you pick the one that will work best for you.
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 as it's how you merchandise 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.
Header/Logo
Your project manager will work with the logo you provide. If you want to keep a similar height & width of the theme's header, here are LEGENDA's dimensions:
- 300px wide × 55px tall
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 and products.
Legenda offers two types of sliders: regular width & wide width.
- Regular Width Layout : 1,170px wide x 460px tall
- Wide Width Layout : 1600px wide x 600px tall
Note: Legenda uses the Revolution Slider which allows you to layer text and buttons onto the slide.
Banner Images
Two banners are used below the slider to promote different areas of your site.
- Banner Dimensions : 570px wide x 200px tall
Note: You can add layers on top of the banner image.
Shopping Page Banners
Images on your shopping pages can help reinforce the products within your departments as well as give you the opportunity to showcase/merchandise your products.
Whether you create images for just your landing pages (i.e. Men, Women, Apparel, Accessories...) or all of your shopping pages, here's the dimensions you'll use.
- Image Dimensions : 870px wide x 300px tall
Blog Featured Images
Modern Retail highly recommends blogging as it adds meaningful content to your site as well as keeps it fresh (not to mention the SEO benefits)!
To help with the layout you will want to add a Featured Image on each post.
- Featured Image: 870px wide x 380px tall
Note: Images MUST be 870px wide for a clean consistent layout, BUT the height can be taller or shorter depending on your preference.
Content Page Images
There is some flexibility with the images on content pages such as About Us, Contact Us, etc. Your project manager will work with you to determine the best dimensions depending upon page layout. Below are some general guidelines on the width of images (height is not listed as it's flexible):
- Full Width Layout (No Sidebar)
- Image Width: 1,170px wide
- Side Menu Layout (w/ Sidebar)
- Image Width: 870px wide x tall