Before you proceed: |
A product PDF will display all of the details about your product in PDF format allowing your website visitors to either print the document or save it onto their computer's hard drive.
The design and layout of the PDF is entirely up to you to decide. This help guide provides some simple information about how to enable the facility for your website to generate the PDF, the styling of it is completed by applying CSS rules to your code.
Using the page editor in advanced mode, click to create a new file in the views folder and name it product_pdf.twig.
You will have two blocks of content. The first block is the CSS, and the second block is the HTML.
In your file you should create something like this:
| {% block css %} ...your CSS rules... {% endblock %} {% block html %} ... your HTML ... {% endblock %} |
Place your CSS within the {% block css %} section and your HTML within {% block html %}.
The file has access to all the attributes of the product object meaning you can create the PDF to display as much information as you like about the product.
Please note, images for the product cannot be included within the {% block html %} section and should instead be added as background images to a container, using CSS, e.g.
| .image-container { background: url('http:{{ product.photo_url }}') no-repeat center; } |
Once you've added your HTML and CSS then save your changes.
Optionally you can also include your company logo in the PDF with the global.business.logo_url variable. This will also need to be added as a background image to a container using CSS.
The PDF for a product can be viewed at the URL of the product, as it is on your website, with ?pdf appended to the URL, e.g.
https://www.yourdomain.com/product-url?pdf
Therefore, to link to the PDF on the product page on your website, you'd need to add a link like the below,
| <a href="{{ product.url }}?pdf">view pdf</a> |
EcommerceFrom 28 June 2025, new EU regulations will require all consumer-facing webshops to meet certain accessibility standards. Known as the European Accessibility Act (EAA), the goal is to make online stores...
B2B EcommerceNavigating the complexities of B2B purchasing requires an in-depth understanding of buyer behavior, which has evolved significantly over recent years. Companies today must adapt to these changing dynamics...
MarketingGoogle Shopping is a powerful platform that lets online stores showcase their products on both the Google results page and Google Shopping tab. This unique advertising opportunity helps brands put...
Ecommerce business managementThe success of your ecommerce store depends on more than just top-notch products and savvy marketing. According to a study by Salesforce, 88% of customers said their whole experience with a business is...
Ecommerce business managementWhen Magento was released back in 2007, the appeal of an open-source ecommerce platform quickly captured the attention of businesses wanting complete control over their online store. However, for...
Ecommerce business managementArtificial intelligence (AI) is revolutionizing the ecommerce landscape.By 2030, the AI-enabled ecommerce market is estimated to reach $16.8 billion, growing by a rate of 15.7% CAGR in the next 8 years....
EcommerceIn the ever-evolving landscape of ecommerce, the success of your business hinges not only on the products you sell but also on the robustness of your ecommerce platform.As we navigate through an era where...
See why ShopWired is one of Europe's favourite ecommerce platform and start building your ecommerce website today.
No obligation, no credit card, no commitment, no contract
