Announcement

Collapse
No announcement yet.

Removing Horizontal Dividers

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

    Removing Horizontal Dividers

    Getting there with the site now but I can't work out how to remove the horizontal dividers between fragments. Can anyone help with this.

    http://www.lowbankfarm.co.uk/acatalo...ID_Labels.html

    #2
    Hi there

    The horizontal divider is actually coming from a class called 'dotted_line_blue'. This is not coming from the fragment, but a table which holds the fragments and products, so if you remove this, this will also be removed from the products.
    To remove this, do the following:

    1. Go to "Design | Library | Layout"
    2. Click on the "+" sign next to Product Lists, and double click on "Product List with Horizontal Dividers"
    3. When the new dialog box appear, simply click on where it say "Click here to edit list layout settings" or "Edit List Layout Settings"
    4. Another new box appear, here click on "Edit Rows and Columns" tab along the top, then click on "First/Middle/Last" subtab. Here on "Middle Rows", right at the end click on "After Row", click on the cell, you will see a button that has "...", click on that, and you will see the class:

    Code:
    </tr>
    <tr>
     <td class="dotted_line_blue" colspan="<actinic:variable name="ProductColumnCount" />"><img src="theme_shim.gif" height="1" width="1" alt=" " /></td>
    </tr>
    Simply remove that 'class="dotted_line_blue"'

    Kind Regards
    Nadeem Rasool
    SellerDeck Development

    Comment


      #3
      That's great thank you. But, really I just wanted to remove the dotted line between fragments on a page and not necessarily between the products. Is this possible?

      Comment


        #4
        You can do this if you follow the instructions in the advanced user guide for separating the product and fragment templates.

        Once you have created the "Section Fragment List" layout, you can remove the bit below from the layout.

        <tr>
        <td class="dotted_line_blue" colspan="<actinic:variable name="ProductColumnCount" />"><img src="theme_shim.gif" height="1" width="1" alt=" " /></td>
        </tr>
        To remove this do the following:

        1. Go to "Design | Library | Layout"
        2. Click on the "+" sign next to Product Lists, and double click on "Section Fragment List"
        3. When the new dialog box appear, simply click on where it say "Click here to edit list layout settings" or "Edit List Layout Settings"
        4. Another new box appear, here click on "Edit Rows and Columns" tab along the top, then click on "First/Middle/Last" subtab. Here on "Middle Rows", right at the end click on "After Row", click on the cell, you will see a button that has "...", click on that and then remove the bit quoted above.

        Comment

        Working...
        X