Shopify features and tools
Sliding Sidebar as Snippet

Sliding Sidebar as Snippet

Log in or Sign up to ensure access to FREE code across multiple devices.

Code might not be compatible with your theme. 

See video on what it looks like but follow instructions below on how to implement the code.


1. First, we have to add a Sidebar menu in the Navigation
Go to Online Store >Navigation> Click Add menu.
2. Make sure you write title "Sidebar Menu"
3. Link collections you want to show
4. Click "save menu"
5. Then, we need to go to Online store> Themes> Actions> Edit code>
6. Go to Snippets folder, create a new snippet and name it custom-sidenav. Replace the code below, then click SAVE


7. Replace the code in green to real value. 
8. Go to Section folder and open header.liquid. Before </header>, place the code below, then click SAVE

Copied!

Struggling with instructions?

Don't worry, we've got you covered for a reasonable price.

Contact us through "Chat with us" for a quote.

Relax as we handle it for you!

Back to blog

2 comments

@Terry Marie This is the other way of adding a sliding bar extension on my previous video. I did attached the video but do not follow the video for instructions

Made4uo

Is there no video or image of what it looks like??

Terry Marie

Leave a comment