Handy Tips & Tricks 📝V2

Configure Basket Count Visibility

Occasionally, users may notice that the basket counter does not appear on the main button when items are added, especially on the desktop view. In some cases, the counter seems to show only when the view is adjusted or zoomed in, causing confusion about the status of basket contents.

This behavior is not a bug but a configurable setting within your system. By adjusting the header settings, you can ensure that the basket count is visible across all device views.

The following guide explains the use cases, key settings, and step-by-step instructions to enable the basket count feature effectively.

Use cases

• Ensure users see an indication of items in their basket at all times.
• Create a consistent shopping experience across desktop and mobile views.
• Boost customer confidence by clearly displaying the basket status.

Key settings in Infigo

• Editable Content Header Settings: Infigo Admin > Editable Content - Edit Details > Header
• Basket Count Option: Click the cog in the top-right corner and change 'Show Basket Count' to Both

Step-by-step guide

1. Log in to your Infigo Admin panel.
2. Navigate to the Editable Content section and select the Header configuration.

1. Click the cog icon located in the top-right corner of the header settings.

1. Find the 'Show Basket Count' setting and change the option to "Both".

1. Save your changes to update the settings.
2. Clear Cache from the admin area

1. refresh your site to confirm that the basket counter is now visible on all devices and zoom levels.

Related links

• Infigo Academy – Getting Started

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

Embedding Videos on Product Pages

This article explains the challenges of embedding videos on product pages using the legacy 'Video Embed Code' field and outlines alternative approaches to achieve consistent and precise placement on modern storefronts.

The legacy field was initially designed for custom themes and may not render the video as expected in modern templates. While the embed code itself is valid, it might not display on the live product page if the field is not supported by the current theme.

For better control and consistent positioning, we recommend using Content Templates or Editable Content Blocks to embed videos either globally or on a per-product basis.

Use cases

• Embedding a video that should appear directly underneath the order countdown on a product page.
• Displaying the same promotional video on every product page using a global content block.
• Inserting unique videos for individual products via a product-specific content template.

Key settings in Infigo

• Video Embed Code: Found on the Product Edit page; a legacy option that may not render on modern storefront templates.
• Additional Description: An alternative field for embedding content, though its placement can be limited.
• Editable Content Block: Accessible via the Layout Manager, such as the Product Landing Page Global Content block, for consistent placement across products.
• Product-specific Content Template: Allows manual insertion of custom HTML (including iframes) for individual products.

Step-by-step guide

1. Confirm that the legacy Video Embed Code field contains a valid YouTube iframe embed code.
2. View the live product page to check if the video appears; if not, this field may no longer be supported by your current theme.
3. If the video is missing, try inserting the code into the Additional Description field, keeping in mind that its placement might not be optimal.
4. For a more controlled solution, create an Editable Content Block via the Layout Manager (e.g., the Product Landing Page Global Content block) and paste your video embed code there.
5. Alternatively, for individual product needs, set up a Product-specific Content Template and add the iframe directly into the HTML block.
6. Preview and adjust the display settings until the video appears in the desired location on the page.

Related links

• Infigo Academy – Video Tutorials
• Infigo What's New

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

By default, Infigo displays the first image (position 0) in the product image gallery when a user lands on a product detail page. This is the standard behaviour across all storefronts and cannot be changed through configuration alone.

Some users may wish to override this behaviour in specific scenarios—such as when a visitor arrives from a Google Merchant listing—and instead display a different image (e.g. image in position 1) by default. While this is not supported natively, there are workarounds available.

This article outlines what is and isn’t possible within the platform, and what options are available for customisation.

Use cases

• Show a different product image when a user lands on the product page from a Google Shopping ad
• Use the first image for homepage/category thumbnails but skip it on the product detail page
• Highlight a specific product variant visually without changing the product structure

Key settings in Infigo

• Product Image Order: Managed in the product setup area; the image in position 0 is always shown first by default
• Hide Primary Image on Homepage/Category: Found under Admin > Catalogue > Products > [Product] > Images; allows hiding the first image on listing pages only

Step-by-step guide

1. Navigate to Admin > Catalogue > Products and select the product you wish to edit.
2. Go to the Images tab to view and manage the image order.
3. Ensure the image you want to show by default is in position 0—this is the only image that will display first on the product detail page by default.
4. If you want to hide the first image on homepage or category pages, tick the Hide on Listing Pages checkbox (if available).
5. To override the default image shown on the product page based on referral source (e.g. Google Merchant), a custom JavaScript solution is required. This is not supported out of the box and would need to be scoped as a paid development.
6. Contact the Infigo team via your Customer Success Manager or Support to discuss a custom implementation if needed.

Related links

• Infigo Academy – Product Setup
• What’s New in Infigo

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

