How to customize the Attribute Components for styling products
The Attributes Component allows you to add product attributes in a list format to your PDF Template. This is ideal for titles, descriptions, and other text.
When editing the Attribute Component you will see different sections and settings. Here is an overview of what these are and how to use them.
This is found at the very bottom of the component editor to allow you space to add unlimited attributes to the space. Add new attributes by clicking the ADD button.
Add these first when editing your component in order to see them in the preview. This will make it easier to visualize the styles you apply.
You can rearrange the order of attributes by dragging and dropping them.
Remove attributes by hovering over the attribute and clicking the TRASH CAN button.
The Title serves two purposes: (1) to identify the component in the component list, and (2) to be used within the template itself as a section header.
If you wish to show the Title as a section header, turn on the SHOW TITLE switcher (as seen below).
The Component Layout allows you to decide how much space the component will occupy. 100% will take the whole width of the column, while 50% will take half of the column.
When 50% is applied, there is space for another 50% component right next to it. This way you can create descriptions with an image next to it, or a two column description.
Here you can see two Attribute Components at 50%: Brand and Price
Here you can define the styles for the attributes you choose. You can customize the font, the font color, and the font size.
The minimum font size is 8 and there is no maximum.
This switcher allows you to decide if you want the attribute label to appear in the template.