Add to cart button on collection page (debut)

[mjhorning]

I am trying to get an add to cart button on my collection pages with a variant selection. I have gotten that but what I can’t figure out is getting the price to change with the variant selected. Right now I do not have a variant price in this code and I can’t figure out how to add it. I will also need to remove the fixed product price with out making it error.

My current code is

{% if product.variants.size > 1 %}

{% for variant in product.variants %} {% if variant.available %} {{ variant.title }} {% else %} {{ variant.title }} - {{ ‘products.product.sold_out’ | t }} {% endif %} {% endfor %}

{% else %}

{% endif %}

{% if product.available %}

Add To Cart

{% else %}

Out of Stock

{% endif %}

[mjhorning]

I got the fixed price out, now I just need to get the variant selected price in. I can get it in the drop-down menu where you select the variant but I’d prefer it would be shown about the selector so it is a little cleaner.

On a side note, how do I get the add to cart on a different line than the variant selector? For the most part, it is but on products with a short variant title they combine on the same line.