Schnelle und performante Shopify Onlineshops

{% if template == 'product' %}
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <h1 class="text-3xl font-bold text-gray-900">
      {{ product.title | escape }}
    </h1>
    <div class="mt-4 flex items-center">
      <span class="text-2xl font-medium text-gray-900">
        {{ product.price | money }}
      </span>
    </div>
    {% form 'product', product %}
      <button type="submit" 
              class="mt-6 flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
        Add to cart
      </button>
    {% endform %}
  </div>
{% endif %}