Announcement

**Bruce** · 01-Feb-2006, 12:16 PM

Sarah,

Can you post the url for the site on which you have seen this, so we will have a better idea and be able to guide you accordingly.

Kind regards,

**SarahPris** · 01-Feb-2006, 06:52 PM

Hi Bruce

It is http://www.xigen.co.uk/shop/index.ph...b6f474488832f2

It's a company designing with Actinic, but not the company I'm using, hence me enquiring on the forum rather than of my designer!!

Many thanks
Sarah

**Bruce** · 02-Feb-2006, 08:58 AM

This layout is very easy to do with Actinic, you can use 'Components' and 'Attributes' with 'Choices' to create a drop down from which a person can choose from a selection of dropdown's and then add to basket.

Kind regards,

**TraceyG** · 02-Feb-2006, 10:28 AM

Hi,

I don't think Bruce has quite understood what you are asking for. This layout can be created within Actinic. To get the heading you would need to add something like:

Code:

<table width="500" Cols="4" BORDER="1" CELLPADDING="10" CELLSPACING="0" ALIGN="CENTER">
<tr><td width="100">&nbsp;</td><td width="200"><b>Product Name</b></td><td width="100"><b>Price</b></td><td width="100"><b>Buy Now</b></td></tr>
</table>

into your 'Act_ProductBody.html' template just before:

Code:

<TABLE WIDTH="500" COLS="4" BORDER="1" CELLPADDING="10" CELLSPACING="0" ALIGN="CENTER">

	NETQUOTEVAR:PRODUCTBULK

</TABLE>

Then you could create a new product line template something like the attached one for the products (change the extention of the file to .html and then you can select it for your products to try it out).

You may also need to change 'colspan="3"' to 'colspan="4"' in your Act_ProductSeparator.html template to complete the layout.

The above example assumes that you are using this layout for all products in your store as it will put the header row on every page.

Attached Files

Act_ProductLineTest.txt (1.5 KB, 241 views)

**SarahPris** · 02-Feb-2006, 05:37 PM

Thanks for the replies

Tracey, I think you've hit the nail on the head. I'll ask my developer to do as you've said to create the table-style layout. Having the same layout for all the product pages suits me fine.

Thanks Bruce. I am happy with the creation of the drop-down menus for choices within a product.

All the assistance is much appreciated.

**Big Game Hunter** · 31-Mar-2006, 10:30 AM

Question ?

Hi Tracey

A question regarding your post here, the table format you talking about here is what i am after. But i would only like if on certain pages... in your post you mention that this format is for all pages.. is ther anway to get around this & only have it on selected pages ?

Cheers
Shannon

**TraceyG** · 31-Mar-2006, 10:54 AM

Hi Shannon,

You can only have one Act_ProductBody.html template per site. The only way to have this work for certain pages would be to maybe create a fragment at the top of a page and create a layout with this table code in it.

**Big Game Hunter** · 05-Apr-2006, 12:49 PM

Hi Tracey

Thank you for your reply, another question though.If i had to put your table code into either a product line or a section line, first:
1. Would It Work with the add to cart button.
2. How do you put products in the table.
3. Could you make the table work with dynamic content.( for instance if you are using product duplicates & you change the price of the parent would the copy change? Is this all possible when bypassing the use of the Product Body Template.)

Appreciate the help..

Cheers
Shannon

**TraceyG** · 05-Apr-2006, 01:51 PM

Hi,

If i had to put your table code into either a product line or a section line, first:

If you put it in a product line template then this header row would repeat for all products using this template. If you put it in a section line template then it will repeat for all sections using this template.

1. Would It Work with the add to cart button.

Yes, because it is a separate table in itself and is just HTML so would not affect the add to cart button

2. How do you put products in the table.

You don't put the products in this table. They would have to use the table cells defined in the existing product line template. So you would have to amend your product line template so the cells in there fit with the table cells in my code.

3. Could you make the table work with dynamic content.( for instance if you are using product duplicates & you change the price of the parent would the copy change? Is this all possible when bypassing the use of the Product Body Template.)

None of this will be affected. You are not bypassing the use of the Productbody template by doing what I suggested just adding some extra code at the top of the page. If you add a fragment with a custom template that just contains my code at the top of the page then all you have to do is customise your product line template to fit with it (or create a new one).

**Big Game Hunter** · 05-Apr-2006, 02:36 PM

Hi Tracy I really appreciate your help here, i understand i am trying to bypass what Actinic can actaully do. But hey, this is what it's all about...

