Practical Tips

Start simple

The default settings produce good results, but review them and only enable the sections your customers will actually need. Cleaner tear sheets are usually more useful than crowded ones, and keeping everything on a single page is always the goal.

The single-page approach

Tear Sheets works hard to keep product tear sheets to one page. It runs a multi-pass layout algorithm that adjusts image sizes and gallery dimensions to fill available space efficiently. If the full description is too long to fit, the plugin will fall back to a multi-page layout, but this is a last resort. You can help by being selective about which content sections you include, by restricting the height of header and footer images and by using the Max Images setting to limit the gallery where needed.

Use wide header and footer images

Header artwork works best when designed as a shallow, horizontal banner rather than a tall image. This keeps the page balanced and leaves more room for content. If you don’t need a footer image, turn the option off to free up additional space.

Make good use of QR codes

QR codes can be added to both product and cart tear sheets. On product tear sheets, scanning or clicking takes the customer straight to the product page. On cart tear sheets the QR code goes further. It encodes the exact cart contents, so scanning it populates the recipient’s cart with the same products. This makes cart tear sheets a powerful sales tool: a buyer can build a cart, generate a PDF, and send it to a colleague or purchasing manager, who can complete the order with a single click.

QR code placement

QR codes sit above the footer area. On a single-page layout with footer text, the QR code appears side-by-side with the footer text block — left or right depending on your setting. If there is no footer text, the QR code appears just above the footer image. When space is very tight, the QR code may overlap the footer image rather than push content onto a second page. This is intentional: the page layout takes priority over the footer image in those situations. If you find the overlap is consistently happening, consider reducing the footer image height or turning off some content sections.

Use the footer content imaginatively

Footer content is a great place for contact details, returns policy, warranty wording, or a short call to action. The same applies to the cart footer. You might add delivery lead times or minimum order information there.

Swap descriptions to improve layout

If your products use only the full description and not the short description, consider enabling ‘Swap Long & Short Descriptions’. This moves the full description up to where the short description would normally appear, giving a better-balanced layout near the top of the page – as long as your descriptions are relatively short.

Limit gallery images

If your products have large galleries, use the Max Images setting to cap the number shown. This keeps tear sheets manageable and avoids pushing content onto a second page.

Getting the button in the right place

The ‘Display Hook’ setting controls where on the product page the print button is inserted. Three positions are available:

After Add to Cart (default): places the button immediately after the Add to Cart button, which works well for most themes.

Product Summary: places the button within the product summary block, useful when the Add to Cart form is not in the expected position.

Before Form: places the button above the Add to Cart form entirely.

If the button appears in the right area but is in the wrong order relative to other buttons or elements, use the ‘Priority’ setting to move it earlier (High or Very High) or later (Low or Very Low) within that position. The default priority works for most themes, but some themes or plugins that add their own buttons to the same hook may need adjustment.

Fine-tune with Custom CSS

The Custom CSS field lets you adjust the tear sheet layout without editing plugin files. Styles are applied to the PDF output only and have no effect on the display of your store’s pages. The following classes are available for targeting:

Product tear sheets:

.page-header — the header image block

.product-title — the product name heading

.price — the product price

.short-desc — the short description

.description — the full description

.gallery-table — the image gallery grid

.attrs-section — product attributes block

.meta-line — individual attribute rows (SKU, shipping, etc.)

.qr-block — QR code container

.page-footer — footer area (text and image)

Cart tear sheets:

.cart-title — the cart heading

.cart-table — the main product table

.col-img, .col-name, .col-qty, .col-price, .col-total — individual table columns

.item-desc — product description within each cart row

.item-attrs — variation details within each cart row

.totals-table — order totals block

.grand-total — the grand total row

.footer-text — cart footer text content

.footer-img — cart footer image

Both:

.ts-pdf-link — all clickable links embedded in the PDF

.page-number — page number indicator on multi-page PDFs