← All modules

Magento 2 module

Catalog Product Option Badge

Shows a badge image on top of the product gallery as soon as a shopper selects a custom option value, so the choice becomes visible on the product picture.

When products are customized with options, shoppers often cannot see what their choice means for the product. With this module you upload a small badge image for an option value, for example a “gift wrapping” symbol, a seal or a colour patch. As soon as the shopper selects that value on the product page, the badge is placed on top of the main product image in the gallery. When the selection changes, the badge is removed or replaced.

Features

  • Upload a badge image (JPG, PNG or GIF) for each value of a custom option directly in the product’s Customizable Options section.
  • The badge appears on the product gallery when the value is selected in a drop-down, multiple select, radio button or checkbox option, and disappears when it is deselected.
  • Several badges from different options can be shown at the same time; up to five are displayed, stacked on the image.
  • Works with the standard Magento gallery and with the Amasty product gallery.

Configuration

Open a product in the admin, go to Customizable Options and use the new “Badge” image field next to each option value to upload the image. There are no global settings.

Good to know

Badge images are stored in the media folder of the store. The admin also shows a badge field on the option itself, but on the storefront only the badges of the selected option values are displayed.

Installation

Install the module with Composer in your Magento root directory:

composer require infrangible/m2-catalog-product-option-badge

Then enable it and update the store as described in the installation guide. Composer installs the required modules listed on this page automatically.