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 August 26th, 2011, 09:16 AM
meperez meperez is offline
 
Join Date: Mar 2011
Posts: 43
Default Featured Product image size

www.thekitchentool.com
store id =30751

Hi Stefan/Eric, I'd like to increase the size of the product images on the store's front page. I tried changing the Product List text "[product.image tag='1']" to "<img src="[product.image tag='0']" width="200" />" in the overall text below, but that messed up the whole page. Can you help?

<div class="pl">
[product.each]
<div class="t1 col3">
<div class="bdr">
<h2><a href="[product.link]" title="[product.name]" style="text-decoration:none">[product.name]</a></h2>
<div class="thmb"><a href="[product.link]" title="[product.name]">[product.image tag='1'][</a></div>
<?php if ($product->saleprice > 0 && $product->saleprice < $product->price) { ?>
<div class="prc">
<medium>
Was: <span style="text-decoration: line-through;">[product.currency mode='sign'][product.price]</span><br />
Now: <span style="font-weight: bold; color:red;">[product.currency mode='sign'][product.saleprice]</span>
</medium>
  #2  
Old August 26th, 2011, 09:38 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Try adding this code your custom CSS ( The Factory > Your Store > Store menu > Custom CSS):

Code:
#view .pl .col3 .thmb {
    height: 210px;
    width: 200px;
}

#view .pl .col3 .thmb img {
    max-height: 200px;
    max-width: 200px;
}
  #3  
Old August 26th, 2011, 09:44 AM
meperez meperez is offline
 
Join Date: Mar 2011
Posts: 43
Default

Perfecto! Thanks!!
  #4  
Old October 19th, 2012, 11:09 AM
brentmitchell brentmitchell is offline
 
Join Date: Oct 2012
Posts: 13
Default

how do you center the images in the boxes? i tried this, but no luck...

Code:
#view .pl .col3 .thmb {
    height: 210px;
    width: 200px;
<p style="text-align: center;">
}

#view .pl .col3 .thmb img {
    max-height: 200px;
    max-width: 200px;
  <p style="text-align: center;">
}
should i decrease the size of the images or will centering prevent it from going over the lines?

http://www.customplants.com/store/si...3901775747369/
  #5  
Old October 19th, 2012, 11:13 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

Your images are already centered but they are just too wide for the space they are in. Try reducing the width to something narrower like this:

Code:
#view .pl .col3 .thmb {
    height: 170px;
    width: 160px;
}

#view .pl .col3 .thmb img {
    max-height: 160px;
    max-width: 160px;
}

Eric
 


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

Similar Threads
Thread Thread Starter Forum Replies Last Post
Sidebar widget: Featured Product image is too big Reson8 Problems 1 June 15th, 2011 10:20 AM
Editing the image size of the datafeedr product widget whkchan Questions 1 January 14th, 2011 12:41 PM


All times are GMT -5. The time now is 08:32 AM.


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