Stop Mode
Stop Mode allows you to completely disable the swatch component on the storefront without uninstalling or changing app settings. To activate it, add the following query parameter to any storefront URL: When enabled, the app will not initialize or render any swatches on that page. This is useful for: Checking whether a layout issue is caused by the app or by the theme Debugging visual conflicts with custom CSS Testing native theme behavior without swatches CompFew readersCustom CSS Documentation
If you want full control over styling, you can use Custom CSS together with the app’s exposed CSS variables. Full documentation is available here: https://rubikswatch.com/docs/custom-css The documentation includes: A complete list of 70+ CSS variables grouped by category Variable explanations and usage examples HTML structure overview for Image, Button, and Dropdown swatches Common customization patterns such as custom borders, hover effectsFew readersVisual Settings Documentation
For a complete walkthrough of all visual customization options, see the full documentation: https://rubikswatch.com/docs/visual-settings This guide covers: How to access and manage visual settings Overview of the Visual Settings actions menu Explanation of all core configuration options Size and style controls for each swatch type Visibility settings and display limits Grid and carousel layout options Typography and label customizaFew readersSwatch Event Documentation
Full documentation is available here: https://rubikswatch.com/docs/swatch-event This guide includes: Complete list of all 15 rclswatchclicked event detail properties Google Analytics integration example Custom tracking implementation examples Debugging snippet to inspect event payload in the browser console Use this documentation if you want to integrate swatch interactions with analytics tools, tracking scripts, or custom storefront lFew readers
