Announcement

Collapse
No announcement yet.

Column Layouts

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

    Column Layouts

    I have followed the excellent tutorial at http://community.actinic.com/showthread.php?t=35136 and managed to make 4 pages displaying products by a defined shape.

    The only problem I have is that it sets out one product per row and I would like it to have a two column layout.

    I'm new to this and have spent hours trying to figure it out by reading this forum, but I'm just not getting it.

    #2
    On the layout tab of the section, you will find a product column count variable, set at 1 as standard, change yours to 2.

    Comment


      #3
      Thanks for helping on this Lee.

      I can see Column Count for Brochure Fragments but setting this to 2 doesn't change anything. It might help if I posted the code I am using. This is in Standard Brochure Page Bulk:

      <actinic:block if="%3cactinic%3avariable%20name%3d%22ContentCategory%22%20%2f%3e%20%3d%3d%20%22Circular%22" >
      <div>
      <actinic:block type="EntireSectionList" >
      <actinic:block type="ProductList" >
      <actinic:block if="%3cactinic%3avariable%20name%3d%22Shape%22%20%2f%3e%20%3d%3d%20%22Circular%22" >
      <div>
      <a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
      <h3 class="product"><actinic:variable name="ProductName" /></div></h3>
      </a>
      <div class="image_product">
      <a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
      <img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" />
      </a>
      </div>
      <p><actinic:variable name='SectionDescription'/> <br/><br/>From &pound;<actinic:variable name="ProductPriceRaw" />
      <p>&nbsp;</p>
      </actinic:block>

      </actinic:block>
      </actinic:block>
      </div>
      </actinic:block>

      This code is then repeated for 3 other shapes.

      This site is nowhere near finished and the list of products one row at a time will make pages very long.

      I messed around with trying to build a <table> into the code but it didn't work and I just about understand why it didn't. Only just - I'm a bit of a newbie.

      Comment

      Working...
      X