Magento 2 Product Improvement Extensions

  1. Home
  2. Docs
  3. Magento 2 Product Improvement Extensions
  4. Magento 2 Custom Option Image
  5. User Guide

User Guide

1. Overview

Custom Option Image for Magento 2 extension allows admins to add images/colors to custom options of products. It supports uploading unlimited images and assigning to custom option of different types, such as drop-down, multiple select, checkbox, radio button.

2. How Does It Work?

Please go to Stores ⇒ Configuration ⇒ BSSCOMMERCE ⇒ Custom Option Image.

2.1 General Configs

magento 2 custom option image

  • In Enabled, choose Yes to enable the extension, or No to disable it.

Note: The module works with simple product, configurable product, bundle product (without dynamic pricing), downloadable and virtual product.

It only supports adding images for products that can have custom options by Magento default so the extension does not work with the grouped product. In case of bundle product, it only supports uploading images for the custom options created by admin, not the bundle items.

2.2 Frontend View Settings

magento 2 custom option image

a. In Drop-down Option View, choose one of the following options.

  • Show image when selected: Image is only displayed when the custom option is selected.

For example:

magento 2 custom option image

  • Show all images: All images are displayed in each custom option. If a customer selects an option, its image will be highlighted.

b. In Multiple Select Option View, choose one of the following options:

  • Show image when selected: Image is only displayed when the custom option is selected.
  • Show all images: All images are displayed in each custom option. If a customer selects an option, its image will be highlighted.

For example:

magento 2 custom option image

2.3 Image Size Settings

magento 2 custom option image

  • In Drop-down Option Image Height, set image height for drop-down option type.
  • In Drop-down Option Image Width, set image width for drop-down option type.
  • In Radio Buttons Option Image Height, set image height for radio buttons option type.
  • In Radio Buttons Option Image Width, set image width for radio buttons option type.
  • In Checkbox Option Image Height, set image height for checkbox option type.
  • In Checkbox Option Image Width, set image width for checkbox option type.
  • In Multiple Select Option Image Height, set image height for multiple select option type.
  • In Multiple Select Option Image Width, set image width for multiple select option type.

2.4 Upload Image for Custom Options

Go to Products ⇒ Catalog ⇒ Choose one product ⇒ Find Customizable Options

  • Click upload icon to upload image from local. Save configuration after finishing.
  • To remove the uploaded image, hover on the chosen image and click the delete icon.
  • To recover the deleted image, hover on the chosen image and click the retrieve icon.

magento 2 custom option image

Note: Don’t delete the custom option before save configuration or the images uploaded for options won’t be saved.

Was this article helpful to you? Yes No

How can we help?