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).
vBulletin® v3.8.4, Copyright ©2000-2012, Jelsoft Enterprises Ltd.