Hiding the Add Barcode Button in Products

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 for that product.
3. Open the configuration pop-up where the barcode script settings are defined.
4. Add the following snippet to the configuration: { ShowButton: false }
5. Save the configuration changes.
6. Reload the product editor to confirm that the 'Add barcode' button is no longer visible.

Related links

• Infigo Academy – Barcode Customization

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