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 31st, 2011, 08:34 PM
patagonia patagonia is offline
 
Join Date: May 2009
Posts: 506
Default How to Wrap Text in Product Detail view

Okay... so I have a lot of text for the descriptions of some products and I would like to know how to wrap the text around the product image, rather than having it look like it is in a column.

So tell me how this beast works?

Muchas gracias
  #2  
Old January 31st, 2011, 08:50 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

As it is, product images are in a separate column than the product description on the Product Detail page.

By default, you have this code...

HTML Code:
<div class="sp">
	<div class="lc">
		<div class="thmb">
			<a href="[product.url direct='0']" title="[product.name]" target="_blank">[product.image tag='1']</a> 
		</div>
	</div>
	<div class="rc">
		<h2>
			<a href="[product.url direct='0']" title="[product.name]" target="_blank">[product.name]</a>
		</h2>
		<p class="desc">
			[product.description]
		</p>
		<div class="prc">
			[product.currency mode='sign'][product.price]
		</div>
		<div class="btns">
			<a href="[product.url]" class="dfbutton dforange dflarge" title="Buy this product">Buy</a> 
		</div>
	</div>
	<div class="clearingdiv"> </div>
</div>
... which generates this layout...




If you move the "lc" <div> (lc stands for left column) into the "rc" <div> (right column div) like this...

HTML Code:
<div class="sp">
	<div class="rc">
		<h2>
			<a href="[product.url direct='0']" title="[product.name]" target="_blank">[product.name]</a>
		</h2>
		<div class="lc">
			<div class="thmb">
				<a href="[product.url direct='0']" title="[product.name]" target="_blank">[product.image tag='1']</a> 
			</div>
		</div>
		<p class="desc">
			[product.description]
		</p>
		<div class="prc">
			[product.currency mode='sign'][product.price]
		</div>
		<div class="btns">
			<a href="[product.url]" class="dfbutton dforange dflarge" title="Buy this product">Buy</a> 
		</div>
	</div>
	<div class="clearingdiv"> </div>
</div>
... we get a little closer to what we want...




But now there is a big gap on the left side where the "lc" used to be. All that needs to be done is to tweak the CSS code. So, if we add this code...

Code:
#view .sp .rc {margin-left:0px; padding-left:0px;}
...to our store's Custom CSS field (Factory > Your Store > Store menu > Custom CSS), then you get the desired results...




Eric
  #3  
Old January 31st, 2011, 09:06 PM
patagonia patagonia is offline
 
Join Date: May 2009
Posts: 506
Post

You are a star
 


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
Delete product detail page to send customers directly to merchant website? lbuilta59 Questions 3 January 29th, 2011 10:32 AM
Post contents of Text module in Default Category View dwoodward2 Questions 1 January 26th, 2011 08:56 PM
Category link not clickable when viewing product detail ayorofrance Problems 6 January 10th, 2011 12:34 PM


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


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