How to properly create a lookbook?

Shopify Discussion

Topic summary

A user wants to create a lookbook media section for their Shopify website, modeled after Golf Wang’s F/W 2014 lookbook. The desired features include:

Key Requirements:

  • Proper image fitting for both landscape and portrait orientations
  • Navigation to view past lookbooks (sidebar on desktop)
  • Full mobile and desktop responsiveness
  • Preview thumbnails displayed on desktop view

Current Status:

  • The user has attempted implementation on their site (badface.online) but hasn’t successfully replicated the reference design
  • A developer has offered assistance and requested collaborator access to test and implement the solution in code
  • The conversation is moving to private messages to share collaborator credentials

The discussion remains ongoing as implementation begins.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

looking to create a lookbook media section for my business’ website similar to this one:

Screenshot 2025-07-24 230444
Screenshot 2025-07-24 2304441920×992 110 KB

you can also see here: https://golfwang.com/blogs/f-w-2014/f-w-2014-lookbook

i need it exactly like this one, where it properly fits each image whether its landscape or portrait, and the ability to view other past lookbooks on the left hand side, i need it to work for both mobile and desktop

currently you can find mine on badface.online, the password is tacobell (lol) but i have not been able to properly replicate how this looks

thank you!

2

Hi @crxs,

Do you want to show just the lookbook or include the preview as well?
This will be complex request and needs to be tested in detail in code. Can I send you a collaborator invite? It will help me test everything better

3

if possible i’d like it to show the previews when on desktop, yes. but of course please do!! thank you

4

Hi @crxs,

Please send me the collaborator code in an private message, I will send you the invitation and check it