Some options need more explanation than fits into a title, for example materials, finishes or service packages. This module adds an info box to options and option values. When a shopper moves the mouse over the option title, or over a value in a radio button or checkbox list, a box opens next to it with a headline, a short text and an image. The box closes again when the mouse leaves.
Features
- New fields “Info Headline”, “Info Description” and “Info Image” for each custom option and for each value of select-type options in the product’s Customizable Options section.
- The option’s info box opens when the shopper hovers over the option title; the cursor changes to indicate that more information is available.
- Value info boxes open when hovering over a radio button or checkbox value, or over an entry in a Select2 drop-down (Catalog Product Option Select2).
- The image is used as the background of the box, with headline and text on top.
- Headlines and texts can be entered per store view.
Configuration
Open a product in the admin, go to Customizable Options and fill in the info fields of the options and values that should have an info box. Images are uploaded directly in the form. There are no global settings.
Good to know
Info boxes for individual values are not available for plain drop-down lists, because browsers do not allow hover effects inside them; use the Select2 option type for drop-downs instead. The info boxes open on mouse hover, which is designed for desktop devices.
Installation
Install the module with Composer in your Magento root directory:
composer require infrangible/m2-catalog-product-option-infoThen enable it and update the store as described in the installation guide. Composer installs the required modules listed on this page automatically.