We Build Shopify Apps

Montreal-based Shopify experts cooking some Shopify apps.

Shopify konversion Theme - How to change the layout of product variants on mobile

1 variant per row by default (1 column)

By default, variants/options are displayed one per row. But you can also display them 2 per row. This setting is located in Customize Theme > General Settings > Mobile Tweaks.

2 variants per row (2 columns)

You can see some examples below.

0 variant (only the quantity picker)

1 variant

2 variants

3 variants

You can also hide the variant labels (eg. Sizes, Colors...)

Variant Swatches (instead of dropdowns)

You can also use Swatches (see Add Variant Swatches ) instead of Dropdown. In this case, the 2-column layout will be disabled, and the variant(s) will be displayed 1 per row.

Get In Touch

Tabarnapp's mission is to help you get the most of each visit on your Shopify store.

E: support@tabarnapp.com