Picture of 🚀 Invent Tips & Tricks 🚀

🚀 Invent Tips & Tricks 🚀

Read our handy storefront styling tips and tricks!

Disable Positional Error Checks for Elements Extending Beyond the Canvas

Disable Positional Error Checks

When designing products, some image elements may intentionally extend beyond the visible canvas. In these cases, the system may display positional error messages that could confuse customers.

This article explains how to disable the positional error checks for individual products without affecting global settings. This is ideal for designs where out-of-bound elements are a deliberate part of the artwork.

Following this guide will help ensure users do not see unnecessary error messages while still retaining error checks for other products that require them.

Use cases

  • Products with design elements purposely extending outside the canvas.
  • Scenarios where disabling error messages on a per-product basis avoids customer confusion while retaining checks for other items.

Key settings in the product editor

  • Do not check for positional issues: Found in the Menu > Product Options under the General Field Features section.

Step-by-step guide

  1. Open the product editor for the item you wish to adjust.
  2. Navigate to Menu > Product Options.
  3. Scroll down to the General Field Features section.
  4. Tick the box labeled Do not check for positional issues.
  5. Save your changes.
  6. Perform a quick test (preferably by impersonating a registered user) to ensure the product displays as intended.

Related links

For additional guidance, please visit the Product Academy or contact Customer Support.

Font Size Reverting When Using Variable Data

Why does my font size revert when using variable data?

When working with variable data in Infigo, you may notice that increasing the font size of a placeholder text field causes it to revert to a smaller size after clicking away. This behaviour is typically due to the placeholder exceeding the defined safe zone on the canvas, which automatically triggers a size adjustment to ensure the text fits within the allowed area.

This article explains why this happens, how the safe zone affects font sizing, and how to adjust your placeholder field to achieve the desired appearance without triggering automatic resizing.

Understanding this behaviour will help you design variable data products more effectively and avoid unexpected formatting changes.

Use cases

  • Creating variable data cards with large, prominent numbers or text
  • Uploading CSV files with sequential data (e.g. numbers 1–50)
  • Ensuring consistent font size across all variable data entries
  • Troubleshooting unexpected font size changes in the editor
  • Designing within the constraints of a product’s safe zone

Key settings in Infigo

  • Safe Zone (Blue Line): Visible in the product editor; defines the maximum printable area
  • Placeholder Text Field: Found in the product editor under 'Edit Text Field' when selecting a variable data field
  • Font Size: Editable in the text field popup; reverts if the text exceeds the safe zone

Step-by-step guide

  1. Open the product in the editor (as a storefront admin or customer).
  2. Upload your CSV file containing the variable data (e.g. numbers 1–50).
  3. Insert a placeholder text field and position it on the canvas.
  4. Click the placeholder to open the text field settings popup.
  5. Increase the font size to your desired value (e.g. 100).
  6. If the font size reverts (e.g. back to 20), it means the text exceeds the safe zone.
  7. To resolve this, resize the placeholder text field so it fills more of the canvas, up to the blue safe zone lines.
  8. Once resized, increase the font size again. It should now retain the larger size (up to a maximum of 65, depending on the field size).
  9. Preview the output using the PDF download to confirm the appearance.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

Invent Re-enabling Preview Buttons in Direct Preview Mode

The Direct Preview Mode in print file configurations can be used to prevent users from editing the print files. However, enabling this mode may cause both the Add to Cart and Preview buttons to disappear.

This article explains how to re-enable these buttons by adding a code snippet into the Preview Config section. This ensures your users see the expected interface while maintaining the restricted editing environment.

Use cases

  • Preventing users from directly editing print files while still offering a preview option.
  • Ensuring that the Add to Cart functionality remains available for customers.

Key settings in Infigo

  • Direct Preview Mode: Found under the InDesign Invent product configuration.
  • Preview Config: Located in the General tab of the MegaEdit product configuration.

Step-by-step guide

  1. Navigate to your product configuration page under the MegaEdit section.
  2. Scroll down to the Preview Config section under the General tab.
  3. Insert the following code snippet into the Preview Config field:

    { showAddToBasketButton: true }

    HTML Image

  4. Save the changes in your product configuration.
  5. If the buttons do not immediately reappear, clear your browser and storefront cache before rechecking the product page.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

Troubleshooting Text Cut-Off and Suppression Issues

This article addresses two common issues encountered when working with text fields: characters being cut off (such as the bottom of a letter 'g') and unexpected suppression behavior where static labels appear even when the associated variable is empty.

Often, the root causes are related to margin settings on text fields and the suppression mode used in the design file. A manual margin adjustment in the ME Editor can solve the cut-off problem, while switching from full to left suppression might resolve issues with unwanted characters.

Follow the detailed steps below to adjust these settings, and refer to the additional resources for further guidance on text suppression logic.

Use cases

  • Text fields displaying characters with parts missing due to improper margin settings.
  • Static labels or characters (e.g. a stray 'f') appearing when the related variable is empty.

Key settings in Infigo

  • Margin: Accessed via the text field properties in the ME Editor by double-clicking the text field and adjusting the Margin value.
  • Suppression Option: Located in the INDD file settings. Adjust the suppression mode from Full to Left to control when static labels are displayed.

Step-by-step guide

  1. Open the ME Editor for your project and locate the affected text field.
  2. Double-click the text field to open the text options pop-up.
  3. Find the Margin setting and enter a value (start with 10) that suits your font size. Adjust as necessary and test the output to ensure the full text displays correctly.
  4. If suppression issues persist, open your INDD file and locate the suppression settings for the variable causing issues.
  5. Change the suppression mode from Full to Left and export a new MEX file. Note that reimporting the MEX may overwrite manual margin changes, so address suppression first, then adjust margin as needed.
  6. Review the final output to confirm that unwanted characters or spaces are no longer present.

Related links

For additional guidance, head over to the Infigo Academy or contact our Customer Support team.

Incomplete
🔎
Indexing articles…
    Select a tip or trick