Columns and rows - newbie

[anf1y]

Hi Niels, I had the same need and found the answer from these pages. My coding changes in Act_ProductLine.html are below. I also added an align="center" to make it look prettier. This code also puts Quantity and Add to Cart on the same line.
Hope it helps. I'm still trying to get the products (in 3 columns) to spread evenly across the page, so if you solve that one, please let me know!

<!-- moved product price to here -->
<b>NETQUOTEVAR:PRODUCTPRICE</b><br>
NETQUOTEVAR:PRODUCTDESCRIPTION
<span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
<span class="actxsmall">NETQUOTEVARATEPROMPT </span>
</td>
</tr>
<tr>
<td align="LEFT" colspan="2">
<span class="actxsmall">
<!-- added line below -->
NETQUOTEVAR:VARIANTS
NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY
<!-- added VARIANT in front of add to cart button -->
<Actinic:ACTIONS>NETQUOTEVAR:VARIANTADDTOCARTBUTTON</Actinic:ACTIONS>

[NormanRouxel]

Will do - as soon as that donation turns up. How did you make it?

[gearedup]

HI Norman,
Paypal. I have emailed the code to you.

Regards

[NormanRouxel]

This should line everything up in a single column table

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<!-- NETQUOTEVAR:INCLUDE Act_ProductSeparator.html -->
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<script language=JavaScript>
<!-- (V11)
if ( currentcol++ == 0 ) document.write('<tr><td colspan=3><table border=0><tr>');
document.write('<td width="' + colwidth + '%" valign=top>');
// -->
</script>
<noscript><tr><td width="100%"></noscript>
  <!-- START each product lives in this table - alter below to rearrange items -->
  <table width="100%">
   <tr>
    <td>
      <a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF</span>
    </td>
   </tr>
   <tr>
    <td valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE </td>
   </tr>
   <tr>
    <td>
      NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINK<br>
      NETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b><br>
      <span class="actxsmall">NETQUOTEVAR:DISCOUNTINFO </span>
    </td>
   </tr>
   <tr>
    <td>
     NETQUOTEVAR:PRODUCTDESCRIPTION
     <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>
  </table>
  <!-- END each product lives in this table - alter above to rearrange items -->
 </td>
NETQUOTEVAR:PRODUCTFORMEND
<script language=JavaScript>
<!--
if ( currentcol >= CUSTOMVAR:NUMCOLS )
  {
  document.write('</tr></table></td></tr>');
  currentcol = 0;
  }
// -->
</script>
<noscript></tr></noscript>
 
 
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

[gearedup]

Hi Norman,
Thanks - that seems to work fine - I am using as a selectable template ( not Parent). However, the sections I have left alone - the 'add to cart' button etc have also moved underneath the image http://www.mx1.co.uk/acatalog/MX1_Mo...lmets_128.html Basically I would like to be able to have the standard 'image to the left' with text / add to cart etc on the right. Then in certain sections where tere are a lot of products, columns with title, and underneath, the image any everything else. I would be gratefull if you could help.

Best regards

[NormanRouxel]

If you want some pages to show products using a standard layout and some pages in columns, then save the file I sent you as (say) Act_ProductsInColumns.html.

Use Act_ProductsInColumns as thethat template for the column pages, and use your normal Act_ProductLine.html for the normal pages.

[gearedup]

Hi Norman,
If you take a look at the url http://www.mx1.co.uk/acatalog/Coming_Soon.html, which is the one I am experimenting with - the first 4 products have the template Act_ProcuctLineTwoColumns.html, which is the code you gave me, but they do not seem to be going in to columns.
Sections which have not been altered http://www.mx1.co.uk/acatalog/MX1_Mo...Tees_254.html- the info & 'add to cart' etc has moved underneath, and the section links MX1 Motocross > Mens Sportswear > Mens T-Shirts > Fox Premium Tees, have right justified.
Any ideas ?

Best regards

[NormanRouxel]

On http://www.mx1.co.uk/acatalog/Coming_Soon.html you are using a Template that starts

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<!-- <script language=JavaScript>
<!--
if ( currentcol != 0 )
{

the line <!-- <script language=JavaScript> should be <script language=JavaScript>

[NormanRouxel]

On http://www.mx1.co.uk/acatalog/MX1_M..._Tees_254.html you should be using your normal Actinic supplied Product Template and not my modified one.

[gearedup]

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
<!-- NETQUOTEVAR:INCLUDE Act_ProductSeparator.html -->
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<script language=JavaScript>
<!-- (V11)
if ( currentcol++ == 0 ) document.write('<tr><td colspan=3><table border=0><tr>');
document.write('<td width="' + colwidth + '%" valign=top>');
// -->
</script>

This is what I currently have at the start, as far as I can see.

Regards

[gearedup]

On http://www.mx1.co.uk/acatalog/MX1_M..._Tees_254.html you should be using your normal Actinic supplied Product Template and not my modified one.

http://www.mx1.co.uk/acatalog/MX1_Mo..._Tees_254.html
On this one, I am using the Parent template, which is Act_Productline.html, but the layout seems to have changed. The product info, add to cart is underneath, as opposed to on the right, as it was

Regards

[NormanRouxel]

You've probably overwritten Act_ProductLine.html with the one from the multi-culumn patch.

You can get the original Act_ProductLine.html from C:\Program Files\Actinic v7\Formats\Themes (you'll have to locate it from there depending on the Theme you're using).

[gearedup]

Thanks, I think is maybe due to the 'Multi column product layout' we have set up - maybe this does not layout the products, when not in coloumns, is the same style at the original Act_Productline ?
Can it be layed out as the original products - without affecting the layout when in columns ?

Regards

Niels

[NormanRouxel]

You specifically asked for a Multi-Column Product Template that would lay out the items one after another on separate row. I wrote and posted such a template above. This template should only be used for the products in columns.

If you want to use your original layout then you should use the original Actinic template as I've mentioned 3 times above.