Hey Guys,

I haven't used my ect template for a while and just looking to revamp my whole site.

A lot of the manufacturers that I deal with supply me with an excel or csv file that has direct links to the product images associated to each product.

I'm looking to use those url's, is there a way that I can set my thumbnails and product detail images to those links but have them resize to 200px and 875px width respectively?

Thanks!

Hi, you can use css to force the images to any size, but this also comes with a potential issue.
If your image file sizes are large and you load up a product page with, let's say 40+ products, the page may load very slow, particularly for mobile users.
Perhaps check to see what the filesize and pixel size their existing images are to see if this is viable.
If you are linking to their images, you also want to be sure they allow that as it's possible to disable "hot linking" of image files.

Thanks,
David

Hi Dave,

How would I go about doing this?

Open up the style.css and what code would I need to write into it?

Thanks.

for the small images on the product pages



For product detail images it will vary depending if you are using magictouch as I am.
If not, try



The numbers in red, change to suit your needs.

Thanks,
David

I just tried editing the style.css with the following code but it didn't end up working:

img.detailimage {
max-width: 875px !important;
height: auto !important;
}

I am not using MagicTouch.

here's the link to the product for reference:

https://www.imageinmotion.com/AODHAN-AH01-Wheel-Rim-15x8-4x100-114-3-ET20-73-1mm-Silver-w-Machined-Face

Thanks!

I just checked - it's working.
You just need to clear your cache or try or browser you do not normally use.

Thanks,
David

I've tried 3 different browsers and all are not working...... cleared the caches as well...

also have tried my phone as well.. which I never use to browse my site.

The image displays as 2792px wide and not the 875px that I put in the style.css file

my apologies.. I was looking at the thumbnail which I have not set the width for yet and thought that was the product detail page.

Thanks for the help!