Virtuemart Support :: Topic: [SOLVED] How to enlarge the thumbnail size (1/1)

Welcome, Guest

TOPIC: [SOLVED] How to enlarge the thumbnail size

[SOLVED] How to enlarge the thumbnail size 11 years 7 months ago #224

Elliot Nicholls

Hi there, i want to increase the image size on the product page.
Appologies if this is not correct but It seems Flex Zoom is using the product thumbnail on the product pages. I would prefer to use the main image and then use a bit if css to make it smaller, rather than making all my thumbnails bigger in VM2 and then resizing those on the category pages.
If that is not the case and Flex Zoom is creating it's own thumbnails, please can you tell me where to change the size of them?
example page here
www.webdesignpudsey.co.uk/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=196&virtuemart_category_id=4631&Itemid=123
thanks
Elliot

Last Edit: 11 years 7 months ago by Support.

The topic has been locked.

Image size on product page VM2 11 years 7 months ago #226

Support

Hi,

It is pretty easy to achieve what you are asking.
Please open this file:

ROOT/templates/<yourjoomlatemplatefolder>/html/com_virtuemart/productdetails/default_images.php

And look for this IMG TAG (it is in 26th line):

<img src="<?php echo $this->product->images[0]->file_url_thumb;?>" alt="<?php echo $this->product->product_name ?>" class="product-image" />

Change it with this:

<img src="<?php echo $this->product->images[0]->file_url;?>" alt="<?php echo $this->product->product_name ?>" class="product-image" />

Also look for this TAG (it is in 35th line):

<a href="<?php echo $this->product->images[$ImageId]->file_url;?>" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo JURI::root(); ?><?php echo $this->product->images[$ImageId]->file_url_thumb;?>'"><img src="<?php echo $this->product->images[$ImageId]->file_url_thumb;?>" class="zoom-tiny-image-additional" style="height:50px; width:auto;" /></a>

change it with this:

<a href="<?php echo $this->product->images[$ImageId]->file_url;?>" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo JURI::root(); ?><?php echo $this->product->images[$ImageId]->file_url;?>'"><img src="<?php echo $this->product->images[$ImageId]->file_url_thumb;?>" class="zoom-tiny-image-additional" style="height:50px; width:auto;" /></a>