1. Home
  2. Docs
  3. Shopify Bulk Order
  4. Variants option display styles (Grid/box, Swatch, List and Select layout)

Variants option display styles (Grid/box, Swatch, List and Select layout)

MultiVariants app comes with different styles to display your variant options for your wholesale Shopify store.

You can choose a style you want to show the product variant listing on the product page. You have 4 options to choose from – List, Select, Swatch, and Matrix/Grid view. If you select the list from the drop-down, the option will show in a list on the product page. Likewise, if you choose Select, swatch, or Matrix/Grid then the variant option will display in that style on the product page.

Shopify variants option display styles

You can choose a different combination out of these four styles if you have multiple options for your variants. For the products that have two Shopify variant options, you can choose two different styles for both options. Similarly, for products with three options, you can choose three different styles to display them on the product page.

In the case of three variants, there is a limitation. You can’t choose three grid styles as it is not possible to show 3 options in a matrix or grid style. The app will automatically change one of them if you try to choose matrix/grid style for three of the variants.

Choosing style is easy and the options are self-explanatory-

  1. If you have only one Shopify option, click on the drop-down icon from the first option and choose one.
    Shopify single option with variants display
  2. If you have two Shopify variant options, Click on the second option and choose the styles from the drop-down lists.
    Shopify double option display in select listApart from the examples shown in the images, you can set a few more different style combinations for the Shopify variants to display on the product page.
  3. For three Shopify variant options, choose the style from the three drop-down lists of the third option.
    Shopify variants option display in grid swatch

Along with samples, many more style combinations are possible if you have three Shopify variants. However, there are two limitations when you have three Shopify variant options.

Conditions (for three options):

  • You can’t choose three grid styles as it is not possible to show 3 variants in a matrix or grid style. The app will automatically change one of them if you try to choose matrix/grid style for three of the variant
  • You can’t choose List style if you set grid/matrix for any of the options and vice versa.
Was this article helpful to you? Yes No

How can we help?