Photo size on products in JM Crafts

Answered

Public

Juan Carlos Stauring asked April 22, 2014

Hello
On this JM Craft product view you have the product photo size set as 515 x 515. When you click on the product photo so it pops up, instead of increasing the size of the product view it actually opens to 400 x 400. This doesn’t make much sense since the reason to select it is to get a better view. How and which file is edited to change to size of the image to lets say 750 x 750

thank you in advance!
jc

Crafts

3 answers

Vote Up

Vote Down

Seoki Lee ⋅1510.00 $tone April 23, 2014

Public

To change the size of product’s image on product detail page, please open this file: \skin\frontend\default\jm_crafts\js\jquery\plugins \colorbox\jquery.colorbox.js

At line 994, replace this code:

Code:

photo.style.width = photo.width + 'px';
photo.style.height = photo.height + 'px';

With:

Code:

photo.style.width = 750 + 'px';
photo.style.height = 750 + 'px';

Vote Up

Vote Down

Juan Carlos Stauring ⋅0.00 $tone April 23, 2014

Public

thanks! changing to ‘px’ to ‘750’ worked without loosing the lightbox effect. I do see the point now on making it smaller size down to 400 on your template, it would be great to have it responsive and larger to 750 for example if not at this larger size it will be an issue with some users on some screen resolution sizes or some devices.

Vote Up

Vote Down