How can I add a cart and buy button to my product collection?

{%- if section.settings.collection_image and collection.image -%}

{%- assign collection_image = true -%}

{%- render 'lazy-image', image: collection.image, alt: collection.title -%}

{%- endif -%}

OUR PRODUCTS

{%- unless collection.description == blank -%}

{{ collection.description }}
{%- endunless -%}

{%- if section.settings.sort_enable -%}

{{ 'collections.sort_dropdown.label' | t }}

{%- endif -%}

{%- if section.settings.tags_enable -%}

{{ 'collections.filter_dropdown.label' | t }}

{%- endif -%}

{%- liquid

if collection.products.size > 0

paginate collection.products by section.settings.products_number

if paginate.current_page == 1
render ‘collection-layout’, products: collection.products, limit: section.settings.products_number, layout: section.settings.layout, show_promotional_block: section.settings.show_promotional_block, promotional_block_title: section.settings.promotional_block_title, promotional_block_button_label: section.settings.promotional_block_button_label, promotional_block_button_link: section.settings.promotional_block_button_link
else
render ‘collection-layout’, products: collection.products, limit: section.settings.products_number, layout: section.settings.layout, show_promotional_block: false
endif

if paginate.pages > 1
render ‘pagination’, paginate: paginate
endif

endpaginate

else

echo ‘


echo ‘collections.no_products’ | t
echo ‘

endif

-%}

{% schema %}
{
“name”: “Collection”,
“class”: “mount-collection mount-parallax mount-parallax-w-padding mount-filters section-w-mobile-padding”,
“settings”: [
{
“type”: “checkbox”,
“id”: “collection_image”,
“label”: “Show collection image”,
“info”: “Only if collection has one”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “sort_enable”,
“label”: “Show sorting options”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “tags_enable”,
“label”: “Show filtering options”,
“default”: false
},
{
“type”: “select”,
“id”: “layout”,
“label”: “Layout”,
“options”: [
{
“label”: “Asymmetrical”,
“value”: “asymmetrical”
},
{
“label”: “Regular Grid”,
“value”: “regular”
}
],
“default”: “asymmetrical”
},
{
“type”: “range”,
“id”: “products_number”,
“label”: “Products per page”,
“min”: 6,
“max”: 48,
“step”: 1,
“default”: 12
},
{
“type”: “header”,
“content”: “Promotional Block”
},
{
“type”: “checkbox”,
“id”: “show_promotional_block”,
“label”: “Show Promotional Block”,
“info”: “Shows after the 4th or 5th product, depending on the layout.”,
“default”: false
},
{
“type”: “textarea”,
“id”: “promotional_block_title”,
“label”: “Content”,
“default”: “Write a short, captivating paragraph about your products.”
},
{
“type”: “text”,
“id”: “promotional_block_button_label”,
“label”: “Button Label”
},
{
“type”: “url”,
“id”: “promotional_block_button_link”,
“label”: “Button Link”
}
]
}
{% endschema %}