How to create buttons for different collections without switching pages

Store Design
, ,

Topic summary

Main issue: Add on-page buttons under the homepage banner to switch between product collections (e.g., “tweezer” and “tape”) without navigating to a new page.

Proposed approach:

  • Implement a tabbed interface (tabs = UI controls that switch content areas) within a custom section.
  • Each tab maps to a specific collection; selecting a tab dynamically swaps the displayed products while keeping users on the same page.

Clarifications:

  • OP asked if tabs would redirect to different pages; response confirms they will only switch products on the current page.

Current status and next steps:

  • OP agrees with the tab-based solution and anticipates needing help with custom coding.
  • No code, design mockups, or step-by-step instructions were provided yet.
  • Discussion remains open; action item is to build the custom section with tabs tied to collections or engage a developer to implement it.
Summarized with AI on January 1. AI used: gpt-5.
1

Hello,

I found this website where there are buttons that bring you to different collections without switching the page: https://thehairstudio.us/shop/

I have been wanting to do this on my home page, but I cannot seem to figure it out. I would like to do it for the area under my image banner. This is my website: https://unfoldesthetics.com/

I want to have a button for tweezer and a button for tape. In the future, I want to have button for other collections that I would like to add.

Could someone please help me?

2

Hi @unfoldesthetics

The way to implement the button for different collections is to create a tab for different collections.

We can create a custom section with option to add different collection.

Let me know if you need a help with the custom coding.

If you require further help to optimize or customize your store, please don’t hesitate to reach out.

Best Regards,
LuffyOnePiece

1 Like
3

Thank you! Yes I will probably need help with custom coding. With the tabs, will it take them on a different page? I was hoping to keep them in the same page.

4

Hi @unfoldesthetics ,

It will only switch the products.

1 Like
5

Okay! Yes I would like to have that.