Announcement

Collapse
No announcement yet.

Top Level Section List Left Hand Side

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

    Top Level Section List Left Hand Side

    Is there a KB or any other advice on adding a Top Level Section List in the left sidebar on the left hand side of the main area in brochure and section pages?

    Thank you...
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk

    #2
    I agree there is space for a left sidebar since this is only filled when filtering is used. This is main reason I have for not using Swift. Ideally it would be linked to a responsive design so that you could determine whether to show in mobile or not. Still a huge amount of customer use desktops and it is a waste not to use this area.

    Comment


      #3
      Thanks David - It would be nice if there was a KB so those customers who wish can have it applied - Bruce?
      Jonathan Chappell
      Website Designer
      SellerDeck Website Designer
      Actinic to SellerDeck upgrades
      Graphicz Limited - www.graphicz.co.uk

      Comment


        #4
        It might be possible by tweaking the PHP that generates the sidebar, in rows 80-101 of the Swift Outer Layout. But we don't have a method worked out. Fundamentally the navigation in Swift is designed around the mega menu as the main way of navigating the section list. This is the recommended best practice nowadays. But I do understand that it may not be everybody's preference.
        Bruce Townsend
        Ecommerce Product Manager
        Sellerdeck Ecommerce Solutions

        Comment


          #5
          This is Swift V2

          In Swift Outer Layout look for around line 65
          Code:
          <div class="container pt-0">
          Immediately below it add the following:

          Code:
          <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >
          <div class="row flex-wrap flex-md-nowrap pr-md-0 side-bar-exist left-bar">
          </actinic:block>
          Further down look for this expression:

          Click image for larger version  Name:	copythisbit.jpg Views:	0 Size:	28.6 KB ID:	554820

          Code:
          <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Product%20Page%22%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Search%20Results%22" >
          <actinic:block php="true" selectable="false" >
          if ( $isFilteringEnabled || '<actinic:variable name="PageType" />' == "Search Results" )
          {
          $sideBar = <<<'SIDEBAR1'
          <div class="side-bar left-side-bar">
          <div class="side-bar-inner">
          <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
          <actinic:block if="%3cactinic%3avariable%20name%3d%22IsFilteringEnabled%22%20%2f%3e" >
          <actinic:variable name="SideBar" />
          </actinic:block>
          </actinic:block>
          <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Search%20Results%22" >
          <actinic:variable name="SideBar" />
          </actinic:block>
          </div>
          </div>
          SIDEBAR1;
          echo $sideBar;
          }
          </actinic:block>
          </actinic:block>
          Remove PageType == Brochure from the BlockIf, Copy the above, paste above the original, and make the following edits:

          Code:
          <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >
          <actinic:block php="true" selectable="false" >
          $sideBar = <<<'SIDEBAR1'
          <div class="d-none d-md-block side-bar left-side-bar">
          <div class="side-bar-inner">
          <actinic:variable name="SideBar" />
          </div>
          </div>
          SIDEBAR1;
          echo $sideBar;
          
          </actinic:block>
          </actinic:block>
          In Design Library Layouts Page Areaa open Regular Right Sidebar and copy the following:

          Code:
          <div class="sidebar-element">
          <h3>Store Sections</h3>
          <div class="side-menu">
          <actinic:variable name="TopLevelSectionList" />
          </div>
          </div>

          In Design Library Layouts Page Areas open Regular Left Sidebar and paste what you have just copied rght at the bottom.

          This gives you a section navigation in a left sidebar on brochure pages.

          I leave it to you to style it or to make the section menu more sophisticated.

          If you want the slider to come first make a second Brochure Fragment list just for the slider and have a true/false variable as to whether to show a fragment in this brochure list.

          Once you have this if you want it on section pages it should be a relatively straight forward onward step for you.
          Jonathan Chappell
          Website Designer
          SellerDeck Website Designer
          Actinic to SellerDeck upgrades
          Graphicz Limited - www.graphicz.co.uk

          Comment


            #6
            I'll try and give that a go, looks a bit tricky. Bruce I take your point about best practice but it can really help deal with subsection links when the catalogue has greater depth.

            Comment

            Working...
            X