商品ページにて特定の商品をカートに追加する方法

PHOTO EMBED

Thu Jul 14 2022 21:04:42 GMT+0000 (Coordinated Universal Time)

Saved by @akairo0902 #vue

<form method="post" action="/cart/add" id="product-form-template--15347120537783__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="41279443108023">
  <div class="product-form__buttons">
    <button type="submit" name="add" class="product-form__submit button button--full-width button--secondary">
        <span>カートに追加する</span>
        <div class="loading-overlay__spinner hidden">
          <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
            <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
          </svg>
        </div>
    </button>
  </div>
</form>
content_copyCOPY

基本的にはカートエリアをコピーしてvalueをproduct.selected_or_first_available_variant.id の値にするだけ