How To Implement Add To Cart Buttons on Product List View / Category on Dawn Theme

[taggedoutco]

I want to add size selector, add to cart and buy with shop pay or product list / collection pages like this: https://killcrew.co/

Does anyone know what code to add and where? I'm on the latest version of the theme. Thank you! 

[Dan-From-Ryviu]

Hi @taggedoutco 

It has option to enable Quick add button in your Online Store > Themes > Customize > Collections > Default collection 

[Small_Task_Help]

Hi,

At collection liquid

Integrate Size Selector

Code example

{% if product.options.size %}
  <select name="size">
    {% for option in product.options_with_values %}
      {% if option.name == 'Size' %}
        {% for value in option.values %}
          <option value="{{ value | escape }}">{{ value }}</option>
        {% endfor %}
      {% endif %}
    {% endfor %}
  </select>
{% endif %}

For Add to Cart Button

Code example

<form action="/cart/add" method="post" enctype="multipart/form-data">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}">
  {% if product.options.size %}
    <select name="attributes[size]">
      {% for option in product.options %}
        {% if option.name == 'Size' %}
          {% for value in option.values %}
            <option value="{{ value }}">{{ value }}</option>
          {% endfor %}
        {% endif %}
      {% endfor %}
    </select>
  {% endif %}
  <input type="submit" value="Add to Cart" class="btn">
</form>

For Shop Pay Button

Code example

{% if shop.metafields.checkout.shop_pay_enabled %}
  <button data-shopify-pay-trigger>
    <span>Buy with Shop Pay</span>
  </button>
{% endif %}

 If you still need help you can contact us