Sliding Sidebar as Snippet

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

One Time Purchase!

$24.99

Only

Shipping calculated at checkout.

Quantity

Product variants

Helpful Free links

Migrating to Shopify Transferring Domain to Shopify Master sections and blocks Free Essential tools Custom App Creation Shopify theme templates Add custom CSS to themes Master product variants in Shopify Free Shopify Themes How to customize Shopify themes Automate your store processes Improve store's search Free apps to enhance your store Upload and manage files Facebook ads for your Shopify Shopify Support Stay updated with Shopify changes Join Shopify Community for free help

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

Struggling with instructions?

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

Relax as we handle it for you!

Back to blog

2 comments

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

Item added to your cart