Top Level Section List Left Hand Side

[graphicz]

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...

[DavidCP]

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.

[graphicz]

Thanks David - It would be nice if there was a KB so those customers who wish can have it applied - Bruce?

[brucet]

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.

[graphicz]

This is Swift V2

In Swift Outer Layout look for around line 65

<div class="container pt-0">

Immediately below it add the following:

<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:

<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:

<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:

<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.

[DavidCP]

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.