Shopify Options Styling
Shopify Options Settings
1 min read Updated Jul 24, 2026
Overview#

Product Page Settings#
These settings control how Shopify options styling appear on the product page.
- Show on Product page: Enable or disable displaying Shopify options styling on the product page.
- Show option name: Display the option label (e.g. Color, Size) above the option values.

- Show variant name on hover: Show the variant name when customers hover over a swatch or option value.

- Show image on hover : Display the variant image when hovering over an option value.
Useful for image-heavy variants.

- Show on Featured product: Apply Shopify options styling to featured product sections (e.g. homepage featured blocks).
- Show on Quickview: Enable Shopify options styling inside Quick View / Quick Shop modals (if supported by the theme).
Collection Page Settings#
These settings control how options appear on collection pages.
- Show on Collection page: Display Shopify options styling directly on collection listings.

- Show option name: Show the option label above swatches or selectors on collection items.

- Show variant name on hover: Display variant names when hovering over swatches on collection pages.

- Show add to cart button: Show an Add to cart button directly on the collection page.

- Ajax “Add to cart”: Add products to cart without reloading the page.

- Limit number of swatches: Restrict how many swatches are shown.
If the limit is exceeded, a “+” button will appear to reveal more options.

