Example Tips & Tricks 📝V2

Read our handy storefront styling tips and tricks!

Displaying Basket Count Visibility Next to the Basket Icon on Your Storefront

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

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



How to Embed Videos on your Product Landing Page

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

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





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.





Alternate Search Terms
disable positional checks, ignore canvas errors, turn off positional warnings, skip error validations, disable out-of-bound alerts, bypass design errors, omit canvas boundary checks, ignore layout warnings, no position error, override boundary alerts

Displaying a Specific Product Image by Default on the Product Page

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

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

Downloading Original PDFs from Infigo

This article explains how to download the original customer PDF files using the Infigo interface. It addresses concerns about insufficient image data in the final output PDF by confirming that the original file is available for review.

Users can verify whether the image data is complete by accessing the order details in the Shared Print Operation (SPO) portal. The final output PDF in the Product section is the original file for the order.

Follow the steps below to locate and download the original PDF file. This guide ensures that you can quickly resolve similar queries in the future.

Use cases

  • Verifying complete image data in order PDFs
  • Accessing original customer PDFs for quality review

Key settings in Infigo

  • Search Orders: Located in the SPO portal to find specific orders by order number
  • Product Section: Found within the order details where the final output PDF is available for download

Step-by-step guide

  1. Log in to the SPO (Shared Print Operation) portal.
  2. Enter the order number (e.g., 9716) in the search bar.
  3. Select the order from the search results to view the order details.
  4. Scroll down to the Product section where the final output PDF is listed.
  5. Click to download the original PDF file for review.

Related links

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





Alternate Search Terms
original pdf download, download customer pdf, order pdf original, get original file, pdf image verification, check order pdf, verify pdf quality, customer file download, access original pdf, review pdf details

Editing Shared Address Book Entries at Checkout

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 checkoutAdmin → Configuration → Checkout Settings
  • Allow customers to edit their existing shipping addresses during checkoutAdmin → Configuration → Order Settings → Default Billing Address
  • Allow customers to use one-time addresses during checkoutAdmin → 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

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

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





Alternate Search Terms
video product page fix, embed video troubleshooting, legacy video code issue, custom video embed, product video not showing, update video embed code, video content block setup, add video to product page, alternative video embed method, insert video in product template

Enabling Approval Navigation in the My Account Area

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

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





Alternate Search Terms
enable approval navigation, missing approval dropdown, customer portal approvals, approval link setting, pending approvals view, approval menu not showing, enable order approvals, fix approval navigation, review approval settings, approval dropdown troubleshooting

Enabling the Custom Product Type in PrintIQ

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

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





Alternate Search Terms
enable custom option, custom quote setting, activate custom product, custom dropdown toggle, PrintIQ custom tickbox, toggle custom quote, custom option activate, custom product config, adjust custom quote, show custom type

Fixing Incorrect Approval Email Links

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

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





Alternate Search Terms
email link error, approval email issue, wrong store URL, misconfigured workflow URL, broken approval link, incorrect storefront URL, fix order email, update workflow settings, placeholder URL error, invalid email redirect

Fixing Incorrect Out-of-Stock Messages

Sometimes product pages display an out-of-stock error for certain sizes even when inventory is available. This issue may occur when the system still holds inventory amounts as on hold, causing a mismatch between actual stock and what the customer sees.

In some cases, the inventory for product variations is not properly updated when orders are placed. This can result in product variants showing available stock in the backend, yet the storefront displays an out-of-stock message.

A common resolution is to clear the on-hold inventory amounts via the admin interface. Once cleared, the product page should accurately reflect available stock and allow orders to reduce inventory as expected.

Use cases

  • Product pages showing an out-of-stock message despite available stock.
  • Inventory counts not reducing after customer orders are placed.
  • Discrepancies between stock information in the admin panel and the storefront display.
  • On-hold inventory amounts affecting attribute combination stock settings.

