Return to previous page

Product Image Sizes after upgrading theme to v1.8.1

This topic has 13 replies, 2 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

frankgribbin

Participant

January 27, 2015 at 01:28

Hi there,

I cloned a site on a test sub domain to test the upgrading of the xmarket theme v1.8.1

On the test site (LINK 1 – PRIVATE BELOW) you can see the product images are all different sizes. I need these images all to be the same size.

I have set the product image sizes to the sizes suggested in the docs and regenerated the thumbs but no luck. I removed all the styles to see if it was a css issue but the image still display in different sizes.

In the current site all the images, the same images, uploaded in the same size, all appear in the same size 215 x 215 on the category pages. See the same page (LINK 2 – PRIVATE BELOW) and same products as above to compare and you can see on an older version of the xmarket theme all the image display in the same size.

I really need the product images on the latest version of the xmarket theme all to display in the same size.

Any help would be appreciated.

Thanks,

Frank

Please, contact administrator
for this information.

#37190 Copied

12 Answers
Eva Kemp

Support staff

January 27, 2015 at 11:09
Hello,

Please add this code in custom.css file:
```
#products-grid .product-image img {
height: 215px;
}
```
To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/xmarket directory via FTP and enable it in Xmarket – Theme Settings, tick “Enable Custom CSS file”.

Thank you.
Regards,
Eva Kemp.
#37296 Copied
frankgribbin

Participant

January 30, 2015 at 13:51

Hi Eva,

Thanks for the quick reply.

I did what you suggest and I can see why you suggested that. It stretches the image down to fit the height. However that makes the images look distorted.

If you look at Link 2 in the private content you can see those top 3 product images are cropped completely different to Link 1. It is the difference in this cropped that is the problem. Yes we can stretch the image down using CSS but that is not an option as it makes the products look odd.

When images were uploaded in the older version of xmarket they hard cropped the images well as you can see in Link 2. Now for some reason it does not and crops the differently as you can see in Link 1.

Is the theme disabling or preventing hard cropping of images when uploaded or something. As I say this site is just a cloned version of the other but with xmarket and WP upgraded.

You can see when you look at the source code the cropped site of the product images is different and all that was done is the site was cloned from the main domain to the sub domain.

Original Site (You can see it has hard cropped the image correctly as per image sizes defined in admin) –

Upgraded Site (Using the exact same settings as the original site) for whatever reason has cropped image to 143 x 215 instead of 215 x 215) –

The issue is occurring when images are upload or something before we get to any CSS issues as far as I can tell as CSS would not change the recorded image dimensions in the file name itself.

If you could have another look at this issue for me that would be greatly appreciated.

Thanks again,

Frank

#38419 Copied

Eva Kemp

Support staff

January 30, 2015 at 15:43

Hello,

Please provide us with FTP and wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#38446 Copied

frankgribbin

Participant

January 31, 2015 at 20:51

See requested details in PM below. Thanks.

Please, contact administrator
for this information.

#38579 Copied

Eva Kemp

Support staff

February 2, 2015 at 15:35

Hello,

Please provide us with wp-admin panel credentials as well.

Thank you.
Regards,
Eva Kemp.

#38843 Copied

frankgribbin

Participant

February 2, 2015 at 17:24

See below PC.

Please, contact administrator
for this information.

#38893 Copied

Eva Kemp

Support staff

February 3, 2015 at 15:55

Hello,

Could you please provide us with FTP credentials?

Thank you.
Regards,
Eva Kemp.

#39177 Copied

frankgribbin

Participant

February 3, 2015 at 19:46

Hi Eva,

FTP details provided in previous post as request above, see #38579.

Posted again below in private content.

Thanks,

Frank

Please, contact administrator
for this information.

#39250 Copied

frankgribbin

Participant

February 6, 2015 at 01:22

Hi Eva,

Any luck looking in to this issue for me yet?

Thanks,

Frank

#40053 Copied

Eva Kemp

Support staff

February 6, 2015 at 11:57

Hello,

Sorry for a delay.
The issue has been fixed.
Please check your site now.

Thank you.
Regards,
Eva Kemp.

#40148 Copied

frankgribbin

Participant

February 6, 2015 at 12:14

Hi Eva,

Many thanks, that’s great.

Can you advise what the problem was? Just in case I encounter it again. I have to migrate the site again and will be upgrading it again when you release a new version so it would be good to know what the problem was and how to fix it if it happens again.

Thanks again,

Frank

#40153 Copied

Eva Kemp

Support staff

February 6, 2015 at 12:26

Hello,

We edited the file content-product.php in xmarket/woocommerce directory and set crop=true, instead of false. The file was moved to your child theme folder. So the changes should be saved after update.

Thank you.
Regards,
Eva Kemp.

#40159 Copied
Tagged: image, product, size, theme, upgrade, v1.8.1, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)