Swatch Settings
How to Customize Swatch (Variant Picker) Style?
Rubik Variant Images & Swatch allows you to fully customize the appearance of your swatch buttons so they match your store’s branding and product page layout. You can adjust colors, size, shape, spacing, labels, tooltips, and even add custom CSS for complete control. Swatch Style Customization Options Rubik Variant Images & Swatch provides a complete set of design tools to customiFeaturedHow to Choose Which Variant Options Display as Swatches
Rubik Variant Images & Swatch allows you to decide which variant options should appear as swatches on your product page. This is useful when your product has multiple options but only some of them need visual swatches. How It Works In the Variant options field, enter the option names you want Rubik to treat as swatches. Add each option name separated by commas. Example VerFew readersUse Native Shopify Swatches
This setting allows Rubik to use color or image swatches defined in Shopify metafields, instead of Rubik’s custom swatch images/colors. How it works If a variant option has a metafield color → Rubik uses that color If it has an image metafield → Rubik uses that image If both exist → image takes priority If no metafields exist → Rubik uses your custom swatch settings  variants – pills / dropdowns Hides text-based options (Size, Length, etc.) when their corresponding variant is deleted in Shopify. Hide unavailable (deleted) variants – image Hides image swatches whose variants were deleted. ** Hide soFew readersShow Non-Image Options as Dropdowns
This option converts non-image variant options into dropdowns instead of pill-style buttons. What it does Displays options like Size, Length, Style, Fit, etc. as dropdown selectors. When to enable You have many non-image options Pills make the product page look crowded You want a cleaner and more compact layout When to keep disabled You prefer pill-style selectors You want all options to appear visually consistent as buttons ![](https://storage.crisp.chat/users/helpFew readersShow Swatches on All Products
This setting controls whether swatches appear only on products configured inside Rubik or on all products in your store. What it does When enabled, swatches will appear on all products, even if variant images have not yet been assigned inside the Rubik app. When to enable You want swatches visible immediately across your whole store You are still configuring some products but want a consistent UI You want the swatch system active even before assigning images When to keFew readers
Media Gallery Settings
What Does "Hide Unassigned Images" Do?
The Hide unassigned images setting in Rubik Variant Images & Swatch gives you full control over which images appear on your product page. When This Setting Is Enabled Only the images assigned to the selected variant or variant combination will appear on the product page. All unassigned images are hidden from the gallery, creating a clean and focused visual experience. This option is ideal when you want customers to see only the exact images that match their selection. When ThiFew readersUnderstanding Advanced Product Media Settings
Under Advanced settings, there are two options: Overwrite main variant images in Admin If checked: The first assigned image will replace the main variant image in Shopify Admin. If unchecked: Your existing main variant images in Shopify will stay unchanged. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/variants_jzhdi1.pngFew readersHow to Assign an Image to Multiple Variants?
Option 1: Enable it via Settings Go to Apps > Rubik Variant Images > Settings. Under Image assignment options, make sure the setting “Allow assigning the same image to multiple options” is set to Yes. Now when assigning images, you'll be able to select the same image for more than one variant. Option 2: Use the Assign Images Interface Click Assign imagesFew readers