Datafeedr Support Forums  

Go Back   Datafeedr Support Forums > Current Version (V3) Forum > Questions
Home Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Important - The support forums are now in "read-only" mode as we transition to an alternative help desk solution. Feel free to contact us here with any of your questions or search the forums for an existing solution.
 
 
Thread Tools Search this Thread Display Modes
  #1  
Old January 21st, 2011, 10:59 AM
cashnow cashnow is offline
 
Join Date: Sep 2009
Posts: 362
Default How do I change image sizes

I was unable to change the thumbnail or single product page image using your instructions. I am sure they are correct but when you say, add this, I am not sure if I have to copy and paste that code into Store - Custom CSS?


30137
http://temp.forbabygifts.com/
(this is our test V3 before we launch live site)
  #2  
Old January 21st, 2011, 11:57 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

It seems that's as big as the merchant is providing.

On your site, the product is 165x165 and the image is 165x165: http://www.personalizationmall.com/c...ge/5108-TN.jpg

Eric
  #3  
Old January 22nd, 2011, 06:03 PM
cashnow cashnow is offline
 
Join Date: Sep 2009
Posts: 362
Default

Sadly, PM does not give any bigger, but the others do. How can I change the thumbs on my category pages and then on my single product page? (excluding personalizationmall of course)

Thanks for all the answers in all the other posts way.... !!

And cannot say enough just how impressed I am with version 3.
  #4  
Old January 22nd, 2011, 06:08 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

This code will add another 25px to the images on your category page:
Code:
#view .pl .col4 .thmb img {max-width:100px; max-height:100px;width:expression(this.height < this.width && this.width > 100 ? '100px' :true);height:expression(this.height > this.width && this.height > 100 ? '100px' :true);}
#view .pl .col4 .thmb {width:100px;height:110px;}
#view .pl .col4 .lc {width:110px;}
Here's the docs on editing the image size on the details page: http://www.datafeedr.com/docs/item/171

Eric
  #5  
Old January 22nd, 2011, 06:49 PM
cashnow cashnow is offline
 
Join Date: Sep 2009
Posts: 362
Default

Thanks Eric. as you can tell, I know nothing about css.
  #6  
Old January 25th, 2011, 08:38 PM
cashnow cashnow is offline
 
Join Date: Sep 2009
Posts: 362
Default

The code for the thumbs worked great, but I would like my category image sizes to be 140x140. I tried to change the numbers but the image size remained the same.

How do I increase them to 140x140?
  #7  
Old January 25th, 2011, 09:05 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Category images? Those can be controlled with a simple style attribute on your <img> tags in your View:

<img src="[category.image]" alt="[category.name]" style="width:140px;height:140px" />
  #8  
Old January 25th, 2011, 09:17 PM
cashnow cashnow is offline
 
Join Date: Sep 2009
Posts: 362
Default

No, I meant the category products thumbnail images or "the images on (my) category pages." The code you provided increased the image sizes by 25px, but I would like them closer to 140x140.
  #9  
Old January 25th, 2011, 09:18 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

If you want them to be 40px larger, just add 40 to each value in the following code:
Code:
#view .pl .col4 .thmb img {max-width:100px; max-height:100px;width:expression(this.height < this.width && this.width > 100 ? '100px' :true);height:expression(this.height > this.width && this.height > 100 ? '100px' :true);}
#view .pl .col4 .thmb {width:100px;height:110px;}
#view .pl .col4 .lc {width:110px;}
  #10  
Old January 25th, 2011, 09:29 PM
cashnow cashnow is offline
 
Join Date: Sep 2009
Posts: 362
Default

Okay, that did it! I tried it before but missed something. Thanks you.........again!!
  #11  
Old March 23rd, 2011, 12:53 AM
onlinem1 onlinem1 is offline
 
Join Date: May 2010
Posts: 2
Default

Hi eric,
http://www.elegantoutfit.com/store/store/category/tops/

the image dont seemed to change in size.
i already changed them to 150px width as instructed
  #12  
Old March 23rd, 2011, 07:27 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

That's because you have also set the max-height to be 180px. Because your images are all portrait layouts, and you need to maintain the aspect ratio, your images can't be 150px wide when the max-height is 180px. You will need to increase your max-height value.
 


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -5. The time now is 02:09 AM.


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