Switch a collection from rows to tiles. like Craigslist

Design help Layout & Design
1

I am trying to build a Collection layout similar to Craigslist that allows a user to select “thumb” and “gallery” using an icon at the top of the collection.

Thumb ==> each item is in a single row

Gallery ==> each item is a tile in a responsive grid

Any ideas on how to do this efficiently without different page loads?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Normally one would write custom code to add a class was assigned to an element to set the display of another element when clicked. You could use this handy tool to write the code for you. Finsweet Class Adder Interactions tool

3

So; “That’s not possible without writing custom code”? lol

4

If you want to change the display property of an element you can’t use interactions.

5

You can if you used hide and show which is what I will probably do. Thanks.