> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.linkedoption.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).

# Expand Product Card Options on Hover

When a product card has more option values than the configured display limit, LinkedOption shows the visible values followed by a “+n” indicator. You can enable hover expansion so customers can quickly view every option value without opening the product page.


What this setting does

When enabled:
• The product card initially follows your configured option-value limit.
• Moving the pointer anywhere over an option block expands all of its available option values.
• Moving the pointer away restores the original limit and the “+n” indicator.
• Each option block expands independently on multi-option product cards.

The setting is disabled by default, so existing product-card behavior does not change unless you turn it on.

Supported option styles

Hover expansion works with:
• Color Swatch
• Image Swatch
• Button

It does not change Dropdown or Count only displays because those styles do not use the “+n” limited-value indicator.

How to enable hover expansion

1. In LinkedOption, go to Option styles, click the "Customize" button.![](https://storage.crisp.chat/users/helpdesk/website/-/b/7/5/a/b75ae5b79c0f0000/image_frut4e.png)
2. In the General tab, keep __*Display as*__ set to __*Swatches*__ and Enable __*Expand all option values on hover*__.
![](https://storage.crisp.chat/users/helpdesk/website/-/b/7/5/a/b75ae5b79c0f0000/image_e6yzl8.png)

Need help?

If the option values still do not expand as expected, contact us through the in-app chat and share your storefront URL, theme name, and a screenshot of your product-card customization settings.