Announcement

Collapse
No announcement yet.

Edit code so text/section heading appears below the section image

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

    Edit code so text/section heading appears below the section image

    This may seem obvious but I have looked on the Knowledge Base but could not find anything. How do I amend the layout code so that the section/product names and price within a section, as demonstrated here http://www.snookerdirect.co.uk/acata...es_Tables.html are displayed underneath an image?

    At present it does it in the main product sections as well: http://www.snookerdirect.co.uk/acata...es_Tables.html

    There must be a simple way of editting it so it stays beneath the image. If the images are larger, as in this section: http://www.snookerdirect.co.uk/acata...es_Tables.html it appears how I want it.

    #2
    You need to know html and css so that you can alter the said layout to do what you want. Failing that, you'd at least need to provide what you currently have in the hope that someone can provide you with an answer.

    Comment


      #3
      Ah, I see, apologies, right ok the code for this format http://www.snookerdirect.co.uk/acata...ol_Tables.html

      is presently:

      <div class="product_list">
      <div class="image_product"><a href=block_ifSectionPageName/blockblockifSectionURL/block" target="_self".<img alt="SectionName" src="SectionImageFileName" border="0" /></a></div>
      <div><h3 class="product"<a href="block ifSectionPageName/blockblock ifSectionURL/block" target="_self">SectionName</a></h3></div>
      <<span style='font-size: 12px;'><strong>

      </strong></span>

      <p><span style='font-size: 12px;'><actinic:variable name='SectionDescription'/></span></p>
      </div>

      <actinic:block type="PriceList" >
      <actinic:variable name="PriceLayout" />
      </actinic:block>
      </actinic:block>
      </strong></span>

      <p><span style='font-size: 12px;'><actinic:variable name='SectionDescription'/></span></p>
      </div>


      I had to type most of that out manually as it inserted symbols, etc when I pasted.

      Comment


        #4
        The insertion of the symbols is fine, leave them in as you will have to have them back in your end.

        Comment


          #5
          Originally posted by leehack View Post
          ...have them back in your end.
          Now, now, no need to be rude Lee.

          Comment


            #6
            Ok no probs, here is the code:

            <div class="product_list">
            <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>
            <div><h3 class="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"><actinic:variable name='SectionName'/></a></h3></div>
            <span style='font-size: 12px;'><strong>

            <actinic:block type="ProductList" >
            <actinic:block type="PriceList" >
            <actinic:variable name="PriceLayout" />
            </actinic:block>
            </actinic:block>
            </strong></span>

            <p><span style='font-size: 12px;'><actinic:variable name='SectionDescription'/></span></p>
            </div>

            Comment


              #7
              to get this:

              http://www.patchwork-rabbit.co.uk/ac...needleart.html


              I added a new "section link" layout called "section link with price" with the following code :

              Code:
              <table cellpadding="3" cellspacing="0" border="0">
                 <tr>
                    <td align="center">
                       <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>
                    </td>
                 </tr>
                 <tr>
                    <td align="center">
                       <strong><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"><actinic:variable name='SectionName'/></a></strong>
                    </td>
                 </tr>
                 <tr>
                    <td style="text-align:center; font-weight:bold;">
                       <actinic:block type="ProductList" >
                          <actinic:block type="PriceList" >
                             <actinic:variable name="PriceLayout" />
                          </actinic:block>
                       </actinic:block>
                       <br />
                    </td>
                 </tr>
              </table>
              hth
              The Patchwork Rabbit

              Comment

              Working...
              X