section layout

[lipnik]

Hi there

This is my first post, I hope question isn't stupid. I just started playing with layouts. I try to change my section layout. I'd like to have section similar to URL with price of product and 2 or 3 columns with dividers. Trying to work with image above section link but doesn;t work. This is what I have http://www.superstore.ie/acatalog/Ho...a_Showers.html,also my site is very narrow how could I change this. I'd like to ask for opinion about website, what could I change to improve design...

Many thanks for any help
Tom

[pinkequine]

Is this what you mean? http://www.pinkequine.com/acatalog/Junior_Grooming.html

You need to create a new section layout, call it something like "section link within a box with price"

You can modify this code

<table width="150" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td align="center" height="20" background="../images/imagetopspro.jpg"><span class="text_product_small_info_heading"><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>" class="boxlink"><actinic:variable name="SectionName" /></a></span></td>
   </tr>
   <tr>
      <td>
        <table border="0" cellpadding="0" cellspacing="0" class="thinborder1">
         <tr> 
               <td align="center" valign="top" bordercolor="#000000">
                  <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 encoding="strip" name="SectionName" />" src="<actinic:variable name="SectionImageFileName" />" border="0" /></a></td>
                     </tr>
              </table>
     </td><tr>
      <td valign="top" align="center" height="20" background="../images/imagebottomspro.jpg"><span class="boxheading">
                     <actinic:block type="ProductList" >
<actinic:block type="PriceList" >
<actinic:variable name="SectionPrice" />
</actinic:block> 
</actinic:block><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>" class="boxlink">More...</a></span></td>
   </tr>
   </br></tr>
</table><td align="left" valign="top" >&nbsp;</td>

you need to change my images for background images of your own and set the column count for section lists to the number of columns you need.. then select the new layout for the section link.

You must have only one product per page for this to work properly.

Just one thing, there are some ....'s on my section page layout that shouldn't be there that I havent had time to look at yet, but this should give you a good start.

Hope it helps.