Hello 
My store is editing a newer 2.0 theme to try our best to match the older theme we used to have. We have run into a snag however.
Simply put, our current quantity/add to cart setup looks like this:
and as you can imagine, it’s kind of hard to easily add or remove quantity with that single combo button on left. We would rather it look more like this while keeping the dynamic buy buttons (such as gpay) below it.
We are using the 2.0 Xtra theme. We have dabbled in main-product.liquid and found this code that seems to adjust the quantity area. We cannot figure out how to separate the buttons and make them their own line (above the buy button/submit to cart).
This is the current code.
{%- form 'product', product, id: form_id, class: form_class, autocomplete: "off" -%}
{%- if block.settings.show_amount_selection -%}
{%- endif -%}
{%- if preorder -%}
{%- elsif current_variant.available -%}
{%- else -%}
{%- endif -%}
{%- if show_dynamic_buybutton -%}
{{ form | payment_button }}
{%- endif -%}
{%- if preorder and preorder_label -%}
- {{ preorder_label }}
{%- endif -%}
{%- endform -%}
We can’t wait to fully move over to 2.0, any help is appreciated!