Lookbook display integration into a page of a Shopify Website

General information for the website: We sell clothing
Kind of development: Customization of existing website
Description of requirements/features: I need a page of my website to display a lookbook. We have the lookbook completed in pdf form.

A friend mentioned potentially doing a shadow box effect, which sounded pretty awesome. I would like some type of effect where a customer would click the link to the collection page and on the page is an image of the first page of the lookbook with a play icon in the middle. The customer thens clicks on the play icon and a shadow box effect then opens to the full look book which is the actual size of the pdf (900px). To exit the shadow box you just click anywhere on the page outside of the lookbook. The lookbook needs to be centered in the middle of the page.

We are shooting another lookbook this coming week, and will need to change the .pdf files often, so it would be ideal to just have a line of code where we can easily input the correct .pdf file.

Our website runs off of the Responsive Theme by Out Of the Sandbox with Shopify.

I can message you a link to our current website if interested. I need this done ASAP.
Extra services needed: Customization
Extra notes: