How can I recreate a view option selector button on Parallax theme?

Store Design
, , , , ,

Topic summary

A user is attempting to recreate a view option selector button for toggling between different collection page layouts on the Parallax theme but has been unsuccessful so far.

Current Status:

  • The user’s implementation is close to the desired result but not yet complete
  • Three reference images were shared showing the target design they want to achieve

Technical Context:

  • Theme: Parallax
  • Feature goal: Toggle button to switch between different product view options on collection pages
  • Involves customization using HTML/CSS

Discussion Status:
The thread appears to be newly opened with no responses yet. The user is seeking guidance on how to properly implement this view selector functionality.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi guys, so i’ve been trying to recreate the view option selector button to toggle between different view on collection page but failed to do so (I’m using the Parallax theme) currently my website are almost identical but still far from it

below images are what I’m trying to achieve.

I want to be able to recreate this into my theme.png
I want to be able to recreate this into my theme.png2560×1440 444 KB

Screenshot (262).png
Screenshot (262).png2560×1440 705 KB

Screenshot (261).png
Screenshot (261).png2560×1440 376 KB