accu-components.com
Open in
urlscan Pro
2606:4700::6812:11a1
Public Scan
Submitted URL: http://accu-components.com/
Effective URL: https://accu-components.com/us/
Submission: On April 17 via api from US — Scanned from DE
Effective URL: https://accu-components.com/us/
Submission: On April 17 via api from US — Scanned from DE
Form analysis 39 forms found in the DOM
<form @submit.prevent="window.location.href = submitUrl + urlEncodeSearch">
<div class="flex items-center">
<div class="flex-grow">
<label>
<div class="flex relative items-stretch">
<input type="text" required="" class="w-full rounded-r-none text-black border-none focus:shadow-none focus:outline-none focus:border-transparent focus:ring-0" @click="decideToShow($event)" @keyup.debounce.250="performSearch($event)"
x-model="query" @keyup="loading = true" placeholder="Find Components By Size, Material, Type or Feature">
<div class=" cursor-pointer z-50 self-center mr-4 bg-gray-200 rounded-md p-1 absolute right-0" @click="query=''; resetStats()" x-show="query != ''" style="display: none;">
<svg class="fill-current text-black w-4 h-4" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</div>
</div>
</label>
</div>
<div>
<button class="rounded-r bg-accu-orange px-4 py-2 text-gray-900 inline-flex items-center" title="Search">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</button>
</div>
</div>
</form><form @submit.prevent="if(!product.quantity) { product.quantity = product.minimal_quantity }; $dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: product.quantity,
additive: false,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'Cart Pop-Out',
cartAction: (product.originalQty > product.quantity) ? 'remove' : 'add',
quantityChange: (product.originalQty > product.quantity) ? product.originalQty - product.quantity : product.quantity - product.originalQty,
blockOverlay: true
} ); document.getElementById('cart-item-' + index).classList.add('invisible');">
<div class="flex items-center mt-2">
<input @input="document.getElementById('cart-item-' + index).classList.remove('invisible')" class="text-sm lg:text-lg h-8 lg:h-10 w-20 lg:w-24 rounded" type="number" :min="product.minimal_quantity" x-model="product.quantity" :disabled="loading">
<span class="flex-grow text-gray-500">
<span class="font-bold text flex items-center">
<span class="mx-2">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</span>
<span>
<template x-if="product.base_price_formatted !== product.price_formatted">
<span class="block line-through text-xs" x-text="product.base_price_formatted"></span>
</template>
<span class="text-accu-orange text-xs md:text-sm" x-text="product.price_formatted"></span>
</span>
<span class="mx-2">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 384 512">
<path d="M376 304H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8zm0-144H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z">
</path>
</svg>
</span>
<span class="text-lg text-accu-orange" x-text="product.total_price_formatted"></span>
</span>
</span>
</div>
<button type="submit" :id="'cart-item-' + index" class="text-xs text-accu-light underline ml-6 cursor-pointer invisible font-bold">Update</button>
</form><form>
<div class="flex text-sm">
<input class="w-full h-10 rounded-r-none h-full cursor-not-allowed" type="number" :value="addedProduct.quantity" disabled="">
<button type="button" class="btn btn-sm h-10 bg-accu-stock rounded-r whitespace-nowrap cursor-not-allowed sm:w-1/2"> Added </button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'Basket Popup Recommendations' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'USPs Index Page' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form><form @submit.prevent="$dispatch('add-to-cart', {
products: [ {
productId: product.id_product,
quantity: quantity,
additive: true,
productDetails: {
name: product.name,
reference: product.reference,
priceUnitExTax: product.price,
categoryId: product.id_category_default,
position: index,
}
} ],
fromPage: 'Recently Viewed' ,
cartAction: 'add'
} )">
<div class="flex h-8">
<label>
<input class="w-full rounded-r-none h-full" type="number" @focus="qtyChanged = true" @change="(minimum > quantity) ? () => { quantity = minimum; showMinimumReachedError(minimum) } : null" @input="reactToQuantityUpdate()"
x-model.number="quantity" maxlength="6" name="qty">
</label>
<button type="submit" class="btn btn-sm rounded-r whitespace-nowrap"> Add <svg class="h-3 w-3 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="currentColor"
d="M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z">
</path>
</svg>
</button>
</div>
</form>POST #
<form action="#" method="post" @submit.prevent="submitForm">
<div class="flex relative p-8">
<div class="cursor-pointer z-50 absolute top-2 right-2 bg-gray-200 rounded-md p-1 sm:hover:bg-gray-300 sm:transition-all sm:duration-150" @click="$store.general.showBugModal = false, $store.general.showOverlay = false">
<svg class="fill-current text-black w-5 h-5" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</div>
<div class="flex flex-col">
<div class="flex pb-3">
<p class="text-xl font-bold">Report A Website Issue.</p>
</div>
<div class="bg-green-100 rounded-md text-green-900 p-2 shadow hidden flex items-center mb-3" :class="{ 'hidden' : !successfulSubmission }" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 mr-1 text-accu-success" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<p class="text-sm">Form submitted successfully</p>
</div>
<div class="flex space-x-4 hidden" :class="{ 'hidden': hasError('nonFieldErrors') === false}">
<div class="rounded-md bg-red-100 p-2 shadow text-red-900 mb-3 flex items-center">
<div>
<svg class="w-8 h-8 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<div class="flex-grow text-sm">
<p class="error" x-text="errors.nonFieldErrors"></p>
</div>
</div>
</div>
<div class="flex space-x-4 mb-5">
<div class="flex flex-col flex-1">
<label class="block"> Tell us about your problem <textarea class="w-full h-52 mt-1" :class="{ 'error border-red-600' : hasError('bug') }" type="text" name="bug" x-model="bug" required=""></textarea>
</label>
<span class="hidden text-red-600 text-xs mt-1" :class="{ 'hidden' : !hasError('bug') }" x-text="errors.bug"></span>
</div>
</div>
<div class="flex space-x-4">
<div class="flex flex-col flex-1">
<label class="block mb-1"> Email Address (so we can let you know when it's fixed) <input class="w-full mt-1" :class="{ 'error border-red-600' : hasError('email') }" type="text" name="email" x-model="email" placeholder="Optional">
</label>
<span class="hidden text-red-600 text-xs mb-4" :class="{ 'hidden' : !hasError('email') }" x-text="errors.email"></span>
</div>
</div>
<div class="mb-4 mt-4">
<label class="captcha-disclaimer text-sm leading-3"> This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" class="no-underline text-accu-default font-bold">Privacy Policy</a> and
<a href="https://policies.google.com/terms" class="no-underline text-accu-default font-bold">Terms of Service</a> apply. </label>
</div>
<div class="flex justify-end">
<button :disabled="submitting" class="btn btn-lg rounded"> Submit <svg class="w-6 h-6 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</button><button>
</button>
</div>
</div>
</div>
</form>Text Content
Components (0) Categories (0) Help Hub (0) Searching... Sorry, we couldn't find anything for that search. Try Another Search Recent Searches. Clear Recent Searches. Clear 0 components found for . View all results. USD Sign In Hello, ! Account * Your Summary * Order Tracker * Quotation Tracker * Personal Information * Addresses * Log Out Total (Inc VAT: ) (Exc VAT) Go To Cart Continue Shopping Continue Shopping Components. Show Tax In Total Update We Checked Your Cart... It's Empty. Your next project starts here. We Checked Your Cart... It's Empty. Your next project starts here. Component Added To Cart. / Each Added Go To Cart Go To Cart Checkout Securely Continue Shopping Eligible For AccuPro US Select at checkout today. Complete Your Project With These Recommendations. Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote All Components All Components Your project starts here. Back Home Back Home Account Custom Manufacture Help Hub News USD 1-844-824-5022 Custom Manufacture Help Hub Order Tracker News 1-844-824-5022 Need Help? Chat With Us 150,000,000 Components Sold. Rated Excellent. 24/7 Customer Support. Fast Worldwide Delivery. 150,000,000 Components Sold. Rated Excellent. 24/7 Customer Support. Fast Worldwide Delivery. * * * * * * * * * * * * 500,000 PRECISION COMPONENTS. WHAT CAN YOU BUILD? Precision Screws Washers & Spacers Nuts Drilling & Tapping Fasteners Assembly Hardware Metrology & Measuring Tools Screwdrivers, Drive Bits & Hand Tools Machine Tooling Linear & Rotary Components Finishing Hardware Caps & Plugs Custom Design Precision Components TOP SELLERS. Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 16 16 M6 Form A Flat Washers (DIN 125) - Stainless Steel (A2) M6 Form A Flat Washers (DIN 125) - Stainless Steel (A2) $0.03 - $0.58 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 17 17 M8 Form A Flat Washers (DIN 125) - Stainless Steel (A2) M8 Form A Flat Washers (DIN 125) - Stainless Steel (A2) $0.04 - $0.66 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 2 2 M6 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2-70) M6 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2-70) $0.05 - $0.68 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 8 8 M3 Hexagon Nuts (DIN 934) - Stainless Steel (A2) M3 Hexagon Nuts (DIN 934) - Stainless Steel (A2) $0.03 - $0.59 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 4 4 M4 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2) M4 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2) $0.04 - $0.66 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 2 2 M4 Hexagon Nuts (DIN 934) - Stainless Steel (A2) M4 Hexagon Nuts (DIN 934) - Stainless Steel (A2) $0.03 - $0.58 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 12 12 M4 Form A Flat Washers (DIN 125) - Stainless Steel (A2) M4 Form A Flat Washers (DIN 125) - Stainless Steel (A2) $0.01 - $0.58 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 9 9 M5 Form A Flat Washers (DIN 125) - Stainless Steel (A2) M5 Form A Flat Washers (DIN 125) - Stainless Steel (A2) $0.01 - $0.58 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 6 6 M6 Hexagon Nuts (DIN 934) - Stainless Steel (A2) M6 Hexagon Nuts (DIN 934) - Stainless Steel (A2) $0.04 - $0.66 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 3 3 M3 Form A Flat Washers (DIN 125) - Stainless Steel (A2) M3 Form A Flat Washers (DIN 125) - Stainless Steel (A2) $0.01 - $0.58 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 3 3 M8 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2-70) M8 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2-70) $0.13 - $0.85 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 1 1 M3 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2) M3 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2) $0.04 - $0.66 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 2 2 M5 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2-70) M5 Hexagon Nylon Locking Nuts (DIN 985) - Stainless Steel (A2-70) $0.05 - $0.67 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 1 1 M5 Hexagon Nuts (DIN 934) - Stainless Steel (A2) M5 Hexagon Nuts (DIN 934) - Stainless Steel (A2) $0.03 - $0.62 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 8 8 M8 Hexagon Nuts (DIN 934) - Stainless Steel (A2) M8 Hexagon Nuts (DIN 934) - Stainless Steel (A2) $0.08 - $0.76 / Each Add Discontinued Find Alternatives Available Offline Get A Quote Express Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote 10 10 M10 Form A Flat Washers (DIN 125) - Stainless Steel (A2) M10 Form A Flat Washers (DIN 125) - Stainless Steel (A2) $0.06 - $0.70 / Each Add Discontinued Find Alternatives Available Offline Get A Quote IN YOUR CART. x x Components Total Includes VAT of Prices shown are in Checkout Securely OVER 100,000 ENGINEERS USE ACCU WE SUPPORT GLOBAL INNOVATION. MANUFACTURING From start ups to world class manufacturers, Accu components are trusted globally for their high performance and accuracy. ELECTRICAL ENGINEERING & ELECTRONICS Electronics and Electrical Engineering Companies utilise Accu's wide range of precision components and hardware to develop the latest technology. PROSTHESIS & ROBOTICS From the development of prosthetic limbs to mass production of robots utilising AI and digital tools, Accu is supporting the latest advancements in engineering. MEDICAL Accu proudly supports the Medical industry, with our high performance components aiding the rapid assembly of equipment such as ventilators & diagnostic technologies. AEROSPACE & AIRCRAFT ENGINEERING Uniformity and precision are critical within the Aerospace and Aircraft industries. Companies can rely on our precision components in the development of payload systems and optic sensors. AUTOMOTIVE As a trusted supplier to distinguished names in the Automotive industry, Accu proudly supports the design and manufacture of zero emission cars and sustainable delivery systems. MOTORSPORT From leading teams in Motorsport racing to University engineering teams, our fasteners and actuation components support aerodynamics packages and the assembly of race cars. ENERGY & ENVIRONMENTAL SERVICES Accu is actively supporting companies developing clean fusion energy and the assembly of wind turbines and solar panels. UNIVERSITY RESEARCH & DEVELOPMENT (R&D) From the development of chemical detection equipment to air monitoring technologies, Accu components are selected for research and development projects by over 100 universities worldwide. DEFENCE TECHNOLOGY DEVELOPMENT Accu is a recognised supplier for commercial and military defence applications, from state-of-the-art arms and service vehicles, to personal security and countermeasures equipment. MARINE Our Marine Grade Stainless Steel components offer a durable and long lasting solution for marine applications such as the manufacturing of cargo ships and generators. 3D PRINTING Companies within the growing additive manufacturing sector can rely on Accu for highly precise CAD models and drawings, along with specialist fasteners for 3D printed plastics. GET AN ONLINE QUOTE TODAY. MANUFACTURING. FAST & SIMPLE. Accu have spent many years working to provide bespoke solutions to engineers from around the world. We have acquired a wealth of experience in creating custom high-precision components for our customers. MADE by ACCU™ is a premium production service which takes advantage of our extensive manufacturing network. We can provide access to a range of dedicated manufacturing facilities within our established global supply chain, and offer an ideal solution to your engineering needs. We allow our customers to submit their designs to the cloud, which are then analysed through our manufacturing network, who use high-precision machining processes to turn your designs into custom-made, high-quality components. Get A Quote 30,000 Positive Customer Reviews. 150,000,000 Components Sold. 125+ Countries Served Worldwide. LATEST NEWS & INSIGHTS FROM OUR ENGINEERS. INDI GLOBAL: ENHANCING THE CONTEMPORARY HUMAN EXPERIENCE Jodie Carson 24th Mar 2023 ACCU PARTNERS WITH TRINITY COLLEGE DUBLIN'S FORMULA STUDENT TEAM Matt Ogden 17th Mar 2023 WHAT ARE MICRO SCREWS? Jodie Carson 10th Mar 2023 ACCU CELEBRATES WORLD ENGINEERING DAY WITH OXFORD BROOKES RACING Jodie Carson 03rd Mar 2023 ACCU WELCOMES ALASTAIR MORRIS AS UK MANAGING DIRECTOR Jodie Carson 24th Feb 2023 A GUIDE TO PLASTICS Albert Balkartat 24th Feb 2023 ACCU LAUNCHES NEW CAPTIVE WASHERS Patrick Faulkner 08th Feb 2023 #BuildingWithAccu What Can You Build? Upload MediaView Gallery Media Carousel - Carousel with product photos. Use the previous and next buttons to navigate. Slidepanel 1 of 4. Your Browsing History. Express / Each Add Discontinued Find Alternatives Available Offline Get A Quote Back To Top Order Tracker Delivery Returns Help Hub Contact Us About Us Account Useful Links. * Industry news * Report a website issue * Our brands * Sell components with Accu * Manage cookies * Sitemap * Privacy and legal * Join Our Team Quality Approved - ISO9001. 100% Secure & Trusted. Featured In. Find Us On Social. * Accu Facebook * Accu Twitter * Accu Linkedin * Accu Youtube * Accu Instagram Delivery Partners. Our Reviews. Accu Trustpilot We have a 5.0 rating on Google. Are you sure you want to return to your cart? Return To Cart Stay In Checkout USD Accu is a division of Accu Limited Company No. 08016434 VAT: GB136780105 Copyright © 2023 Accu Limited. Privacy and legal. Logged in as: Log Out THIS SITE USES COOKIES We use cookies to help give you the best experience on our site and to allow us and third parties to customise the marketing content you see across websites and social media. By clicking ‘Accept’ or continuing, you agree to our cookie policy. Manage Accept all cookies Report A Website Issue. Form submitted successfully Tell us about your problem Email Address (so we can let you know when it's fixed) This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. Submit Change Language EN English (English) DE Deutsch (German) FR Français (French) US United States PL Polskie Change Currency AUD Australian Dollar AUD Australian Dollar BRL Brazilian Real BRL Brazilian Real CAD Canadian Dollar CAD Canadian Dollar CZK Czech Koruna CZK Czech Koruna DKK Danish Krone DKK Danish Krone EUR Euro EUR Euro HKD Hong Kong Dollar HKD Hong Kong Dollar INR Indian Rupee INR Indian Rupee IDR Indonesian Rupiah IDR Indonesian Rupiah ILS Israeli New Shekel ILS Israeli New Shekel MYR Malaysia Ringgit MYR Malaysia Ringgit MXN Mexican Peso MXN Mexican Peso TWD New Taiwan Dollar TWD New Taiwan Dollar NZD New Zealand Dollar NZD New Zealand Dollar NOK Norwegian Krone NOK Norwegian Krone PHP Philippine Peso PHP Philippine Peso PLN Polish Zloty PLN Polish Zloty GBP Pound Sterling GBP Pound Sterling SAR Saudi Riyal SAR Saudi Riyal SGD Singapore Dollar SGD Singapore Dollar ZAR South African Rand ZAR South African Rand SEK Swedish Krona SEK Swedish Krona CHF Swiss Franc CHF Swiss Franc THB Thai Baht THB Thai Baht TRY Turkish Lira TRY Turkish Lira AED UAE Dirham AED UAE Dirham USD US Dollar USD US Dollar Cookie Preferences STRICTLY NECESSARY COOKIES These are cookies that are necessary for the Platform to function as well as to operate our business. These are used to let you login, stay logged in, measure our traffic (anonymously) and to ensure site security. Without this type of technology, our Services won't work properly or we won't be able to provide certain features and functionalities. ANALYTICS COOKIES These are cookies that are used for collecting information about how you use our Services and visit our Platform (i.e. duration of your navigation on our Platform, pages visited, link clicked, referrer page, etc). Accept & Save Confirm STANDARD SHIPPING OPTIONS Please note: The shipping options listed below are for the expedition of transit only. Lead times and manufacture schedules for out-of-stock products will still apply. Accurate delivery date estimates are always displayed during the checkout process. Destination Available Services Economy Express United Kingdom 2 - 3 Days $5.49 Next Day $10.00 United States 2 Days $25.75 Australia 2 Days $33.49 Austria 2 Days $33.49 Belgium 2 Days $28.33 Canada 2 Days $38.66 Czech Republic 2 Days $28.33 Denmark 2 Days $38.66 Europe(EU) 2 Days $33.49 France 2 Days $28.33 Germany 2 Days $25.75 Hong Kong 2 Days $38.66 India 3 Days $38.66 Indonesia 3 Days $41.24 Ireland 2 Days $12.84 Malaysia 3 Days $38.66 Mexico 3 Days $38.66 Netherlands 2 Days $25.75 New Zealand 2 Days $38.66 Norway 2 Days $38.66 Philippines 2 Days $38.66 Singapore 2 Days $38.66 South Africa 2 Days $38.66 Sweden 2 Days $38.66 Switzerland 2 Days $28.33 Taiwan 2 Days $38.66 Turkey 2 Days $38.66 United Arab Emirates 2 Days $38.66 Rest Of The World 3 Days $41.24 PREMIUM TIMED SERVICES Destination Available Services Express Plus (Before Noon) Saturday United Kingdom $12.84 $12.84 word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 mmMwWLliI0fiflO&1 CONVERSATION CONNECTING TO AGENT * Chat LIVE CHAT