variants add to cart

[VXUT-shop]

御世話になります。

ご質問したいことがあります。

よろしくお願いします。

variantの機能を作成していますが add to cartができなくなってしまいました。

{% for variant in product.variants %}
	{%- assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image -%}

	<div value="{{ variant.id }}">
	<div class="title">{{ variant.title }}</div>
	<div class="price">{{ variant.price | money }}</div>
	<div class="image"><img src="{{ featured_image | img_url: '100x' }}"></div>
	</div>
	<quantity-input class="quantity-input">
		<button type="button" name="minus" class="quantity-input-button quantity-input-minus no-js-hidden">
			&minus;
			<span class="visually-hidden">{{ 'products.product.quantity.decrease' | t: product: product.title | escape }}</span>
		</button>
		<label for="quantity-input-{{ section.id }}" class="visually-hidden">{{ 'products.product.quantity.label' | t }}</label>
		<input name="quantity"
			type="number"
			class="quantity-input-field"
			id="quantity-input-{{ section.id }}"
			min="0"
			value="0"
			form="{{ product_form_id }}"
		>
		<button type="button" name="plus" class="quantity-input-button quantity-input-plus no-js-hidden">
			&plus;
			<span class="visually-hidden">{{ 'products.product.quantity.increase' | t: product: product.title | escape }}</span>
		</button>
	</quantity-input>
{% endfor %}

<product-form class="product-form" {{ block.shopify_attributes }}>
	{% form 'product', product, id: product_form_id, class: 'form', novalidate: 'novalidate', data-type: 'add-to-cart-form', data-stock-threshold: settings.only_x_left %}
		<input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}" disabled>
		<div class="product-actions">
			<div class="product-actions-add-to-cart">

				{% if block.settings.show_add_to_cart %}
					<button
						type="submit"
						name="add"
						class="button button-add-to-cart {% if block.settings.show_buy_now %} button-secondary{% endif %}"
						{% if product.selected_or_first_available_variant.available == false %} disabled {% endif %}
					>
						{%- if product.selected_or_first_available_variant.available -%}
							<span>{{ 'products.product.add_to_cart' | t }}</span>
						{%- else -%}
							<span>{{ 'products.product.availability.out_of_stock' | t }}</span>
						{%- endif -%}

						<div class="button-overlay-spinner hidden">
							<span class="spinner-xs"></span>
						</div>
					</button>
				{% endif %}
			</div>
		</div>
	{% endform %}
</product-form>