How can I show larger images on the Sexy theme?

Before our last big update, the biggest product image size used was 300 x 300 pixels. However, now you can upload images up to 1000 x 1000 pixels in dimension.

All of our new themes, as well as stores using the Sexy theme after July 12th 2008, will automatically support these larger images. However, if you’d like to add this functionality to an older store using the Sexy theme, here’s how:

Platinum and Diamond stores

1. On the Design > Pages page of your admin, click the Product page.
2. Make sure you’re using Default HTML.
3. Click Save and you’re set!

Gold (free) stores

1. On the Design > Basics page, save your header graphic and CSS to your computer for a backup.
2. On the Design > Themes page, click Revert on the Sexy theme.
3. On the Design > Basics page, re-upload your header, paste in your CSS and click Save.

Stores with custom product pages

If you want to apply this to your custom code, at the top change the “product-image” link to look like this:

<a id="product-image"{% if product.image_count > 0 %} href="{{ product.image | product_image_url }}"{% endif %}><img id="product-img" src="{{ product.image | product_image_url size:"large" }}" alt="Image of {{ product.name | escape }}" /><span class="stilt"></span>{% if product.image_count > 0 %}<span class="icon_zoom"></span>{% endif %}</a>

and at the very bottom of the page, put this:

<script src="{{ 'fancyzoom' | theme_js_url }}" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
 
	{% for image in product.images %}
	Store.fullSizeImages.push('{{ image | product_image_url }}');
	{% endfor %}
 
</script>