Shopify Expert Required

Job ID: 31149498

Budget: $30 – $250 USD

I have displayed all product with their variants on collection page. All product variants are displayed and default variant also working. But on change of variant, there is not change in price. Because the products have variant based price. Anyone can help me out.
Below is the piece of code.

{% for product in collections[chandle].products %}

<div class="product-detail order-status ">

<div class="container">
<div class="row">
<div class="col-md-5">
<a href="{{ product.url }}">
<img src="{{ product.featured_image | product_img_url: '' }}" alt="{{ product.title | escape }}" class="img-fluid" alt=""></a>
<div class="about-pres">
{{ product.metafields["global"]["short_description"] }}
</div>
</div>

<div class="col-md-7">
<form method="post" action="/cart/">
<div class="detail-sec">
<h1><a href="{{ product.url }}">{{ product.title }}</a></h1>
{% if product.variants.size > 0 %}
<div class="swatch_options cust_without">
{% for option in product.options %}
{% include 'swatch' with option %}
{% endfor %}
</div>
{% endif %}
<div class="two-sec">
<ul class="list-p">

<li>
<div class="pt"> Price</div>
<div class="pr">{% include 'product-price' %}</div>
<input type="submit" value="Add To Cart" class="cousnlt-bt"/>
</li>
</ul>
</div>

</div>
</form>
</div>

</div>
</div>
</div>

{% endfor %}


Thanks in advance.
Related categories: JavaScript CSS HTML Shopify Templates Shopify