Free shipping on all orders within the USA

Image size guide

Posted on March 21 2017

Adding images to your Shopify theme is simple but how did we setup the images in this demo?

For the home page we setup a simple 3 image gallery using the Mr Parker themes built in Advanced Layout section. 

Customize theme > Add a section > Custom content.

Set this section up to show 3 images and use these dimensions:

Image 1 = Align left at 66% width
Use an image 1000px x 1000px ( height x width )

Image 2 = Align right at 33% width
Use an image 1000px x 1000px ( height x width )

Image 3 = Align right at 33% width
Use and image 1000px x 1000px ( height x width )

This will keep that same alignment with the left large image and 2 smaller images beside it. You can play with those sizes but keeping all 3 at the same height - width ratio will ensure that you keep a good alignment and that they will look great on all screen sizes.