Announcement

Collapse
No announcement yet.

Adding Sections to Front Page in V8

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Adding Sections to Front Page in V8

    Just upgraded to V8 Business and hoping you guys can help.

    Found a piece of code in a thread to enable me to display sections (as in the main 'shop.html' layout) on the index.html page.

    At first it was displaying the store sections in the main page area as required though they were not aligned and seemed to diagonally repeat across the screen.
    To combat this I added the variable 'section link' to the code which created a section in a box correctly aligned and one beneath the other (which is what I required) though in doing this it is now duplicating the sections, so one section has a box, the next line is the same section without a box, then the next section with a box and the following without and so on.

    Also there is no control over the number of columns across (I wanted them 2 across) within the standard layout options despite having enabled section controls on that page they have no effect.

    Here is the code as it stands, can anyone spot any errors?

    <actinic:block type="TopLevelSectionList" >
    <actinic:variable name="SectionLink" />
    <div class="product_list">
    <div class="image_product"><a href="<Actinic:Variable Name="SectionPageName"/>" target="_self"><img alt="<actinic:variable name="SectionName"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div>
    <div><h3 class="product"><a href="<actinic:variable name="SectionPageName"/>" target="_self"><actinic:variable name='SectionName'/></a></h3></div>
    <p><actinic:variable name='SectionDescription'/></p>
    </div>
    </actinic:block>

    Any help would be greatly appreciated.

    #2
    Hi,

    The problem is that you have:

    <actinic:variable name="SectionLink" />

    and

    <div class="product_list">
    <div class="image_product"><a href="<Actinic:Variable Name="SectionPageName"/>" target="_self"><img alt="<actinic:variable name="SectionName"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div>
    <div><h3 class="product"><a href="<actinic:variable name="SectionPageName"/>" target="_self"><actinic:variable name='SectionName'/></a></h3></div>
    <p><actinic:variable name='SectionDescription'/></p>
    </div>

    They both do the same thing so you should remove one or the other.
    ********************
    Tracey
    SellerDeck

    Comment

    Working...
    X