> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.custompricecalculator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Image Selector Element

Using our Image Selector element you can allow your customers to select any image from a swatch or dropdown selection. If you want the image of the selected option will even be displayed as the main photo on the product page on the calculator is embedded on.

### How to use:

1. Name => The option that will be displayed when hovering over the swatch or as an option in the dropdown
2. Value => The value that will be used in the formula when calculating the product price
3. Image => Upload the selected image for the specific option. This image will be displayed in the swatch selection
4. Enable Swatch => When enabled the view will be a swatch view, when disabled it will be a drop-down view showing the option name
5. Show Image on Selection => If enabled, when a specific option is chosen the main product image will change to the image of the selected option
6. Save your changes


![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/1_klv9v7.png)


​