Shopify themes, liquid, logos, and UX
Hi all, I'm trying to add 2 pdf 'Holiday Guides' to my Shop's blog. I creates 2 PDF's via Canva (each about 20 image pages). I uploaded each pdf to 'files' in Admin and copied the links. I created a new post and inserted each link (via URL tab of insert image) into the same post. The cover image for both show but without linking to the full PDF so I re-inserted the link to each image.
So now it works, but when you click on the image, the PDF opens more than full page (with the ability to scroll through the images). How can I control the size of the pop-up PDF to something that is more visually manageable/appealing?
Thanks for any help!
Typically you wouldn't want to insert links to non-image files in the Files section of the admin via the insert image button of the editor but rather insert them as links. If you insert a link to a PDF via the insert image button, the link will get wrapper with an HTML img tag and that won't work for PDFs.
Just insert the PDF URLs as links and when you then click on them in the blog post they should open up either inside the browser or in an external PDF viewer, depending on your system's and/or browser's settings.
Again, inserting a PDF by using the insert image dialog won't really work (it actually doesn't work at all for me, so I'm not sure we're doing the same thing).
Try entering some text in the editor, then selecting that. That should make the link button in the editor toolbar available. Click it and paste the PDF's URL you copied from the Files section in the admin. That should then link the text you entered to that PDF.
Instead of entering text you could also paste an image, e. g. a screenshot of the first page of the PDF, and then add the link to the PDF to that.
How the PDF then shows in your external PDF viewer is entirely up to that viewer's settings and it will be different for different people.
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...By Ollie May 25, 2023
Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...By Trevor May 15, 2023
With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...By Imogen Apr 26, 2023