PDA

View Full Version : Product layout gone haywire!


kmsretail
02-Oct-2006, 03:47 PM
Hi,

I've been trying to create a new product template (v7) as bellow:

[Product Image] [Extra info product image]
[Description]
[Price] [Quantity] [Add to cart] [Stock Amt]
[Extra Info description]

I've got the basic layout in:

http://www.kmscameras.co.uk/acatalog/Example_1.html

but I would like the Price etc to be better laid out (ie closer and to the left) and the Extra Info Description to go all the way across the page. I'm pretty new to HTML but have been picking it up on my way through doing the site. Whatever I do to the <tr>s and <td>s I can't seem to change things.

Here is the code I am using for the product:



<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN

<tr>
<td valign="TOP" align="left" colspan="1">
NETQUOTEVAR:TEMPLATEBEGINXML
<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
<span class="actxsmall">NETQUOTEVAR:PRODUCTREF </span></td></tr>
<tr><td align="left">NETQUOTEVAR:PRODUCTIMAGE</td><td><img src="NETQUOTEVAR:INFOIMAGE" alt="NETQUOTEVAR:PRODUCTNAME"></td></tr>
<tr><td>NETQUOTEVAR:PRODUCTDESCRIPTION</td></tr>
<tr align="left">
<td><b>NETQUOTEVAR:PRODUCTPRICE</b></td>
<td>NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY</td>
<td><Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS></td>
<td>
<script language="Javascript">
document.write(StockLevels(NETQUOTEVAR:STOCKLEVEL))
</script>
</td></tr>
<tr width ="100%"><td width ="100%">NETQUOTEVAR:INFOTEXT</td></tr>
<tr><td><span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
NETQUOTEVAR:PRICEEXPLANATION </span><br />
<span class="actxsmall">NETQUOTEVAR:DISCOUNTINFO </span>
<span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
<span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span>
</td></tr>
<tr> <td>
<span class="actxsmall">NETQUOTEVAR:TEMPLATEENDXML</span>
</td>
</tr>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->


Can anyone shed any light where I've gone wrong? I'm guessing its probably fairly simple and that that is what I am being.

Also where do those smilies come from in my code!!!!!! Something wierd is a foot!!

Cheers,

Myles

wjcampbe
02-Oct-2006, 04:10 PM
To be able to control the position and layout of the cart button etc, have a look at VARIANTS in the online Help.

The smilies appear because the code for each smiley is the colon : followed by a letter such as D

:D