To be honest i am slightly confused on what to do, i have added your code to a product line template. The table appears while you designing it, which is perfect. Then do you point to the template through the section so that it affects the product layouts inside the section parent ? Or do you point to the template through the l;ayout option on the product. excuse my ignoarnce but i would really like to get this working & i rekon it will be a hit with the rest of the community...

Here's the code of my product line template:

Code:

<!-- ProductLine HTML begin -->
<table width="500" Cols="4" BORDER="1" CELLPADDING="10" CELLSPACING="0" ALIGN="CENTER">
<tr><td width="100">&nbsp;</td><td width="200"><b>Product Name</b></td><td width="100"><b>Price</b></td><td width="100"><b>Buy Now</b></td>
</tr>
<td><IMG SRC="NETQUOTEVAR:THUMBNAIL" THUMBNAILSIZE></td><td><b>NETQUOTEVAR:PRODUCTNAME</b></td><td><b>NETQUOTEVAR:PRODUCTPRICE</b></td><td><Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS></td> 
NETQUOTEVAR:NEXT
</table>
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
  <tr>
    <td rowspan="2" valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE </td>
    <td valign="TOP" align="LEFT" colspan="2">  
      <a name="NETQUOTEVAR:PRODUCTANCHOR"><h1>NETQUOTEVAR:PRODUCTNAME</h1></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>
      NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <br>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b>
      <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
      <span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span>
    </td>
  </tr>
  <tr>
    <td align="LEFT" colspan="2"><span class="actxsmall">
                        NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
                        <Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
                    </span>
        NETQUOTEVAR:TEMPLATEENDXML
       </td>
  </tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT<!-- Insert HTML for the bottom of the individual product --><!-- ProductLine HTML end -->

Second thing when you say it duplicates, what i was actually looking for was the table at the top of a page of listed products & all the products underneath, all within a parent section.
Hope my questions make sense.. once again thank you for your help..

Cheers
Shannon

**TraceyG** · 06-Apr-2006, 07:50 AM

Hi Shannon,

To get what you want you will require two product line templates. One that contains the header row and the code for one product and the other template that just contains the code for the product. I have set up the following templates:

Act_ProductLineHeader.html

Code:

<!-- ProductLine HTML begin -->
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN


<tr>
<td width="100">NETQUOTEVAR:TEMPLATEBEGINXML&nbsp;</td>
<td width="200"><b>Product Name</b></td>
<td width="100"><b>Price</b></td>
<td width="100"><b>Buy Now</b></td>
</tr>
<tr>
<td width="100">NETQUOTEVAR:PRODUCTTHUMBNAILIMAGE&nbsp;</td>
<td width="200"><b>NETQUOTEVAR:PRODUCTNAME</b></td>
<td width="100"><b>NETQUOTEVAR:PRODUCTPRICE</b></td>
<td idth="100">NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<Actinic:ACTIONS> 

NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>NETQUOTEVAR:TEMPLATEENDXML</td>

</tr>

NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

Apply the above template to the first product in a section

Act_ProductLineRow.html

Code:

<!-- ProductLine HTML begin -->
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN


<tr>
<td width="100">NETQUOTEVAR:PRODUCTTHUMBNAILIMAGE&nbsp;</td>
<td width="200"><b>NETQUOTEVAR:PRODUCTNAME</b></td>
<td width="100"><b>NETQUOTEVAR:PRODUCTPRICE</b></td>
<td idth="100">NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<Actinic:ACTIONS> 

NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>NETQUOTEVAR:TEMPLATEENDXML</td>

</tr>

NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

Apply this template to the rest of the products in the section. If you don't want the 'Quantity' field to show on the product page change the shopping mode to something other than 'Quantity on Product Page' (you can do this at the section level if it to be different to other parts of the store).

I have the following code in the Act_ProductBody.html file for the product area:

Code:

<table width="500" BORDER="1" CELLPADDING="10" CELLSPACING="0" ALIGN="CENTER">

	NETQUOTEVAR:PRODUCTBULK

</table>

If you apply the first template to all your products in a section then you will get the header row repeated for each product as the software looks at the whole template for each product.

**Big Game Hunter** · 06-Apr-2006, 12:54 PM

Tracey.... Thank you.I will try those templates out this afternoon & see what i can come up with.

Thanks for your effort with these templates.

Announcement

Table style layout for product pages?

Table style layout for product pages?

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment