Custom layouts are a unique arrangement of page elements, such as titles, images, descriptions, attributes, prices, logos, icons, lines, shading, and static text. Sometimes businesses require custom layouts in order to handle the particular characteristics of their product data. Many businesses have strict layout requirements in order to maintain a branded look for all product presentations. See below for examples of custom layouts.
Yes, there are many cases where one of the standard Catalog-on-Demand layouts is mostly fine, but an adjustment is required to accommodate one or two special requirements. Examples:
- The description needs to appear in multiple columns
- Selected attributes require special formatting
- Prices need to be colored
- Text needs to be cleaned up or replaced
A picture is always worth a thousand words. Please open a support ticket, then reply to the automatic response with a mockup of your custom layout requirements. We also encourage you to start the free trial so that we can get a good look at your product data.
Once we have the mockup and your data we will get back to you with questions and comments. After two or three rounds of this, we are usually able to quote you a one-time development fee.
To improve readability, the customer wanted two of the product attributes (Use Care and Additional Information) to be moved into the description. Each was given its own subheading.
In this content, any of the attributes might contain warranty text. The code searches all attributes for the appropriate text, and if found, creates an attribute on-the-fly with the icon image as its value.
The customer specified that the product name appear at the top of the content space, and that the attributes appear to the right of the primary image. Text formatting is customized.
The GST reference is appended to the price at a smaller font size.
The customer wanted the primary image to standout, and the secondary images to be smaller and left-aligned under the primary image.
The description is vertically centered, and left aligned next to the small images.
This is a grid-based layout with three products per page.
The images are constrained to fit in the available space.
The description is truncated at a word break and followed by an ellipsis (…) if it exceeds the maximum height.
The available space for the columns is determined by the width of the product image.
The left-hand image, border, and show stopper text are the same for all coupons, and are therefore part of the background image.
Each attribute value is colored, sized, positioned, and concatenated with appropriate text per customer specifications.
The product image is given a maximum width with a proportional height.
Some product categories take up only a partial page; other categories run for multiple pages.
Products are identified only by their name, but the name is linked back to the website.
Up to 5 prices are shown per product, which also includes information about the packaging and size of that SKU.
This print brochure is used to drive mobile users to their food products site.
For customers who are viewing the PDF from their computer or mobile device, the product name is linked to the e-commerce site.
If a product description exceeds a maximum height, it is truncated at a word break and followed by an ellipsis (…) to show that more information is available online.
The large QR code is required because the link is directly to the customer's web page. If a link shortener is used, the QR code can be much smaller.
The amount of space allocated to the page title is the same regardless of whether the title wraps to one or two lines. The title is extracted from a specified field if that field has a value, otherwise it is taken from a different field.
The image is proportionally resized to fit the amount of available space.
The second image may or may not exist. If it does not exist, a placeholder image is used instead.
The description may contain bullets or other formatting. It is auto-truncated if it runs more than the maximum height. The text is also automatically cleaned up to remove content not required for print.
The logo and vertical lines are handled with a background image.
Here are two versions of a layout to show tier prices.
For customers who are viewing the PDF from their computer or mobile device, the product image is linked to the e-commerce site.
The product name is allowed to wrap and given a fixed height to maintain vertical alignment across the page.
The tier prices are shown side-by-side.
In this alternate layout, the tier prices are shown stacked on one another, separated by a thin line.