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 23rd, 2013, 06:44 AM
allant allant is offline
 
Join Date: Jan 2013
Posts: 99
Default Larger Images

Hi Eric, I entered the css as explained, to make the picture larger in the product details page and its great. However, as the picture is larger it pushed the Product description and details further to the right and looks unsightly.

http://sophiesescapes.co.uk/store/de...a-bridge-5761/

Is there a method you would suggest, that I can implement which would show a decent size photo of the property and not crush the Title and description. Thanks in a anticipation Allan
  #2  
Old August 23rd, 2013, 08:46 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

You could try changing your Product details template to this:

HTML Code:
<!-- Single Product -->
<div class="sp">
    <div class="thmb">
      <a href="[product.url direct='0']" title="[product.name]" target="_blank" rel="nofollow">
        [product.image tag='1']
      </a>
    </div>
    <h3><a href="[product.url direct='0']" title="[product.name]" target="_blank" rel="nofollow">[product.name]</a></h3>
    <p class="desc">[product.description html='yes']</p>
    <div class="prc">Prices from [product.currency mode="sign"][product.price]</div>
    <div class="btns">
      <a href="[product.url]" class="dfbutton dforange dflarge df rounded" title="Book Now" target="_blank" rel="nofollow">More Details and Availability</a>
    </div>
  <div class="clearingdiv"> </div>
</div>
<!-- /Single Product -->
Eric
  #3  
Old August 23rd, 2013, 09:09 AM
allant allant is offline
 
Join Date: Jan 2013
Posts: 99
Default

That's great Eric Many thanks. Now if I wanted to re-size the photos to 450px, what would I change within the css

#view .sp .rc
{
margin-left: 295px;
padding-left: 10px;
}
#view .sp .lc .thmb { width: 285px; }
#view .sp .lc .thmb img
{
max-width: 285px;
width: expression(this.height < this.width && this.width > 285px ? '285px' :true);
}

http://sophiesescapes.co.uk/store/ho...2301644445722/
  #4  
Old August 23rd, 2013, 09:14 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

Try adding this to your Custom CSS:
Code:
#view .sp .thmb img { width: 450px; }
However that product's image is only 200px by 200px so it will appear blurry because you are stretching it.

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
Force Thumbnail Images to Never Get Larger Than Set Size? faith Questions 7 August 22nd, 2012 10:54 AM


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


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