Variants Options Style

  • 22/11/2024
  • 1581
  • 0

NS Product Variants offers endless product variation options with samples and drop-down menus to enhance the shopping experience. In this user guide, you will find more about Variants Options Style. Let’s get started!

Options Configuration 

Options Configuration enables you to define and manage product attributes, create tailored product variants and ultimately provide a more comprehensive and user-friendly shopping experience for your customers

*Note: Only options variants of 100 products are synced. Go to the search bar, select In my Store to search for options of products that are missing in the list. The app can only search for products that have options.

You could choose from those 2 options:

  • In my Options list: automatically synced products to your Options list (default option)
  • In my Store: search for the product to choose the appropriate variants from your store for further configuration
PV_Option Configuration

How to configure your variants with NS Product Variants?

Within Options Configuration, you can easily customize segments based on your product settings. For example: 

  • Size
  • Origin 
  • Color 
  • Style 
  • Material 
Option_Configuration_option

For each segment, you should configure the Display Style and Option Images. You can choose to apply the display style to either the Production page or Collection page by toggling the switch from Inactive to active.

Display Style in Production page include: 

  • Swatch circle in square
  • Swatch in box
  • Swatch in dropdown
  • Circular swatch
  • Square swatch
  • Swatch in pill
  • Text swatch 
Product page display style

Display Style in Collection page include: 

  • Swatch circle in square
  • Circular swatch
  • Square swatch
  • Text swatch
Collection page display style

Options Images include

  • Variant image: This option allows you to synchronize your variant image in the Variant section under your product setting
PV_Option image1
  • Color/custom image: you will need to upload image from your desktop’s file
PV_Option images2

You can select specific swatches by entering their names on the search bar to configure > click on Upload to complete the swatch editing process. 

Upload swatch

P/S. Currently, you may add a single image to each product variant. We are in the process of developing a feature that will enable multiple images into a variant. This enhancement will be included in our next version.

Don’t forget to click Save when done to log the process.

How to Reorder Active and Inactive Variants?

To change the order of active and inactive variants, click on the Display settings next to the search bar. 

This allows you to reorder active variants using NS image options and inactive variants using Shopify default options.

display settings button

There are 2 options to choose from > Click on Apply:

display settings pop-up
  • Active swatch above inactive swatch (default)
default display settings
  • Active swatch below inactive swatch 
display settings

That’s done! These simple steps can help you personalize your visual layout with ease.

Need any help? 

Please contact our support team via live chat or email at [email protected]. We are happy to help you as soon as possible!

Helpful?

Featured articles

Variant Images

Variant Images allows you to show only the specific images related to each variant when customers select it, giving a

Multi-Language Translation

NS Image Swatch Variant Option offers an innovative feature of translating variants in your store. This feature allows users to

Can’t Find What You Need? 🤔


Article Outline