#1 TikTok Ads Spy Tool

A Better Way to Make TikTok Ads Dropshipping & TikTok For Business

  • Find TikTok winning products & TikTok dropshipping ads.
  • Analyze TikTok advertisers
  • Get the Latest TikTok Shop Data.
Try It Free

Adding Sidebar in Shopify

Published on: June 3 2023 by pipiads

In this article, we will be discussing how to manage the header and footer links on Shopify navigation menu setup. We will be taking you through the steps to customize your header and footer links according to your preference.


1. Go to the online store and click on the navigation option.

2. There are two things to manage - the main menu (header) and the footer.

3. To edit the header links, click on the main menu option.

4. You can easily add or remove links by clicking on the plus or minus sign.

5. To add a new link, type in the title and URL and click on add.

6. You can also create different levels of links by using the indent option.

7. To change the order of the links, simply drag and drop.

8. Save your changes by clicking on the save button.

9. The process for editing the footer links is similar.

10. In case of any confusion or questions, feel free to comment and we will be happy to assist.

Shopify navigation menu setup is a simple process that can be customized according to your preferences. By following these steps, you can easily manage your header and footer links and create a better user experience for your customers.

How to add a new filter group to Collection sidebar in Shopify Theme

In this article, we will discuss the process of adding a new photograph to your collection sidebar on your website. We will cover the necessary steps, including adding tags to appropriate products, and how to attach the tags to a vendor or product using the app named Test Flow.

Steps to add a new photograph:

1. Login to your storefront and go to the products and store section.

2. Add tags to appropriate products, such as silver or gold.

3. Return to store settings and add a new photograph, naming it appropriately.

4. Enter the tags you recently added to the products into the text box.

5. Save and track the filter to see the products with the tag.

Tips and Tricks:

- Test Flow is a useful tool for filtering products on your website based on text.

- Make sure to add tags to the appropriate products before adding a new photograph.

- Use descriptive and relevant names for your photographs to make them easy to find.

Adding a new photograph to your collection sidebar is a simple process that can enhance the visual appeal of your website. By following the steps outlined in this article and utilizing tools like Test Flow, you can make the process quick and efficient. Remember to add tags to your products and choose descriptive names for your photographs to make them easy to find for your customers.

Shopify Dawn 2.0 Coding Tutorial: Converting the horizontal toolbar to the sidebar

Welcome to the Five Minutes Lab Tutorial, a blog from Outside Grid that provides solutions for self-taught entrepreneurs and developers. In this video, we will show you how to convert the horizontal toolbar to the sidebar in the Shopify Dawn theme for the collection list page.

Steps to Convert Horizontal Toolbar to Sidebar:

1. Separate the sort from the filter menu.

2. Reduce the size of the collection list to have space for the sidebar.

3. Convert the filter orientation from row to column.

4. Limit the size of the filter test.

Steps in Detail:

1. Duplicate the theme to avoid losing anything in the original website.

2. Open the preview to follow up the changes.

3. Go to the folder assets and click on the file template collections css and base dot css.

4. Remove the grid to make the filter menu an independent block from the start menu.

5. Convert the filter menu from row to column flow to the left side of the display and specify a width of 20.

6. Reduce the width of the collections to 80 percent and align it to the right of the display.

7. Define the width of the start menu so that it fits in the remaining 20% of the screen.

8. Change the selector dot text area dot select to auto in the base dot css file to correct the sort by icon outside of the box.

By following these steps, you can convert the horizontal toolbar to the sidebar in the Shopify Dawn theme for the collection list page. We hope this tutorial was useful to you. Please click the like button and visit our website and blog for more solutions. We will be releasing other tutorials in this YouTube channel, so please leave feedback or send us suggestions for other topics you would like us to explore. Thank you for watching!

Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)

In today's world, website design is crucial for any business's success. A well-designed website can attract and retain customers, increase sales and revenue, and create a positive brand image. Navigation menus are an essential component of website design, and in this article, we will discuss how to set up Shopify navigation menus in the best way possible.

Tips for organizing your navigation menus:

