PDA

View Full Version : Compact product layout problems


harry
07-Apr-2004, 04:46 PM
It would be nice to make some product pages of the form

image | prodname | price | ext_link | (quantity | cart_image_link
----------------------- line_separator ----------------------------
image | prodname | ..... etc...

i noticed that Actinic processesNETQUOTEVAR:ADDTOCARTBUTTON into a <P> + checkbox(es) + <BR>, etc

ideally i'd like to lay all of each product details on one line, without all the extra whitespace that actinic generates - any ideas?

on a similar note, is there any way of shortening the text "including VAT at 17%" which NETQUOTEVAR:TAXMESSAGE always generates?

NormanRouxel
07-Apr-2004, 05:37 PM
You can change the Act_CartButtonImage.html template (in Site1) to remove the <p> (and the </p>).

Also in Act_productPrice.html, replace

NETQUOTEVAR:TAXMESSAGE

with

<!--NETQUOTEVAR:TAXMESSAGE-->

and that's the message gone.

Norman

harry
08-Apr-2004, 02:46 PM
it's the 1st thing i did --> to no avail

<!-- info, i get this problem when laying out products with associated components -->

since then i've found that by getting rid of the <p></p> and <BR> in Act_VariantComponent.html and ActVariantCheckbox.html, i now only have one <BR> generated by Actinic
if i then switch to VariantAddtoCartButton i lose the <BR>, but i also lose some information like the checkbox/component info that Actinic inserts with normal AddtoCartButton... i wanted to INCLUDE the ActVariantCheckbox with the alternative cart button, but Actinic just looks at it as text and doesn't generate the ID, etc --- i probably don't understand how to use it properly - any ideas?

it would still be nice if the tax message was on the Design | Options menu

thanks for your input

cdicken
08-Apr-2004, 04:26 PM
Here's some code from the 'Designing With Actinic Developer' Guide...

Laying Out Product Information in Very Compact Rows

So far, we have not talked about changing the configuration of the actual product cells within the tables. Enter the following code into a new Notepad file and save it as 'Act_ProductLineCompact.html'. It will lay out each product within a very compact individual row:
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td colspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="250">NETQUOTEVAR:PRODUCTNAME</td>
<td align="right" width="100">NETQUOTEVAR:PRODUCTPRICE</td>
<td align="right">NETQUOTEVAR:PRODUCTQUANTITY</td>
<td align="right">NETQUOTEVAR:ADDTOCARTBUTTON</td>
</tr>
</table>
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXTThere are a few changes you will need to make to other templates to get this to work well:

1. Act_ProductBody.html – Change cellpadding="10" to cellpadding="5" in the main product table.
2. Act_ProductPrice.html – Remove the <br> at the beginning of the code and insert a <br> just before NETQUOTEVAR:TAXMESSAGE.

3. Act_CartButton.html – Remove the <p> from the start of the template and the </p> from the end of the template.

Next, in 'Design | Text':

1. Go to (-1, 2173) and replace the first %s with <!-- %s -->. This will remove the 'Quantity' word from next to the quantity field.

2. Go to (-1, 219) and replace 'Including %s' with 'Inc. VAT'. This assumes you are showing tax inclusive pricing and your tax is called VAT.

You can now select this template for any section where you want the products to be laid out within a compact grid. It works best if the 'shopping mode' is set to 'Quantity on Product Page' (with or without a single add to cart button per page).