Vapor Documentation
Purchase NowSupport CenterOur Portfolio
  • GREETING
    • Welcome to Vapor Shop
    • How To Get Support
    • Full Theme Features
    • Change Log
    • FAQs
  • ⚙️INSTALLATION
    • How to Install & Activate
    • Where Is My Purchase Code?
    • Transfer License To a New Domain
    • Importing Sample Images
    • Importing Products With a CSV File
  • ⚙️GENERAL SETTINGS
    • Homepage Settings
    • Theme Settings
    • Header Settings
    • Edit Default Theme Content
    • Theme Colors
    • Typography
    • Enable Customer Account
    • Social Media
    • Wishlist
    • Product Review App
    • Search Settings
    • Newsletter Popup
    • Currency Settings
    • Language Settings
    • Free Shipping Threshold
    • Create Cross-Sell Collection
    • Product Countdown Time
    • Enable RTL Layout
    • Notify Me When Out Of Stock
    • Age Verification Popup
    • Breadcrumbs Settings
    • Metafields Settings
    • Favicon
    • Checkout
  • MENU SETTING
    • Main Menu
    • Vertical Menu
  • CART SETTINGS
    • Mini Cart
  • PRODUCT PAGE SETTINGS
    • Setup Product Page Layout
    • Product Page Settings
    • Variants Settings
    • Product Pre-Order
  • COLLECTIONS PAGE
    • Setup Collection Page Layout
    • Collection Page Settings
    • Filter Sidebar
  • BLOG SETTINGS
    • Setup Blog Page Layout
    • Setup Blog Detail Layout
    • Blog Comment Settings
Powered by GitBook
On this page
  1. PRODUCT PAGE SETTINGS

Variants Settings

PreviousProduct Page SettingsNextProduct Pre-Order

Last updated 1 year ago

You can create variants for a product by adding options like size and color. Each combination of option values can be a variant.

For example, suppose that you sell T-shirts with two options: size and color. The size option has three values: small, medium, and large. The color option has two values: blue and green. One specific variant from these options is a small blue T-shirt.

Please Note: For color variations, you can only use the available color names that Browser supports. Please see the color names to set your product color variation

Variant style on product page

We provide 3 variations for you to use according to your liking or purpose.

  1. Variant boxed style (style default)

  2. Variant dropdown list style

  3. Color Variant image swatch style

Combining these two options, you will get the result below:

To customize these styles, please go to the . We've got documentation and video to access this page and set the elements of the product page

Product Page Setting
HERE