When using shared address books in Infigo, it's important to understand how address editing works during the checkout process. Even if an address book is set to be visible to everyone, changes made to addresses at checkout may not be saved unless specific settings are enabled.

This article explains the conditions required for address edits to be saved during checkout, and how shared address behaviour affects visibility across users.

By ensuring the correct configuration, you can allow users to edit and save address details as needed during the order process.

Use cases

• Allowing customers to edit shipping addresses during checkout
• Using shared address books across multiple users or teams
• Supporting one-time address entries for ad-hoc deliveries
• Ensuring address changes are retained during the checkout process

Key settings in Infigo

• Always show address form in checkout: Admin → Configuration → Checkout Settings
• Allow customers to edit their existing shipping addresses during checkout: Admin → Configuration → Order Settings → Default Billing Address
• Allow customers to use one-time addresses during checkout: Admin → Configuration → Order Settings → Default Billing Address

Step-by-step guide

1. Log in to the Admin area of your storefront.
2. Navigate to Configuration → Checkout Settings.
3. Enable the setting Always show address form in checkout.
4. Go to Configuration → Order Settings → Default Billing Address.
5. Enable the following options:
   • Allow customers to edit their existing shipping addresses during checkout
   • Allow customers to use one-time addresses during checkout
6. Save your changes.
7. Test the checkout process to confirm that address edits are now being saved.

Related links

• Infigo Academy – Checkout Configuration
• Infigo Academy – Address Book Management

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

This article explains the challenges of embedding videos on product pages using the legacy 'Video Embed Code' field and outlines alternative approaches to achieve consistent and precise placement on modern storefronts.

The legacy field was initially designed for custom themes and may not render the video as expected in modern templates. While the embed code itself is valid, it might not display on the live product page if the field is not supported by the current theme.

For better control and consistent positioning, we recommend using Content Templates or Editable Content Blocks to embed videos either globally or on a per-product basis.

Use cases

• Embedding a video that should appear directly underneath the order countdown on a product page.
• Displaying the same promotional video on every product page using a global content block.
• Inserting unique videos for individual products via a product-specific content template.

Key settings in Infigo

• Video Embed Code: Found on the Product Edit page; a legacy option that may not render on modern storefront templates.
• Additional Description: An alternative field for embedding content, though its placement can be limited.
• Editable Content Block: Accessible via the Layout Manager, such as the Product Landing Page Global Content block, for consistent placement across products.
• Product-specific Content Template: Allows manual insertion of custom HTML (including iframes) for individual products.

Step-by-step guide

1. Confirm that the legacy Video Embed Code field contains a valid YouTube iframe embed code.
2. View the live product page to check if the video appears; if not, this field may no longer be supported by your current theme.
3. If the video is missing, try inserting the code into the Additional Description field, keeping in mind that its placement might not be optimal.
4. For a more controlled solution, create an Editable Content Block via the Layout Manager (e.g., the Product Landing Page Global Content block) and paste your video embed code there.
5. Alternatively, for individual product needs, set up a Product-specific Content Template and add the iframe directly into the HTML block.
6. Preview and adjust the display settings until the video appears in the desired location on the page.

Related links

• Infigo Academy – Video Tutorials
• Infigo What's New

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

When the Approval Workflow is active, customers expect to see an easy-to-use navigation option in the My Account section to review pending order approvals. In some cases, the expected dropdown may not appear even though the approval process is functioning.

This article provides guidance on verifying and enabling the necessary setting to ensure that the Approval navigation populates correctly for users. It also explains alternative ways to access the approval page if the dropdown is missing.

Use cases

• Customers trying to review pending approval requests from the My Account section.
• Administrators needing to ensure that the storefront navigation for approvals is correctly displayed.

Key settings in the Platform

• Show Approval Links: Located in the Editable Content > Header section within the platform administration panel. This setting must be enabled to display the approval dropdown in the My Account area.

Step-by-step guide

1. Log into the platform's administration panel.
2. Navigate to the Editable Content section and open the Header settings.
3. Locate the Show Approval Links option and set it to Yes.
4. Save the changes and refresh the storefront. The approval dropdown should now appear under the My Account section.
5. If the dropdown still does not appear, try clearing your browser cache or reviewing the configuration to ensure the setting was saved correctly.

Related links

• Approval Workflow Article

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

This article explains how to enable the Custom option in the product type dropdown when building a custom quote using PrintIQ. The option is controlled by a tickbox found in the PrintIQ Configuration Settings.

By following this guide, users can quickly locate and enable the setting, ensuring that the Custom option appears as expected in the dropdown menu. This procedure is applicable whenever a custom quote is needed.

Users are encouraged to verify the setting after toggling the tickbox to ensure that the change is correctly applied. The process is simple and requires only a few steps in the configuration panel.

Use cases

• Building a custom quote when the Custom product type is not visible.
• Integrating custom workflows in PrintIQ through configuration settings.

