Increase your Default Shopp Image Sizes

by Lorenzo Orlando Caum on May 29, 2013

This post kicks off our pivot to focus on performance, security, and conversions as related to WordPress e-commerce. We’ve selected these topics as they can increase sales in your online store.

Today we’ll be talking about images sizes in Shopp and why you should increase them.

Introduction to Shopp Images

On a new installation of Shopp 1.2.x, the default images sizes are as follows:

  • gallery-previews: 240px x 240px
  • gallery-thumbnails: 64px x 64px
  • thumbnails: 96px x 96px

Gallery-previews are used on Shopp product pages. Gallery-thumbnails are also used on the Shopp product pages and will appear under the primary image (if multiple images are in use). Thumbnails are used on the Shopp storefront page, Shopp collection (category) pages, and Shopp tag pages.

Here are some examples of what the URLs might look like for these pages:

  • http://yourwebsite.com/shop/ = Shopp storefront page
  • http://yourwebsite.com/shop/product-name/ = Shopp product page
  • http://yourwebsite.com/shop/category/category-name/ = Shopp collection page
  • http://yourwebsite.com/shop/tag/tag-name/ = Shopp tag page

How to Increase Shopp Image Sizes

When a customer first browses to your store, once of the first things that they will notice will be your product images. Small images make it difficult for your customers to “see the details” of your product. This applies whether they enter on your storefront page, through a product page, or via other page on your website. Images and the written copy on your pages are the major selling points for your products.

Do you have small images in your store? You can easily correct this through Shopp Image Settings.

Login to your WordPress admin –> Shopp Setup –> Images

Hover over the first option, then click on Edit. From here remove the existing image sizes and enter larger numbers. Note that these values are expressed as pixels (px). Then be sure to click on Save Changes.

Repeat this process for your other image settings.

Additional Recommendations for Shopp Images

Show Multiple Views of your Product

Lets say that you were selling graphic t-shirts — here are some examples of the images that you might include on the product page:

  • Close-up of the material / print
  • Overview of the t-shirt
  • Picture of a customer wearing your t-shirt

What other images can you think of that would be helpful to your customers? Remember your images should be working in your favor!

Create Extra Shopp Image Settings

Creating more Shopp image settings will give you greater control of images across your store.

Use File System Storage

For the best performance for your customers, be sure that you are using File System Storage with Shopp. This is a faster and a better long-term solution than the default option of Database Storage. Want to take this a step further? Add a Content Delivery Network to your WordPress site. A CDN will serve your images from servers that are located nearby your customers which means an even quicker loading website.

Related Posts Plugin for WordPress, Blogger...
  • Was this post helpful to you?
    Join our newsletter to receive updates!
  • Author: Lorenzo Orlando Caum

    Lorenzo Orlando Caum is the founder of Enzo12 LLC, a web engineering firm in Tampa, FL.

    Lorenzo contributes to the Shopp project as a member of the support team. He has written several WordPress extensions for Shopp.

    If you would like to know more about Lorenzo, you can follow @lorenzocaum on Twitter or check out his blog.

    Previous post:

    Next post: