Jump to content

Category bar doesn't work when "top" but works fine on "sidebar"

Recommended Posts

Hey guys,

I have a problem with category titles, I've attached a couple pictures. When it's on "sidebar" it shows up perfect and even shows the current category viewing as bold. I'd love to keep it as is, but when viewed on mobile it doesn't show so I have to use top, I think. But when I click it to "top" it just disappears and isn't visible unless in the "all" section. Please help!

 

www.thehometownhaunts.com

Screen Shot 2023-07-25 at 12.16.31 PM.png

Screen Shot 2023-07-25 at 12.16.21 PM.png

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

The top and sidebar behave in two fundamentally different ways.

Top

Presents the categories in a drilldown like fashion. So at the All level you see the top level categories. When you category click you drill down into that specific area of the hierarchy.

Sidebar

Presents the categories in drilldown/outline fashion. You see path of the outline you are drilling into.

Display Behaviour

When the viewport reaches 575px and below the sidebar is hidden and the top is shown, because there isn't enough room to keep the sidebar around.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
9 minutes ago, creedon said:

The top and sidebar behave in two fundamentally different ways.

Top

Presents the categories in a drilldown like fashion. So at the All level you see the top level categories. When you category click you drill down into that specific area of the hierarchy.

Sidebar

Presents the categories in drilldown/outline fashion. You see path of the outline you are drilling into.

Display Behaviour

When the viewport reaches 575px and below the sidebar is hidden and the top is shown, because there isn't enough room to keep the sidebar around.

So is there a way to get the Top to function more like the Sidebar where it's always visible to navigate through no matter what category you're in? It seems like it would be a pretty common thing for people to be looking for.

Link to comment
Quote

So is there a way to get the Top to function more like the Sidebar where it's always visible to navigate through no matter what category you're in?

Not natively but with custom code it is possible to get closer.

Please see Store Page List Categories Mega. You'll have to decide if you like they way the categories are presented.

I can tell you after working on the code I can see why, from a technical standpoint, SS decided on the top design that they use. It's relatively easy to present just a few categories at a time instead of them all. My code is by no means perfect!

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
14 hours ago, creedon said:

Not natively but with custom code it is possible to get closer.

Please see Store Categories Mega. You'll have to decide if you like they way the categories are presented.

I can tell you after working on the code I can see why, from a technical standpoint, SS decided on the top design that they use. It's relatively easy to present just a few categories at a time instead of them all. My code is by no means perfect!

Ok so I installed and linked the twcsl file under "not linked", then I added the "store categories cache" into the main store page header, then above that I added the "store categories mega" code but it still doesn't show categories. Did I miss a step? I don't mind donating after all said and done if this works.

Screen Shot 2023-07-26 at 8.26.33 AM.png

Screen Shot 2023-07-26 at 8.28.47 AM.png

Screen Shot 2023-07-26 at 8.29.17 AM.png

Link to comment

In the store categories cache code change the following...

callback : undefined

...to...

callback : twcSplcm

Enable Filter Visibility.

image.png.e6122c085efff2ae9729dc8386c56ef5.png

Let me know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.