Key settings in the system

• Custom Product Type Tickbox: Located in the PrintIQ Configuration Settings panel.

Step-by-step guide

1. Log in to the system and navigate to the PrintIQ Configuration Settings.
2. Locate the tickbox for the Custom product type option.
3. Tick the box to enable the Custom option.
4. Refresh or review the product type dropdown to confirm the Custom option is now visible.
5. If needed, save the changes and test by creating a custom quote.

Related links

• Infigo Academy – PrintIQ Custom Integration

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

This article explains why your order approval emails may contain an incorrect store URL and how to resolve the issue. The problem typically occurs when the store URL in the Workflow Settings is misconfigured.

If the Workflow Settings contain an outdated or incorrect URL, automated emails will include non-functional links. In addition, if the default placeholder (such as 'teststore') appears in the URL, it indicates that the specific storefront name was not correctly updated in the configuration.

By following the steps outlined below, you can update your Workflow Settings to ensure that approval emails direct you to the correct page. This guide is designed to prevent future occurrences of this issue.

Use cases

• An order approval email directs you to a URL that results in an error.
• The URL displays a default or placeholder storefront name instead of the actual store name.

Key settings in Infigo

• Store URL: Located in the Workflow Settings under the admin panel.
• Custom Binding: Ensure your storefront custom binding is correctly set if you are using a non-standard URL.

Step-by-step guide

1. Log in to your Infigo admin panel and navigate to the Workflow Settings section.
2. Locate the field for the Store URL and check its current value.
3. Update the Store URL to the correct value, for example:
   • https://yourstore.example.com
   • or your custom binding (e.g., yourstore.example)
4. Save your changes in the Workflow Settings.
5. Generate a new order approval email to ensure the updated URL is used; note that previously sent emails will still contain the old link.
6. Test the approval link to confirm it directs to the correct page.

Related links

• Infigo Academy – Order Approval Setup
• Infigo Academy – Updating Workflow Settings

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

This article describes how to remove the 'Add barcode' button from the top of a product editor while keeping the barcode functionality intact. The solution applies to individual products where the barcode updates in real time.

Using the Barcode Fields script configuration in the admin area, you can easily hide the button by adding a small snippet of code. No changes to the barcode functionality or form fields are needed if you are already using the InVent form fields.

This guide provides step-by-step instructions and highlights key settings within the admin interface to help customize the product display in a clear and efficient manner.

Use cases

• Customizing the product editor for a cleaner user interface.
• Hiding unnecessary buttons to reduce user confusion.
• Maintaining real-time barcode functionality without extra UI elements.

Key settings in Infigo

• Barcode Fields Script Configuration: Access this setting in the product's admin panel under the barcode fields section.
• Config Pop-up: Open the configuration pop-up to modify the settings.

Step-by-step guide

1. Log in to the admin panel and navigate to the desired product.
2. Locate the Barcode Fields script settings for that product.
3. Open the configuration pop-up where the barcode script settings are defined.
4. Add the following snippet to the configuration: { ShowButton: false }
5. Save the configuration changes.
6. Reload the product editor to confirm that the 'Add barcode' button is no longer visible.

Related links

• Infigo Academy – Barcode Customization

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

This article explains how the tier pricing table functions and how it can be hidden on your storefront when needed. The tier pricing table is shown when multiple tier prices are set, the “Use Quantity Based Pricing” setting is disabled, and there are no product attributes with price adjustments.

At present, there is no built-in system setting to hide the tier pricing table. Instead, you can use a custom CSS snippet to prevent the table from displaying on product pages. Please note that applying this snippet will hide tier pricing across all products.

This guide provides an overview of the scenarios in which you might want to hide the table, describes the key settings affecting its display, and offers step-by-step instructions for implementing the custom CSS change.

Use cases

• Allowing users to freely enter a quantity with dynamic pricing calculations.
• Simplifying product pages by removing the tier pricing table.
• Ensuring a consistent storefront appearance for products that use tier pricing.

Key settings in Infigo

• Tier Pricing Display: Automatically shown when multiple tier prices are present.
• Use Quantity Based Pricing: Located in the product pricing configuration; must be disabled for the tier table to appear.
• Product Attributes with Price Adjustments: Any such attributes will prevent the tier pricing table from displaying.

Step-by-step guide

1. Confirm that your product has multiple tier prices set up.
2. Check that the Use Quantity Based Pricing setting is disabled in the product configuration.
3. Ensure there are no product attributes with price adjustments applied.
4. To hide the tier pricing table, navigate to the CSS section in your admin area and add the following snippet:
   
   .tier-prices.catfish-classes.interpolation.orderLineTotal { display: none; }
5. Save the CSS changes and review your storefront to verify that the tier pricing table is hidden across all products.

Related links

• Infigo Academy – Adjusting the look and feel of a storefront using CSS

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