Key settings in Infigo

  • Product Variant Inventory: Accessible via Admin > Product Variant Edit to review stock levels and attribute combinations.
  • On-Hold Inventory: Located within the inventory management section where on-hold amounts are recorded for products that have shipped.
  • Order Management: Check if orders are correctly decrementing the inventory and managing on-hold stock.

Step-by-step guide

  1. Log in to the admin panel and navigate to the Product Variant Edit page for the affected product.
  2. Review the stock levels for each product size, paying close attention to the on-hold inventory amounts.
  3. If the on-hold value is causing the error, use the delete button to clear the on-hold amount for the specific variants (e.g. XS and 2XL).
  4. Save your changes and refresh the product page to verify that the out-of-stock message is no longer displayed.
  5. If the issue persists, confirm whether your inventory is managed manually or via an external MIS system to further troubleshoot the discrepancy.
  6. Contact Customer Support for additional guidance if necessary.

Related links

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





Alternate Search Terms
fix out-of-stock error, incorrect stock display, inventory mismatch fix, clear on-hold stock, product stock update, inventory update error, update product variant stock, fix on-hold inventory, admin stock error fix, available stock not showing

Fixing Missing Placeholder Values in MegaEdit Products Using Form Builder Scripts

If you're using the FormBuilderRefactor script to populate variable data in MegaEdit products and notice that some placeholder values (e.g. prices) are not displaying correctly, this guide will help you identify and resolve the issue. This commonly occurs when placeholder variables are not rendered due to layout formatting inconsistencies or missing layout assignments.

The issue may affect only specific users or layouts, and can be caused by a combination of script logic, font styling within placeholders, or incorrect layout configuration. This article outlines how to troubleshoot and fix these problems.

Use cases

  • Placeholder values not displaying for specific users in MegaEdit products
  • Text fields showing only partial or incorrect variable output
  • Layout changes not saving or reflecting for end users
  • Issues with default layouts not matching assigned layouts in Form Builder CSV
  • Inconsistent font styles within placeholder text causing variable mismatch

Key settings in Infigo

  • Form Builder Script ConfigurationAdmin > Dynamic Products > Edit Script Configuration
  • Global Additional DataAdmin > Additional Upload Data > GlobalData
  • Layout Assignment CSVGlobalData > Flyers folder > e.g. HWB_FlyerA6_TeamEvent.csv
  • Layout EditorAdmin > Product > Edit > MegaEdit > Layouts
  • Resave Var FieldsEditor > Tools > Resave var fields (we updated variable values)

Step-by-step guide

  1. Open the MegaEdit product in the admin editor.
  2. Apply the layout you want to edit using the layout dropdown.
  3. Click into the text field containing the placeholder (e.g. [++KidsCelebrationPrice-OffPeak++]).
  4. Check for inconsistent font styles:
    • Highlight each character in the placeholder individually.
    • Ensure the entire placeholder uses the same font family and style.
  5. If styles differ, either:
    • Delete and retype the affected character(s), or
    • Select the entire placeholder, change to a different font, then switch back to the correct font.
  6. Click outside the text field to exit edit mode.
  7. Click Resave var fields (we updated variable values) in the editor toolbar.
  8. Save the layout using the Update Layout button.
  9. Ensure the user is assigned to the correct layout in the relevant CSV file (e.g. HWB_FlyerA6_TeamEvent.csv).
  10. If a user is not assigned a layout, the system will use the product’s default layout. Make sure the default layout is correctly configured.

Related links

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

Hiding the Add Barcode Button in Products

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

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





Alternate Search Terms
Hide add barcode option, Remove barcode button from product editor, Disable add barcode button, Hide scan code button, Conceal add barcode in product details, Remove product add barcode feature, Barcode button hide settings, Turn off barcode add button, Hide barcode addition prompt, Disable barcode functionality button

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css

Hiding the Tier Pricing Table with Custom CSS

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

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





Alternate Search Terms
hide tier pricing, remove tier pricing table, disable multiple tier prices, custom css pricing hide, tier table hide store, hide tier display, css to hide tier info, pricing tier table removal, turn off tier pricing, tier price hide css
Incomplete
🔎
Indexing articles…
    Select a tip or trick