Gearnix Documentation
  • GREETING
    • Welcome to Gearnix
    • 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
    • Button System
    • Typography
    • Product Element Settings
    • Enable Customer Account
    • Social Media
    • Wishlist
    • Product Review App
    • Quick View
    • Search Settings
    • Newsletter Popup
    • Fake Sale Popup
    • GDPR Popup
    • Currency Settings
    • Language Settings
      • Enable RTL Layout
    • Free Shipping Threshold
    • Create Cross-Sell Collection
    • Product Countdown Time
    • Notify Me When Out Of Stock
    • Breadcrumbs Settings
    • Metafields Settings
    • Favicon
    • Checkout
  • MENU SETTING
    • Main Menu
    • Mobile Menu
  • CART SETTINGS
    • Cart Popup
    • Mini Cart Canvas
  • PRODUCT PAGE SETTINGS
    • Setup Product Page Layout
    • Product Page Settings
    • Variants Settings
    • Variants Pattern
    • Product Pre-Order
    • Sticky Add To Cart
  • COLLECTIONS PAGE
    • Setup Collection Page Layout
    • Collection Page Settings
    • Filter Sidebar
    • Content Organisation
  • BLOG SETTINGS
    • Setup Blog Page Layout
    • Setup Blog Detail Layout
    • Blog Comment Settings
Powered by GitBook
On this page
  1. PRODUCT PAGE SETTINGS

Variants Pattern

How to create Variants pattern

PreviousVariants SettingsNextProduct Pre-Order

Some products come in multiple colors; you need to create a separate variation for these products. Examples of some products in the demo:

To create these variations, please follow the steps :

  1. Create a variation image ( *.jpg or *.png) with 1:1 ratio (square image), the best size of width/height is 80x80 px

  2. Create Variation: From "Theme Settings", click the tab "Vinova Product Color Custom", Upload each variation, and enter a name for it

  3. When you enter a color variation for your product, please set the name of the variation of each product image exactly after the variations you just created.

Upload the image from the "Vinova Product Color Custom" Settings. Name the color as intuitive and easy to use as you like.

Set your product variant exactly to the name you just created :

Design Variant Pattern