How to add "add to cart button" to featured collection

[Skence]

Hello shopify community!

Currently I am working on setting up a store with the Impact theme but I would like to put a "add to cart" button next or below the pricing in a featured collection. This way people should be able to add to the cart without needing to go to the product page first.

Could you please tell me how can I do that?

This is an example:

 

my store: https://skence.com/

 

[lunaworks · Accepted solution]

You need to find the featured collection liquid file and then the position where you want to add the add to cart button and do something like this 

{%- form 'product', product, class: 'form', novalidate: 'novalidate',
        data-type: 'add-to-cart-form'
      -%}
<input
          type="hidden"
          name="id"
          value="{{ product.selected_or_first_available_variant.id }}"
          {% if product.selected_or_first_available_variant.available == false or quantity_rule_soldout %}
            disabled
          {% endif %}
          class="product-variant-id"
        >
<button
            id="ProductSubmitButton-{{ section_id }}"
            type="submit"
            name="add"
            class="product-form__submit button button--full-width {% if show_dynamic_checkout %}button--secondary{% else %}button--primary{% endif %}"
            {% if product.selected_or_first_available_variant.available == false or quantity_rule_soldout %}
              disabled
            {% endif %}
          >
            <span>
              {%- if product.selected_or_first_available_variant.available == false or quantity_rule_soldout -%}
                {{ 'products.product.sold_out' | t }}
              {%- else -%}
                {{ 'products.product.add_to_cart' | t }}
              {%- endif -%}
            </span>
            {%- render 'loading-spinner' -%}
          </button>

{%- endform -%}

[Skence]

Thank you, Lunaworks!!!