How can I design a filterable, text-heavy page on Shopify?

How can I design a filterable, text-heavy page on Shopify?

JonoCES
Shopify Partner
12 1 1

Hi,

 

Sorry if this isn't the correct place to post this but I have a question about designing a text-heavy page in a way that's filterable. 

 

I have a client with a magazine store, currently on Cargo. With each issue they add all of the authors, illustrators and technical terms used on to an author list, an illustrator list and a lexicon page respectively. It's around 50 entries on each page per issue. Currently they're on issue 1, and each page is done purely with regular text. They want me to switch the site over to Shopify before issue 2 later this year, but they also want the ability to filter those pages with tags before they get out of control. 

 

I know each entry could be a blog post that is tag-able, but doing ~150 blog posts per issue could get tedious quickly. I thought about having each page as a block section but there's a limit of 16 blocks per section and I'm also not sure how you could tag each block (I guess by adding an option to add classes in the schema to each block and filter that way?!?).

 

As you might have gathered I'm pretty new to Shopify dev and this will be the first theme I've designed outside of tutorial contexts, so forgive me if I'm missing something obvious here. 

 

Thanks 

Reply 1 (1)

MC-Partyapps
Shopify Partner
14 0 3

Hi @JonoCES,


I know you mentioned building something custom, but I recently launched an app that can help you accomplish advanced content pages like this without any complex setup or custom code. The app is called Blockparty Notion Page Builder and it allows you to create Shopify storefront pages using Notion.

 

Using Blockparty you can create what you are looking for in a few steps:

  1. Create a Notion page for each magazine issue and subpages for each entry
  2. Add tags to each entry subpage using Notion's build in tagging system
  3. Create a filtered Notion gallery view or list view by specific tags
  4. Display each Notion magazine issue page on your store using Blockparty

I've created a simplified demo of the above using Blockparty on a demo store which you can take a look at here: https://party-2084.myshopify.com/a/pages/first-issue

 

As an added benefit, all page content (text, images, etc) lives in Notion so your client can edit pages directly using the Notion editor and make use of Notion's powerful real-time collaboration features. After a page is synced to your store using Blockparty, any changes made in Notion will automatically be reflected on your store page.

 

If interested, feel free to send me a DM or message me at the email in my signature and I can help you set this up on your store. 

MC
Founder - Partyapps • Email: hello@partyapps.io
Turboblog
Blockparty Notion Page Builder