1. Put your customers first - always consider what your customers would be searching for and make it easy for them to find what they need.

2. Use names that make sense - name your tabs in a way that is clear and understandable for your customers.

3. Keep it simple - limit the number of tabs to seven or less to avoid overwhelming your customers.

4. Make it mobile-friendly - ensure your navigation menu looks good and is easy to use on mobile devices.

Setting up your Shopify navigation menus:

1. Create a new menu and name it.

2. Add your main tabs - create tabs that are relevant to your business and your customers' needs.

3. Create sub-level tabs - organize your products or services into categories, making it easier for customers to find what they need.

4. Add promotional blocks - use Mega menus to showcase your best products or promotions.

5. Link your menu to your website - ensure your menu appears correctly on both desktop and mobile devices.

A well-designed navigation menu is crucial for any e-commerce store's success. By putting your customers first, using clear names, keeping it simple, and making it mobile-friendly, you can create a navigation menu that is easy to use and effective. With Shopify's easy-to-use interface, setting up your navigation menus has never been easier.

HOW TO CREATE A DROPDOWN MENU IN SHOPIFY: Create an Organized Menu for your Shoppers

- Is your Shopify store main menu looking like a hot mess?

- Do you want to organize it with some drop down menus?

- In this article, we'll show you how to set up a drop down menu in Shopify to better organize your pages and products.

Setting up a drop down menu:

- Go to Sales Channels > Online Store > Navigation > Main Menu.

- Group similar pages together and drag and drop them to organize them.

- To create a submenu, drag the menu item to the right until a little arrow appears.

- Save and check your online store's new, neater main menu.

Benefits of a drop down menu:

- Helps customers navigate your online store.

- Organizes pages and products into categories.

- Can hide pages that you don't want to be top of mind for your customer.

- Adds a more professional and less confusing touch to your online store.

- Drop down menus are an easy way to simplify your main menu and help your customers easily navigate your online store.

- If you have a high amount of products on your online store, we highly recommend adding a drop down menu.

- Check out our Shopify tutorials playlist for more help building your online store.

Setting up a floating category list for all Shopify themes (no sidebar required)

This screencast demonstrates how to set up a floating category list in Java for Shopify themes that do not have a left hand sidebar.


1. Import products from a CSV sheet and create collections for them.

2. Use the online store navigation to link collections together and build the category tree.

3. Refresh the list in the app frequently to ensure correct menu and collection linking.

4. Check the front end of the site to ensure that the floating category list is displaying correctly.

5. Adjust settings and display options as needed.

By following these steps, you can easily set up a floating category list for your Shopify store, even if your theme does not have a left hand sidebar. This will allow your customers to easily browse through categories and find the products they are looking for.

How to Add Product Filter on Shopify | Filters on Collection Page | Shopify Theme Tutorial DIY

How to Add Product Filters to Your Shopify Store

Are you struggling to find a simple method to add product filters to your Shopify store? Look no further! This article will guide you through the process step-by-step.


1. Log in to the Shopify dashboard.

2. Add products with filters.

- Click Products from the left side of the dashboard.

- Click Add Product from the top right corner.

- Fill up all the columns with relevant information.

- Tick the box in the Options section and fill up the filter options.

- Include the price and quantity of each variant.

- Click Save from the bottom right corner.

- Click the back arrow to reach the product area.

- Click the eye symbol near the product to preview it.

3. Customize the product filters on the collection page.

- Click Online Store on the left side, followed by Navigation.

- Click Add Filters to start adding them.

- Choose all the filters from products and needed filters from product options.

- Click Done and Save.

- Select the theme under the Online Store and click Customize on the current theme.

- Select the collections and pick the default template or any template you want to apply filters.

- Make the filters visible if they are hidden on your site.

- Remove any particular filter from the collection page if needed.

- Save and reload the page.

With this simple method, you can easily add product filters to your Shopify store and enhance the shopping experience for your customers. Try it out today and see the difference it makes!

Start your free trial today!

Try Pipiads free for trial, no credit card required. By entering your email,
You will be taken to the signup page.