Herzberg6969

@creedon Works perfectly now! You're the man! Thanks again!

I think the effect you want is possible but I'm unaware of any code that actually does this. Escentially, I think, the pieces are there. They just need to be brought together with some custom code.
The code for this effect is not easy. I would categorize this as a moderately complex piece of code. The main trick is going to be how to marry up the in product detail tags with their human readable counter parts. In a page a tag is represented as tag-my-tag. In the user interface it is represented as My Tag. There are some complexities to this process. I've had some experience with this for categories.

I believe you have found a bug in my code!
I'm a bit swamped right now so I probably won't be able to look into this until next week and of course we have the Christmas holiday in the USA coming up also.
Please stay tuned to this thread as I usually try to provide update notices.

I have updated my code cited in my November 2 2023 post.
From the changes...
fix for tags not being retrieved from api Let us know how it goes.
 

You have found more bugs in my code. Thank you. I will attempt to fix them soon. I'm a bit swamped at the moment. Please give me several business days to try to fix the issues. If I don't get back to you, please ping this thread to remind me.

I have updated my code cited in my November 2 2023 post.
From the changes...
fix for tags being misapplied Let us know how it goes.

I have updated the code again.
This effect is not active in SS Preview so as not to interfere with the editor. To test it use private browsing.

I have updated my posted code.
Let us know how it goes.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.
<style> html:not( .squarespace-damask ) .ancillary-header-branding-position-top-left [ data-nc-base="header" ] [ data-nc-container="top-left" ][ data-nc-container ], html:not( .squarespace-damask ) .Header-nav, html:not( .squarespace-damask ) .ancillary-mobile-bar-branding-position-top-left [ data-nc-base="mobile-bar" ] [ data-nc-container="top-left" ][ data-nc-container ], html:not( .squarespace-damask ) .ancillary-mobile-bar-menu-icon-position-top-right [ data-nc-base="mobile-bar" ] [ data-nc-container="top-right" ][ data-nc-container ] .Mobile-bar-menu { display : none; } </style> Let us know how it goes.

Whelp. After hours of trying to figure this out, I solved the issue 6 minutes after posting here.
Instead of using page injection, putting the code in the custom CSS area made everything work flawlessly.