Interface: Toggle Between Product Tiles and Grid

[Mike-E-angelo]

We need to have a way to toggle between the product grids (current) and the old grid for searching/filtering capabilities. @greenbrook can you think of something cool here? :)

[greenbrook]

A literal toggle?

[Mike-E-angelo]

I was thinking of one state bing "tiles" (current/default) and the other being "grid"... my biggest problem is where to put it.

[greenbrook]

Let's start somewhere.

[greenbrook]

House told that the simplest idea is often the right one.

[Mike-E-angelo]

How does that look on mobile? :)

And sorry House, it's simpler than that. This actually isn't for the front page, primarily, as that works OK with tiles. This is for the Product Storefront Explorer and StarVault™, thinking this area here:

[greenbrook]

Ok ) It's really a bit tricky as the eye is fully directed to the left side. The glance slips down from the top to the product display. The artifact on the right side can look "hanging" there. It will be on the left for mobile. Btw, nice point, it's more productive to think of mobile first.

[greenbrook]

So, Mike, maybe you're really dreaming of an actual toggle? :D It needs JS, right? Making it fancy just to show that we can :D

[greenbrook]

I knew that you won't like it but I had to try it :D

[Mike-E-angelo]

maybe you're really dreaming of an actual toggle

yes maybe the same toggle we use for Simple Mode?

[greenbrook]

Very pretty toggle! Matches the palette! Would you like to put it under the chips, just above the products? Where is this toggle? Can't find it on the site.

[Mike-E-angelo]

Would you like to put it under the chips, just above the products?

I was thinking in the big red rectangle here. :)

Where is this toggle? Can't find it on the site.

It's in the create/edit definition screen. You have to have a promoted artist's account to see it. 👍

[Mike-E-angelo]

Currently in staging @greenbrook what do you think? 🤔 https://staging.starbeam.one/market/products

[Mike-E-angelo]

Deployed