Datafeedr Support Forums

Datafeedr Support Forums (/index.php)
-   Questions (/forumdisplay.php?f=67)
-   -   How to change image size? (/showthread.php?t=4236)

annaly85 March 29th, 2011 02:10 AM

How to change image size?
 
Hi,
I would like change the image size bigger both in category view, for example http://moes.ee/store/category/naised/ and product view http://moes.ee/store/kleidid/motel-w...6200935877879/. Store ID 31089.
On merchants' store the images are way bigger than they appear in my Datafeedr store and it's quite of a problem. Please help!

Thanks!

annaly85 March 29th, 2011 02:19 AM

Oops...I have version 3. But the question remains the same.

Eric March 29th, 2011 08:34 AM

Hi

This controls the images displayed within a category:
Code:

#view .pl .col3 .thmb img {max-width:150px;max-height:150px;width:expression(this.height < this.width && this.width > 150 ? '150px' :true);height:expression(this.height > this.width && this.height > 150 ? '150px' :true);}
#view .pl .col3 .thmb {width:150px;height:160px;}

Add that to your Custom CSS here: The Factory > Your Store > Store menu > Custom CSS

As for the product details page, I've outlined those instructions here:
http://www.datafeedr.com/docs/item/171

Eric

annaly85 March 29th, 2011 09:24 AM

OK, I have pasted the code to CSS, but it does not work.
What I'm doing wrong?

This is how my Custom CSS looks like:
/**
* Fix conflict with TwentyTen WP theme
*/
#view .sp h2 {clear:none;}
#view .pl h2 {clear:none;}
#view .col1 .pl h2,
#view .col1 .pl h2 a {font-size:12px}
#view .pl .col3 .thmb img {max-width:250px;max-height:250px;width:expression(this.height < this.width && this.width > 250 ? '250px' :true);height:expression(this.height < this.width && this.height > 250 ? '250px' :true);}
#view .pl .col3 .thmb {width:250px;height:260px;}
#view .sp .rc
{
margin-left: 210px;
padding-left: 10px;
}
#view .sp .lc .thmb { width: 400px; }
#view .sp .lc .thmb img
{
max-width: 200px;
width: expression(this.height < this.width && this.width > 400px ? '400px' :true);
}

Eric March 29th, 2011 09:29 AM

You still need to update your store by clicking the [Update Settings Only] button.

Also, your code is wrong. You need to use this:
Code:

#view .sp .rc
{
        margin-left: 410px;
        padding-left: 10px;
}

#view .sp .lc .thmb { width: 400px; }

#view .sp .lc .thmb img
{
        max-width: 400px;
        width: expression(this.height < this.width && this.width > 400px ? '400px' :true);
}


annaly85 March 29th, 2011 12:46 PM

Yes, that worked! Thank you!


All times are GMT -5. The time now is 01:09 PM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.