Skip to main content

Customize the Product/Collection Page Style using the Options Customizer

Effortlessly customize your styles with our Options Customizer.

Updated over 6 months ago

Dive into personalization with Variant King: Combined Listing's Options Customizer. With just a few clicks, align your swatches to your brand's style and flair.

Step 2: Customize the Style

  • Select a style and click on Customize to reveal customization options. Below is an overview of each setting available in the pop-up:
    ​

    • SELECTED SWATCH- Adjusts the border colors of the swatch currently selected.

    • UNSELECTED SWATCH- Sets the border colors for swatches that are not selected.

    • HOVER SETTINGS- Configures the borders and visual effects when a swatch is hovered over.

    • IMAGE SETTINGS- Determines how variant images fit within the swatch.

    • STYLE SETTINGS- Dictates the height, width, border thickness, and spacing between swatches.

    • VARIANT INFO SETTINGS: Tailor variant details with alignment, font customization, and "Show price" toggle for clear pricing display on swatches.

    • TOOL TIP SETTINGS- Enables a tooltip that shows the variant or product name on hover, with customizable background and font colors.

    • LABEL SETTINGS- Manages the font size and weight for the option labels.

    • DESKTOP SLIDER SETTINGS- Sets up the slider's layout on desktop displays.

    • MOBILE SLIDER SETTINGS- Configures the slider's format for mobile devices.

    • OUT OF STOCK SETTINGS- Controls how out-of-stock variants or products are displayed.
      ​

Did this answer your question?