Products in boxes on the site home page

[arthur]

Hello, I am relatively new to Actininc V8, so forgive what will probably be newbie type question.

I wish to have my products in boxes on the site home page.

I have found how to do this in the brochure section, but i wish to put my products on the landing page in boxes too.

Would some one be so kind as to help me please.

Many thanks in advance

[cdicken]

Steve - could you possibly explain a bit further what you mean by 'boxes' and 'landing page'. Really, a URL of a test store location is required to allow us to help further.

[arthur]

I must apologies, a bit new to this.

As you can see on the link below the different sections of the catalogs are in boxes, generated by Actinic:

http://www.1stconnectnetworks.co.uk/acatalog/index.html

What i would like to have the products on the main landing page - please see http://www.1stconnectnetworks.co.uk/ - in the same style. As in, in boxes like the brochure page.

I hope that makes sense.

[cdicken]

OK - so you would like the items that you have on the main index page to look like the sections that you have in /acatalog/index. I think I can help you with that.

Go to 'Settings | Site Options | Layout' and scroll down to the 'Fragments' area.

In the 'Fragment Layout' field select <New> from the bottom of the list.

Give it a name of 'Fragment Layout In Boxes'. Set 'Based On' to 'Image On Left Text and Title'

Click 'OK'.

Now go to 'Design | Library | Layouts' and scroll down to the 'Fragments' area. You should see your 'Fragment Layout In Boxes' layout in the group there. Double click on it to open it.

Replace everything in there with the following code:

<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentAnchor%22%20%2f%3e%20!=%20%22%22">
<a name="<actinic:variable name='FragmentAnchor' />"></a>
</actinic:block> 

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="thinborder1">
   <tr>
      <td align="left" height="20" bgcolor="<actinic:variable name="Palette1" />"><span class="boxheading"><actinic:variable Name="FragmentTitle"/></span></td>
   </tr>
   <tr>
      <td>
         <table border="0" cellspacing="0" cellpadding="10">
            <tr> 
               <td valign="top">
                  <actinic:variable name="FragmentImage" />
               </td>
               <td align="left" valign="top">
                  <actinic:variable Name="FragmentText"/>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

And then make sure that this layout is being used by all the items on your front page.

[arthur]

Thank you very much for the help, most kind. Worked well and saved hous of head scatching.

[Little Lou]

The path you describe is for V8 - is it possible in V7 too?

I like this Home Page Layout and would like to do something similar.

Hayley

[cdicken]

Absolutely.

You just need to edit a fragment layout template such as Act_LeftImageAndTitle.html and save it with a new filename such as Act_FragmentBox.html. Then use the code from Act_SectionLineBoxes.html to make the fragment look as you need it e.g.

<DIV ALIGN="LEFT">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="thinred2">
  <tr>
      <td height="20" class="boxheader">&nbsp;&nbsp;<span class="actsmallheading"><strong>NETQUOTEVAR:BROCHURE_TITLE</strong></span></td>
  </tr>
  <tr>
    <td><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="10">
          <TR> 
            <TD VALIGN="top"> NETQUOTEVAR:BROCHURE_IMAGE 
            </TD>
            <TD VALIGN="top">NETQUOTEVAR:BROCHURE_TEXT </TD>
          </TR>
        </TABLE></td>
  </tr>
</table>

</DIV>