#  Product variants swatch

- [Variant swatch style](/product-variants-swatch/variant-swatch-style.md)
- [Display on product page](/product-variants-swatch/display-on-product-page.md): Color swatches allow customers to easily see and select product variations like different colors. Follow this step-by-step guide to set them up in your store.
- [Show only images related to the selected variant](/product-variants-swatch/display-on-product-page/show-only-images-related-to-the-selected-variant.md): This feature ensures that only images related to the currently selected product variant are displayed, providing a more relevant and clutter-free browsing experience, follow this step-by-step guide.
- [Required select swatch options before add to cart](/product-variants-swatch/display-on-product-page/required-select-swatch-options-before-add-to-cart.md): This prevents incomplete orders and improves the shopping experience by required users to select all required options before click add to cart button.
- [Inventory variations on product page](/product-variants-swatch/display-on-product-page/inventory-variations-on-product-page.md): Inventory variations function allows customer to see which product variants are currently available for purchase. It helps streamline the shopping experience by displaying real-time inventory status.
- [Display on collection page, home page, other pages](/product-variants-swatch/display-on-collection-page-home-page-other-pages.md): Color swatches allow customers to easily see and select product variations like different colors. Follow this step-by-step guide to set them up in your store.
- [Show add to cart button on slider, grid, list products](/product-variants-swatch/display-on-collection-page-home-page-other-pages/show-add-to-cart-button-on-slider-grid-list-products.md): With this feature, you can display the add to cart button right in the product card, customers can add products to the cart anywhere without having to go to product details.
- [Clean up variant option in collection page](/product-variants-swatch/display-on-collection-page-home-page-other-pages/clean-up-variant-option-in-collection-page.md): If you have a product has too many variant options, if you show all of them on the collection, the overall layout will not be clearn. We provide a solution to limit the maximum number
- [Display real-time product data as variations change](/product-variants-swatch/display-on-collection-page-home-page-other-pages/display-real-time-product-data-as-variations-change.md): On the collection page we can show a preview of the selected variant including:
- [Choose type variant swatch](/product-variants-swatch/choose-type-variant-swatch.md): We offer various type to display variant options. You can choose from the options below to customize how the variants appear.
- [Set color for variant option value](/product-variants-swatch/choose-type-variant-swatch/set-color-for-variant-option-value.md): Use color hex as swatch, you can setup up to 2 color codes for the same variant option value.
- [Upload custom image for variant option value](/product-variants-swatch/choose-type-variant-swatch/upload-custom-image-for-variant-option-value.md)
- [Setup automate image variant product](/product-variants-swatch/choose-type-variant-swatch/setup-automate-image-variant-product.md): To set up automated image variant switching for a product in GLOBO Color Swatch and have it display the correct images for each variant on the front store.
- [Advanced setting variants swatch](/product-variants-swatch/advanced-setting-variants-swatch.md): The advanced editing style variations feature allows you to fine-tune the appearance of their product swatches to match their store’s branding and user experience preferences.
- [Show/hide variant name](/product-variants-swatch/advanced-setting-variants-swatch/show-hide-variant-name.md)
- [Show/hide tooltip](/product-variants-swatch/advanced-setting-variants-swatch/show-hide-tooltip.md)
- [Out of stock style](/product-variants-swatch/advanced-setting-variants-swatch/out-of-stock-style.md)
- [Image swatch ratio](/product-variants-swatch/image-swatch-ratio.md): Adjust the file sizes of the image swatches to maintain system performance and decide how it displays on the swatch frame
- [Bulk export & import variant options](/product-variants-swatch/bulk-export-and-import-variant-options.md): Easily Setup Product Variants with Bulk Import/Export!