Submit a Ticket
Apps and 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)
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.
Updated: 13 Sep 2017 02:34 PM
Help us to make this article better
How to add custom colors into the color swatches for variants/options on the product page
Product Page Upsell
Move the Add to Cart form above or below the product description on mobile
Content tabs in product pages
Product page section
Help Desk Software
by Zoho Desk