Vintage theme - Product image sizes

From Spiffy Stores Knowledge Base

Jump to: navigation, search

If your store uses the Vintage theme, we recommend uploading square images, around 1200px square. The theme supports any size image, but it's best that you keep your images all the same dimensions so that your store looks tidier.

You can make this a lot easier for yourself if you change your store's built-in product image sizes. To do this, follow the instructions below;

Contents

Changing your stores’ product image sizes

To change the default image sizes that your Spiffy Store uses, you will need to do a couple of things… turn on advanced configuration options in your preferences, and then edit the product image sizes in your theme editor. Instructions on each step are below.

Step 1. Turn on advanced configuration options

  • Log in to your store, and go to the “Your Settings” page in the top right menu
  • Scroll down to the “Advanced Configuration” section, and tick the box that says “Enable advanced theme options.”
  • Click the “Save changes” button.

Step 2. Change your default image sizes

To add white padding around images, use the "Padded" option.

  • Go to the “Design & assets >> Theme editor” section of your toolbox in the top right menu
  • Scroll down to the “Custom Product Image Sizes” section.
  • Change the “Compact Image” dimensions to 100 wide and 100 high, and tick only the box for “Padded”.
  • Change the “Medium Image” dimensions to 292 wide and 292 high, and tick only the box for “Padded”.
  • Change the “Large Image” dimensions to 430 wide and 430 high, and tick only the box for “Padded”.
  • Click the “Save” button.


Or to crop parts of the image, use the "Cropped" option.

  • Go to the “Design & assets >> Theme editor” section of your toolbox in the top right menu
  • Scroll down to the “Custom Product Image Sizes” section.
  • Change the “Compact Image” dimensions to 100 wide and 100 high, and tick only the box for “Cropped”.
  • Change the “Medium Image” dimensions to 292 wide and 292 high, and tick only the box for “Cropped”.
  • Change the “Large Image” dimensions to 430 wide and 430 high, and tick only the box for “Cropped”.
  • Click the “Save” button.

Resizing your own photos

Resizing your images before you upload them gives you far greater control. Not everyone knows how to use image editing programs, which is why we have recommended the “Custom image sizes” option for most people.

Most people have some sort of image editing program that allows them to re-size or crop an image. There are plenty of free ones out there as well. There's a great one online at http://pixlr.com/ (Advanced Pixlr editor)

If you’ve got a handle on editing your own images… give it a go!

If you upload product images that are 1200px wide x 1200px high, then your photos should come out gorgeous on all pages.