Shopify Development
That Converts and Scales

{% assign current_variant = product.selected_or_first_available_variant %}
{% assign featured_image = current_variant.featured_image | default: product.featured_image %}

<div class="product" itemscope itemtype="http://schema.org/Product">
  <meta itemprop="name" content="{{ product.title | escape }}">
  <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
  
  {% if product.available %}
    <button type="submit" name="add" class="btn btn-primary">
      <span class="btn-text">{{ 'products.add_to_cart' | t }}</span>
    </button>
  {% else %}
    <button type="button" disabled class="btn btn-disabled">
      {{ 'products.sold_out' | t }}
    </button>
  {% endif %}
</div>