Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • urbanity & architecture
    • projects
    • website design
Blog Web Dev Adding PDF Files to Shopify Pages

Adding PDF Files to Shopify Pages

By Forrest Smith - Drempd.com

I’ve had to add pdf files to pages within the shopify platform several times now, and I always seem to forget how to do it. I generally don’t have a problem uploading them (if I’m going through the edit template area), but I can never figure out how to get the URL for the PDF from the Shopify interface. Here’s how to do it (including steps on uploading the pdf through the edit template area).

  1. After logging into Shopify, open up the ‘Online Store’ dropdown on the left panel.
  2. Click on ‘Themes’
  3. In the top right corner of the main window, where it shows the current theme, open the ‘Actions’ dropdown list. The click on ‘Edit Code’
  4. Open up the ‘Assets’ folder (located on the panel on the left, wtitin the main content window). Click on ‘Add a new asset’.
  5. Choose your file, and upload it (I find it best to have a small, simple filename for the pdf file).
  6. Once uploaded, the hard part of course is finding the URL for the newly uploaded PDF. What I do, is to click on an image in the asset list (or upload one if there isn’t one there) so it shows it in the main pane, then right click on the image and open it in a new tab so I can see its URL. The url path for all assets is the same, so I just copy everything before the final backslash (it should end as ‘assets/’), and the path to the pdf will be that, plus the pdf file name that you uploaded. So it should look something like (if I were uploading ‘myfile.pdf’):
    https://cdn.shopify.com/s/files/1/2211/9258/t/10/assets/myfile.pdf 
Posted on March 22, 2018September 6, 2020 in Web Dev
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance