Editable products in Hexicom are web2print products where the end-user can fill in the details of the print product themselves online.
The vertical and horizontal grouping functions allow for fields on the print product to move vertically or horizontally to fill the space of another field if that field is empty.
Here’s how to set it up:
Set Up Text Fields
- Ensure all the necessary text fields are set up in your editable product.
Manage Groups
- In the editable product editor, click the “Manage Group” button.
Select Fields for Grouping
- In the “Available Fields” section on the left, select the fields you need for the group.
- Click the “Add” button to move the selected fields to the “Grouped Fields” section on the right.
Configure Group Options
- In the “Group Option” section at the bottom-left of the pop-up, add the x and y coordinate values for where the grouped fields should be positioned.
Set Spacing Between Fields
- Use the “Spacing between fields” section to add space between the fields.
Choose Movement Option
- On the right, in the “Movement Option” section, specify whether it's a vertical or horizontal group.
- In the “Field Movement Options” dropdown, select whether the fields should move up or down.
Save and Test
- Click the “Save and Close” button at the bottom.
- Go back to your editable product, refresh your browser, and test the product to see the result.
Example Configuration
Vertical Group:
- Group Option Coordinates: x = 10, y = 20
- Spacing Between Fields: 0.5 mm
- Movement Option: Vertical
- Field Movement Options: Move up
Horizontal Group:
- Group Option Coordinates: x = 10, y = 20
- Spacing Between Fields: 0.5 mm
- Movement Option: Horizontal
- Field Movement Options: N/A
Testing
After setting up the groups, always test the product by refreshing your browser and checking how the fields behave when some are left empty.
By following these steps, you can effectively manage the layout of your editable products, ensuring a clean and dynamic arrangement of fields based on user input.