<a href="{{ product.variants.first.featured_image.src | img_url: 'master' }}" class="commerce-main-image zoom" data-rel="prettyPhoto[product-gallery]" title="{{ product.featured_image.alt | escape }}" itemprop="image">
											<img id="varImage" width="500" height="700" src="{{ product.variants.first.featured_image.src | img_url: 'grande' }}" alt="{{ product.variants.first.featured_image.src | escape }}" />
										</a>
										{% if product.images.size > 1 %}
										<div class="thumbnails columns-12">
											{% for image in product.images offset: 1%}
											<a href="{{ image.src | img_url: 'master' }}" class="zoom first" data-rel="prettyPhoto[product-gallery]" title="{{ image.alt | escape }}">
												<img width="100" height="140" src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}" />
											</a>
											{% endfor %}
										</div>
										{% endif %}