Create a Portfolio / Work Section

Store Design
, , ,

Topic summary

A designer seeks a password-protected portfolio area within a Shopify site and asks how best to model and display case studies/work alongside a B2C storefront.

  • Initial attempts: Considered using a Collection with each “work” as a Product, but the layout felt unsuitable. Also considered Blog posts as an alternative.

  • Recommended approach: Use Shopify Metaobjects with custom templates. Define a Portfolio metaobject (fields for title, images, description, etc.), create an index page template to list portfolio items, and a metaobject detail template for single case studies.

  • Resources shared: A YouTube walkthrough and Shopify documentation on metaobjects and creating index lists for metaobject pages.

  • Outcome/next steps: The designer agrees this fits their needs, plans to use Custom Templates and incorporate Metaobjects. The helper notes this can be done without touching code and offers assistance.

  • Status: Moving forward with Metaobjects + Custom Templates; implementation pending. No disagreements raised, and the password protection requirement remains a given constraint.

Summarized with AI on December 19. AI used: gpt-5.
1

I’m a designer and I’m working on creating a Passcode protected area of my site, where I can share case studies, work and the like – much like a portfolio. Must be password protected as the some of the work on here are projects I did while working for agencies etc. I have created the passcode no issue, but am wondering about the best way to serve my work.

I essentially want to have my portfolio site on Shopify, along with my B2C site.

So I have created a Collection, and was going to then add “products/work” to this collection (or collections), and treat each product as a piece of work. But this look off and not working great.

I was also considering creating Blog Post for these instead.

Has anyone done something like this? And if so, could you give me any example or what works for you?

2

Hi @bingdrawsby

Think you could try with Metaobjects and Metaobjects template. I am sure I saw somewhere example with Portfolio but I can not find it right now.

But you can check this video https://www.youtube.com/watch?v=lJRul3VdiU4 and these links

https://www.shopify.com/partners/blog/how-to-create-an-index-list-for-metaobject-pages

https://help.shopify.com/en/manual/custom-data/metaobjects/webpages

But you will define Portfolio meta object with all the fields that you need. Then make a regular page template for a list of Portfolios as an index and then another MetaObjects template for a single portfolio.

3

Thanks for this. At the very least this is a pretty powerful feature. I just have to get my head around it a bit more, but looks like exactly what I need.

1 Like
4

Further to this and very helpful. I’m not an advanced user/dev mind you.

But I also just discovered that you can create Custom Templates! That I think really is what I am looking for.

BUT I am going to incorporate META OBJECTS into this as well.

5

Yes, my bad, should have asked. You could use custom templates and Metaobjects in a way explained in the video, without touching the code.

It could be interesting to see. Let me know if you need any assistance.