Как добавить кнопки размера товара на главную страницу в Shopify

Question

Я пытаюсь добавить кнопки размера под мои продукты, которые ведут прямо в корзину после. Вот код, который у меня есть сейчас:

<div class="add-to-cart" udy-el="single-add-to-cart">
  {% form "product", product %}
      <form data-node-type="commerce-add-to-cart-form" class="w-commerce-commerceaddtocartform">
        {% include 'product-variations-selectors', wrapperClass: 'option-wrapper', optionClass: 'option text-option', colorClass: 'option color-option', titleClass: '' %}
       <div class="product-detail-cta-wrap">
         <input type="submit" value="Add To Cart" class="w-commerce-commerceaddtocartbutton button">
       </div>
      </form>
  {% endform %}

      <div style="display:none" class="w-commerce-commerceaddtocartoutofstock status-message">
         <div>{{ 'product.DIV_10' | t }}</div>
      </div>
      <div data-node-type="commerce-add-to-cart-error" style="display:none" class="w-commerce-commerceaddtocarterror" udy-el="add-to-cart-errors">
         <div class="w-add-to-cart-error-msg" data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart.">{{ 'product.DIV_11' | t }}</div>
      </div>
  </div>

Вот пример того, чего я пытаюсь достичь. Я ищу только кнопки размера, чтобы быть на главной странице, таким образом, не все другие эффекты на сайте: https://aliveandextremelyhealthy.com/