Return to previous page

Topic: Product Page Image

Stinsonleathers

Participant

January 20, 2016 2:00 pm

Hello,

How can i Change the picture size of the single product page,
The image is really large in the single product page,
Can you give us custom code that reduces the size of image in single product page,
Site URL: hidden
Theme version: 2.9
WooCommerce version: 2.4.6

Content is visible for topic creator and
support staff only.

#108899 copied to clipboard

Like

Stan Russell

Participant

January 20, 2016 3:55 pm

Hello Stinsonleathers,

please provide us with FTP credentials for your site in private content and specify what Product image dimensions do you want to have. We will edit it and provide you with code.

Regards,
Stan Russell.

#108954 copied to clipboard

Like

Stinsonleathers

Participant

January 21, 2016 1:30 am

Yeah Sure,

and Product image should be about 30% less as it is shown in the single product page
Site URL: hidden
Theme version: 2.9
WooCommerce version: 2.4.6

Content is visible for topic creator and
support staff only.

#109087 copied to clipboard

Like

Stinsonleathers

Participant

January 21, 2016 2:59 pm

450×700 will be great
thank you

#109218 copied to clipboard

Like
Jack Richardson

Support staff

January 22, 2016 2:07 pm
Hello,

I’ve created child theme for you and placed there the wp-content/themes/legenda-child/woocommerce/single-product/product-image.php file with needed changes in lines 46 and 47:

$mainImageWidth = 450; $mainImageHeight = 700;

and after regenerated thumbnails.
Also the css code has been added in wp-content/themes/legenda-child/style.css:

@media (min-width: 1200px){ .main-image-slider.zoom-enabled, .sxy-zoom-container.sxy-zoom-mode-window { width: 450px !important; height: 700px !important; } }

Please check the site now.

Best regards,
Jack Richardson.
#109464 copied to clipboard

Like