Jump to content

Responsive Clickable View

Recommended Posts

I saw a really amazing feature on a fellow author's website, where they had a list of romance tropes and character types that you can click on and it automatically sorts their books that have only that trope (I.e., sort all books by instalove and remove the non-instalove ones. If you click friends-to-lovers next, it removes the instalove books and only shows friends-to-lovers book covers and nothing else). It's not tied to being in a store, but a regular page listed under their Books tab, which is where I would like to have one as well: https://www.rhyswritesromance.com/tropes

I have almost 30 books in my backlist, so this would be an incredibly helpful feature for my website instead of only having an alphabetical list of all my books by series with text and buttons like I do here: https://www.ariellazoelle.com/ariella-zoelle-all  

Is there a way for me to mimic this automatic responsive sort by category/type on a non-store page on my website for displaying book covers that are hyperlinked to their respective pages? 


Edited by AFZ
Changed link
Link to comment
  • Replies 6
  • Views 449
  • Created
  • Last Reply

Top Posters In This Topic

20 minutes ago, derricksrandomviews said:

      Sure you can. You put each book in a blog post and assign the same category to every book that is in that category like love stories. Then you create an archive block that sorts by category. I do something very close to that now on my site http://Myrandomviews.com

Thanks for weighing in! I'm glad you were able to make that work for you.

Unfortunately, this option displays too much text that detracts from the book covers, the images are the wrong size and shape, a lot of results would spill over into pages that would have to be clicked through, and the drop down list would be so long with the list of tropes/identities that it'd be impractical for my specific needs.

I really am looking for something specifically formatted like the link I provided. Thank you, though! I hope someone else finds that helpful for their situation 🙂 

Link to comment
On 5/1/2023 at 10:03 AM, AFZ said:

@tuanphan Do you have any thoughts on this?

You can use Filter Plugin (referral link) to achieve this


I have a simple example here: https://thung.squarespace.com/portfolio-filter?noredirect

pass: abc

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.