www.vtacexports.com
Open in
urlscan Pro
2606:4700:3031::6815:33c8
Public Scan
URL:
https://www.vtacexports.com/
Submission Tags: sansec.io magecart Search All
Submission: On September 05 via api from US — Scanned from DE
Submission Tags: sansec.io magecart Search All
Submission: On September 05 via api from US — Scanned from DE
Form analysis 4 forms found in the DOM
GET
<form class="form minisearch" id="search_mini_form" method="get" @submit="searchSubmit(event)">
<div @scroll.window="scrolAtTop = (window.pageYOffset > 155) ? false : true">
<label class="hidden" for="search" data-role="minisearch-label">
<span>Search</span>
</label>
<div class="relative" :class="{'group': !scrolAtTop}">
<button type="submit" title="Search" class="action search p-0 bg-transparent transform absolute top-2/4 left-3 -translate-y-2/4" @click="clickSearch($event)" aria-label="Search"
:class="{'absolute top-2/4 left-3 transform -translate-y-2/4' : scrolAtTop, 'absolute lg:relative -translate-y-2/4 lg:translate-x-0 lg:top-4 lg:left-0 top-2/4 left-3 z-50 scrolled' : !scrolAtTop}">
<span class="sr-only">Search</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" class="h-6 w-6 text-primary" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"></path>
<title>search</title>
</svg>
</button>
<input id="search" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Search entire store here..."
class="w-full lg:text-[12px] py-2 pr-6 text-base leading-normal transition appearance-none bg-container border-0 focus:outline-none focus:border-transparent focus:border-0 outline-none rounded-2xl static pl-12 h-11" @focus.once="search"
@search="search" @keyup="search" @keydown.backspace="hiddenSearch" @input="search" @click="
if (thereAreResults) {
document.body.classList.add('search-results');
}" @keydown.arrow-down.prevent="focusElement($el.querySelector('[tabindex]'));"
:class="{'static pl-12 h-11' : scrolAtTop, 'transition-all duration-100 ease-out group-hover:w-[17rem] group-hover:pl-12 ease-in-out static lg:absolute lg:w-0 -left-3 top-[-4.5px] z-40 pl-12 lg:pl-6 h-11 lg:h-10 lg:top-[-5px] scrolled' : !scrolAtTop}">
</div>
<div id="fastsearch-overlay" class="absolute hidden grid-cols-1 w-full top-full left-0 z-10 border border-container bg-container showSearch" :class="{'hidden': !open, 'grid': open, 'showSearch': scrolAtTop, 'stickySearch': !scrolAtTop}">
<div class="container relative flex flex-wrap items-start justify-end min-h-[200px] pt-6 pb-8">
<button x-show="Object.keys(filterCodes).length" @click="showFilters = !showFilters" type="button" class="inline-block md:hidden md:justify-center toolbar-btn-hide-filters btn btn-secondary btn-size-xs text-center w-32 pb-2 lg:w-40 xl:w-48"
style="display: none;"><span x-text="!showFilters ? 'Show Filters' : 'Hide Filters'">Show Filters</span></button>
<span class="cursor-pointer sticky top-0 right-0 flex items-center justify-center w-8 h-8 z-100 ml-auto" @click="open = false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" class="h-6 w-6 stroke-primary hover:text-grey lg:stroke-black" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 14 2-2m0 0 2-2m-2 2-2-2m2 2 2 2m7-2a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
<title>x-circle</title>
</svg>
</span>
<div class="grid grid-cols-1 w-full md:grid-cols-6 lg:grid-cols-7 xl:grid-cols-6 gap-4">
<div class="fastsearch-filters relative inline-block rounded col-span-1 md:col-span-2 xl:col-span-1" x-show="Object.keys(filterCodes).length" style="display: none;">
<div class="md:relative pt-6 md:pt-0 -mb-2 md:mb-0 md:top-5 hidden" :class="{ 'hidden': !showFilters , 'block': showFilters, 'md:block': showFilters }">
<div class="filter-option my-4 first:mt-0" x-show="filters.category.length" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="openFilterOption = !openFilterOption">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.category">Category</span>
<svg class="hidden" :class="{ 'hidden' : !openFilterOption, 'block': openFilterOption }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !openFilterOption, 'hidden': openFilterOption }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{ 'hidden': !openFilterOption , 'block': openFilterOption }">
<ol class="items">
<template x-for="option in filters.category">
<li class="item my-1">
<a data-code="category" :data-value="option.value" x-html="highlightOption('category', option)" class="cursor-pointer" @click="applyFilter(event, 'category', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.color.length" @private-content-loaded.window="filterOption.color = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.color = !filterOption.color">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.color">Color Temperature</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.color, 'block': filterOption.color }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.color, 'hidden': filterOption.color }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.color,
'hidden' : !filterOption.color }">
<ol class="items">
<template x-for="option in filters.color">
<li class="item my-1">
<a data-code="color" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('color', option)" @click="applyFilter(event, 'color', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.watts.length" @private-content-loaded.window="filterOption.watts = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.watts = !filterOption.watts">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.watts">Watts</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.watts, 'block': filterOption.watts }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.watts, 'hidden': filterOption.watts }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.watts,
'hidden' : !filterOption.watts }">
<ol class="items">
<template x-for="option in filters.watts">
<li class="item my-1">
<a data-code="watts" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('watts', option)" @click="applyFilter(event, 'watts', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.unit_color.length" @private-content-loaded.window="filterOption.unit_color = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.unit_color = !filterOption.unit_color">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.unit_color">Unit Color</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.unit_color, 'block': filterOption.unit_color }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.unit_color, 'hidden': filterOption.unit_color }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.unit_color,
'hidden' : !filterOption.unit_color }">
<ol class="items">
<template x-for="option in filters.unit_color">
<li class="item my-1">
<a data-code="unit_color" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('unit_color', option)" @click="applyFilter(event, 'unit_color', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.base.length" @private-content-loaded.window="filterOption.base = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.base = !filterOption.base">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.base">Base</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.base, 'block': filterOption.base }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.base, 'hidden': filterOption.base }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.base,
'hidden' : !filterOption.base }">
<ol class="items">
<template x-for="option in filters.base">
<li class="item my-1">
<a data-code="base" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('base', option)" @click="applyFilter(event, 'base', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.shape.length" @private-content-loaded.window="filterOption.shape = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.shape = !filterOption.shape">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.shape">Shape</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.shape, 'block': filterOption.shape }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.shape, 'hidden': filterOption.shape }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.shape,
'hidden' : !filterOption.shape }">
<ol class="items">
<template x-for="option in filters.shape">
<li class="item my-1">
<a data-code="shape" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('shape', option)" @click="applyFilter(event, 'shape', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.ip_rating.length" @private-content-loaded.window="filterOption.ip_rating = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.ip_rating = !filterOption.ip_rating">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.ip_rating">IP Rating</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.ip_rating, 'block': filterOption.ip_rating }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.ip_rating, 'hidden': filterOption.ip_rating }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.ip_rating,
'hidden' : !filterOption.ip_rating }">
<ol class="items">
<template x-for="option in filters.ip_rating">
<li class="item my-1">
<a data-code="ip_rating" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('ip_rating', option)" @click="applyFilter(event, 'ip_rating', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.dimmable_type.length" @private-content-loaded.window="filterOption.dimmable_type = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.dimmable_type = !filterOption.dimmable_type">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.dimmable_type">Dimmable Type</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.dimmable_type, 'block': filterOption.dimmable_type }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.dimmable_type, 'hidden': filterOption.dimmable_type }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.dimmable_type,
'hidden' : !filterOption.dimmable_type }">
<ol class="items">
<template x-for="option in filters.dimmable_type">
<li class="item my-1">
<a data-code="dimmable_type" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('dimmable_type', option)" @click="applyFilter(event, 'dimmable_type', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.led_chip_type.length" @private-content-loaded.window="filterOption.led_chip_type = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.led_chip_type = !filterOption.led_chip_type">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.led_chip_type">LED Chip Type</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.led_chip_type, 'block': filterOption.led_chip_type }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.led_chip_type, 'hidden': filterOption.led_chip_type }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.led_chip_type,
'hidden' : !filterOption.led_chip_type }">
<ol class="items">
<template x-for="option in filters.led_chip_type">
<li class="item my-1">
<a data-code="led_chip_type" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('led_chip_type', option)" @click="applyFilter(event, 'led_chip_type', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.is_sale.length" @private-content-loaded.window="filterOption.is_sale = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.is_sale = !filterOption.is_sale">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.is_sale">Promo</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.is_sale, 'block': filterOption.is_sale }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.is_sale, 'hidden': filterOption.is_sale }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.is_sale,
'hidden' : !filterOption.is_sale }">
<ol class="items">
<template x-for="option in filters.is_sale">
<li class="item my-1">
<a data-code="is_sale" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('is_sale', option)" @click="applyFilter(event, 'is_sale', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.audio.length" @private-content-loaded.window="filterOption.audio = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.audio = !filterOption.audio">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.audio">Audio</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.audio, 'block': filterOption.audio }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.audio, 'hidden': filterOption.audio }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.audio,
'hidden' : !filterOption.audio }">
<ol class="items">
<template x-for="option in filters.audio">
<li class="item my-1">
<a data-code="audio" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('audio', option)" @click="applyFilter(event, 'audio', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.charging_time.length" @private-content-loaded.window="filterOption.charging_time = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.charging_time = !filterOption.charging_time">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.charging_time">Charging Time</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.charging_time, 'block': filterOption.charging_time }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.charging_time, 'hidden': filterOption.charging_time }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.charging_time,
'hidden' : !filterOption.charging_time }">
<ol class="items">
<template x-for="option in filters.charging_time">
<li class="item my-1">
<a data-code="charging_time" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('charging_time', option)" @click="applyFilter(event, 'charging_time', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.input_current.length" @private-content-loaded.window="filterOption.input_current = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.input_current = !filterOption.input_current">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.input_current">Input Current</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.input_current, 'block': filterOption.input_current }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.input_current, 'hidden': filterOption.input_current }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.input_current,
'hidden' : !filterOption.input_current }">
<ol class="items">
<template x-for="option in filters.input_current">
<li class="item my-1">
<a data-code="input_current" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('input_current', option)" @click="applyFilter(event, 'input_current', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.linkable.length" @private-content-loaded.window="filterOption.linkable = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.linkable = !filterOption.linkable">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.linkable">Linkable</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.linkable, 'block': filterOption.linkable }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.linkable, 'hidden': filterOption.linkable }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.linkable,
'hidden' : !filterOption.linkable }">
<ol class="items">
<template x-for="option in filters.linkable">
<li class="item my-1">
<a data-code="linkable" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('linkable', option)" @click="applyFilter(event, 'linkable', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.night_vision.length" @private-content-loaded.window="filterOption.night_vision = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.night_vision = !filterOption.night_vision">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.night_vision">Night Vision</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.night_vision, 'block': filterOption.night_vision }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.night_vision, 'hidden': filterOption.night_vision }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.night_vision,
'hidden' : !filterOption.night_vision }">
<ol class="items">
<template x-for="option in filters.night_vision">
<li class="item my-1">
<a data-code="night_vision" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('night_vision', option)" @click="applyFilter(event, 'night_vision', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.plug_type.length" @private-content-loaded.window="filterOption.plug_type = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.plug_type = !filterOption.plug_type">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.plug_type">Plug Type</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.plug_type, 'block': filterOption.plug_type }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.plug_type, 'hidden': filterOption.plug_type }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.plug_type,
'hidden' : !filterOption.plug_type }">
<ol class="items">
<template x-for="option in filters.plug_type">
<li class="item my-1">
<a data-code="plug_type" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('plug_type', option)" @click="applyFilter(event, 'plug_type', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.sensor_type.length" @private-content-loaded.window="filterOption.sensor_type = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.sensor_type = !filterOption.sensor_type">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.sensor_type">Sensor Type</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.sensor_type, 'block': filterOption.sensor_type }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.sensor_type, 'hidden': filterOption.sensor_type }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.sensor_type,
'hidden' : !filterOption.sensor_type }">
<ol class="items">
<template x-for="option in filters.sensor_type">
<li class="item my-1">
<a data-code="sensor_type" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('sensor_type', option)" @click="applyFilter(event, 'sensor_type', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.wire_length.length" @private-content-loaded.window="filterOption.wire_length = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.wire_length = !filterOption.wire_length">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.wire_length">Wire Length</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.wire_length, 'block': filterOption.wire_length }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.wire_length, 'hidden': filterOption.wire_length }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.wire_length,
'hidden' : !filterOption.wire_length }">
<ol class="items">
<template x-for="option in filters.wire_length">
<li class="item my-1">
<a data-code="wire_length" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('wire_length', option)" @click="applyFilter(event, 'wire_length', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.size.length" @private-content-loaded.window="filterOption.size = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.size = !filterOption.size">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.size">Size</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.size, 'block': filterOption.size }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.size, 'hidden': filterOption.size }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.size,
'hidden' : !filterOption.size }">
<ol class="items">
<template x-for="option in filters.size">
<li class="item my-1">
<a data-code="size" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('size', option)" @click="applyFilter(event, 'size', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.installation_type.length" @private-content-loaded.window="filterOption.installation_type = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.installation_type = !filterOption.installation_type">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.installation_type">Installation Type</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.installation_type, 'block': filterOption.installation_type }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.installation_type, 'hidden': filterOption.installation_type }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.installation_type,
'hidden' : !filterOption.installation_type }">
<ol class="items">
<template x-for="option in filters.installation_type">
<li class="item my-1">
<a data-code="installation_type" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('installation_type', option)" @click="applyFilter(event, 'installation_type', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.output_voltage.length" @private-content-loaded.window="filterOption.output_voltage = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.output_voltage = !filterOption.output_voltage">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.output_voltage">Output Voltage</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.output_voltage, 'block': filterOption.output_voltage }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.output_voltage, 'hidden': filterOption.output_voltage }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.output_voltage,
'hidden' : !filterOption.output_voltage }">
<ol class="items">
<template x-for="option in filters.output_voltage">
<li class="item my-1">
<a data-code="output_voltage" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('output_voltage', option)" @click="applyFilter(event, 'output_voltage', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.dimmable.length" @private-content-loaded.window="filterOption.dimmable = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.dimmable = !filterOption.dimmable">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.dimmable">Dimmable</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.dimmable, 'block': filterOption.dimmable }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.dimmable, 'hidden': filterOption.dimmable }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.dimmable,
'hidden' : !filterOption.dimmable }">
<ol class="items">
<template x-for="option in filters.dimmable">
<li class="item my-1">
<a data-code="dimmable" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('dimmable', option)" @click="applyFilter(event, 'dimmable', option)"></a>
</li>
</template>
</ol>
</div>
</div>
<div class="filter-option my-4 first:mt-0" x-show="filters.compatible_app.length" @private-content-loaded.window="filterOption.compatible_app = false" style="display: none;">
<div class="filter-options-title flex justify-between items-center bg-gray-200 cursor-pointer rounded-3xl px-4 py-2.5 2xl:px-5" @click="filterOption.compatible_app = !filterOption.compatible_app">
<span class="title text-sm font-semibold xl:text-base-l" x-text="filterLabels.compatible_app">Compatible App</span>
<svg class="hidden" :class="{ 'hidden' : !filterOption.compatible_app, 'block': filterOption.compatible_app }" width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 1.5C16.875 2.04688 16.4453 2.4375 15.9375 2.4375H1.5625C1.01562 2.4375 0.625 2.04688 0.625 1.53906C0.625 0.992188 1.01562 0.5625 1.5625 0.5625H15.9375C16.4453 0.5625 16.875 0.992188 16.875 1.5Z" fill="#333333">
</path>
</svg>
<svg class="block" :class="{ 'block' : !filterOption.compatible_app, 'hidden': filterOption.compatible_app }" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.875 8.5C16.875 9.04688 16.4453 9.4375 15.9375 9.4375H9.6875V15.6875C9.6875 16.2344 9.25781 16.6641 8.75 16.6641C8.20312 16.6641 7.8125 16.2344 7.8125 15.6875V9.4375H1.5625C1.01562 9.4375 0.625 9.04688 0.625 8.53906C0.625 7.99219 1.01562 7.5625 1.5625 7.5625H7.8125V1.3125C7.8125 0.804688 8.20312 0.414062 8.75 0.414062C9.25781 0.414062 9.6875 0.804688 9.6875 1.3125V7.5625H15.9375C16.4453 7.5625 16.875 7.99219 16.875 8.5Z"
fill="#333333"></path>
</svg>
</div>
<div class="filter-options-content hidden pt-3 pb-1 px-4 md:pt-2 2xl:px-5" :class="{
'block' : filterOption.compatible_app,
'hidden' : !filterOption.compatible_app }">
<ol class="items">
<template x-for="option in filters.compatible_app">
<li class="item my-1">
<a data-code="compatible_app" :data-value="option.value" class="cursor-pointer" x-html="highlightOption('compatible_app', option)" @click="applyFilter(event, 'compatible_app', option)"></a>
</li>
</template>
</ol>
</div>
</div>
</div>
</div>
<div class="fastsearch-no-results col-span-1 md:col-span-4 lg:col-span-5" x-show="!products.length">
<p class="font-semibold text-base-l sm:text-lg md:text-2xl">No results found.</p>
</div>
<div class="fastsearch-items products wrapper mode-grid products-grid col-span-1 md:col-span-4 lg:col-span-5">
<div class="text-base-l uppercase font-bold mb-3" x-show="products.length" style="display: none;">Products</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<template x-for="(product, index) in filteredProducts()" :key="index">
<div class="item product product-item card card-interactive text-dark w-full flex flex-col" tabindex="0" @click="redirect(product.url)" @keydown.enter="redirect(product.url)"
@keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()" @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)">
<a :href="product.url" class="product photo product-item-photo relative flex justify-center w-full mx-auto mb-2 pt-6">
<template x-if="product.badge && product.badge.badgeText">
<span :style="{'background-color' : getCssClass(product.badge.badgeId)}" class="block rounded-2xl top-0 right-0 flex items-center justify-center w-24 h-7 text-center select-none z-20 p-1 absolute" :class="product.badge.badgeClass">
<svg x-show="product.badge.badgeId === 3" width="65" height="20" viewBox="0 0 65 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42575 12.332C2.38765 12.1415 2.38765 11.951 2.42575 11.8494C2.48925 11.5573 2.69246 11.2271 3.26397 11.2271C3.79738 11.2271 4.11489 11.5573 4.11489 12.0526V12.6241H6.40094V11.9764C6.40094 9.98242 4.6102 9.66492 3.31477 9.66492C1.68914 9.66492 0.355608 10.1983 0.114302 11.697C0.0508011 12.1034 0.0381008 12.4717 0.127003 12.9289C0.520711 14.7958 3.77198 15.3419 4.25459 16.5231C4.34349 16.739 4.31809 17.0311 4.26729 17.1962C4.19109 17.501 3.98789 17.8185 3.37827 17.8185C2.80676 17.8185 2.46385 17.4883 2.46385 16.9803V16.104H0V16.8025C0 18.8472 1.61293 19.4695 3.32747 19.4695C5.04201 19.4695 6.33744 18.9107 6.56604 17.374C6.68034 16.5866 6.59144 16.0659 6.56604 15.8753C6.18503 13.9576 2.70516 13.3861 2.45115 12.3193L2.42575 12.332ZM32.1825 12.3574C32.1444 12.1796 32.1571 11.9891 32.1825 11.8875C32.246 11.5954 32.4492 11.2779 33.008 11.2779C33.5414 11.2779 33.8462 11.6081 33.8462 12.1034V12.6622H36.1069V12.0272C36.1069 10.0586 34.3415 9.74112 33.0588 9.74112C31.4459 9.74112 30.125 10.2745 29.8964 11.7605C29.8329 12.1669 29.8202 12.5225 29.9218 12.9797C30.3155 14.8339 33.5287 15.3673 33.9986 16.5358C34.0748 16.7517 34.0621 17.0438 34.0113 17.2089C33.9351 17.5137 33.7319 17.8185 33.135 17.8185C32.5635 17.8185 32.2206 17.4883 32.2206 16.993V16.1167H29.7948V16.8152C29.7948 18.8345 31.3824 19.4441 33.0842 19.4441C34.786 19.4441 36.0688 18.8853 36.2847 17.374C36.3863 16.5866 36.3101 16.0786 36.272 15.8881C35.891 13.9957 32.4619 13.4242 32.2079 12.3574H32.1825ZM52.9601 17.3486L50.8011 9.98242H47.4101V19.0377H49.6581L49.5311 11.4303L51.8425 19.0377H55.0938V9.96972H52.8331L52.9601 17.3359V17.3486ZM9.79191 9.96972L8.10277 19.1139H10.5793L11.8621 10.6428L13.1067 19.1139H15.5578L13.8687 9.96972H9.80461H9.79191ZM23.6098 9.96972L22.4541 17.12L21.2984 9.96972H17.5645L17.3613 19.1139H19.6473L19.7108 10.6428L21.2857 19.1139H23.6098L25.1846 10.6428L25.2481 19.1139H27.5469L27.3437 9.96972H23.6098ZM44.8701 9.96972H42.5586V16.739C42.5586 16.8533 42.5586 16.993 42.5332 17.0819C42.4824 17.3105 42.2919 17.7423 41.6569 17.7423C41.0219 17.7423 40.8314 17.3105 40.7806 17.0819C40.7552 16.9803 40.7552 16.8533 40.7552 16.739V9.96972H38.4437V16.5231C38.4437 16.6882 38.4437 17.0438 38.4691 17.1327C38.6342 18.8472 39.9805 19.3933 41.6569 19.3933C43.3333 19.3933 44.6923 18.8345 44.8574 17.1327C44.8701 17.0438 44.8828 16.7009 44.8828 16.5231V9.96972H44.8701ZM60.7581 13.983V15.3165H61.6979V16.6374C61.6979 16.7517 61.6979 16.8787 61.6725 16.9803C61.6344 17.2216 61.4058 17.6534 60.7327 17.6534C60.0596 17.6534 59.8437 17.2343 59.8056 16.9803C59.7929 16.8787 59.7802 16.7517 59.7802 16.6374V12.459C59.7802 12.3066 59.7802 12.1542 59.8183 12.0272C59.8691 11.7986 60.0596 11.3668 60.7327 11.3668C61.4312 11.3668 61.609 11.824 61.6471 12.0272C61.6725 12.1542 61.6725 12.3828 61.6725 12.3828V12.8908H63.9713V12.586C63.9713 12.586 63.9713 12.2685 63.9586 11.9764C63.7808 10.2618 62.371 9.71572 60.7454 9.71572C59.1198 9.71572 57.7354 10.2618 57.5322 11.9764C57.5195 12.1288 57.4814 12.4082 57.4814 12.586V16.4342C57.4814 16.5993 57.4814 16.7263 57.5195 17.0438C57.6719 18.7075 59.1198 19.3044 60.7327 19.3044C62.3456 19.3044 63.7935 18.7075 63.9459 17.0438C63.9713 16.739 63.9713 16.612 63.984 16.4342V13.983H60.7454H60.7581Z" fill="white"></path>
<path d="M23.7117 4.29269V6.68034H23.0894V1.02872H23.7117V1.68913C24.0292 1.21922 24.588 0.952515 25.1341 0.952515C26.2263 0.952515 27.0899 1.81613 27.0899 2.97186C27.0899 4.12758 26.2136 4.9912 25.1341 4.9912C24.5626 4.9912 24.0038 4.7499 23.7117 4.30539V4.29269ZM26.4676 2.95916C26.4676 2.15904 25.8453 1.52403 25.0706 1.52403C24.2451 1.52403 23.6482 2.17174 23.6482 2.95916C23.6482 3.74657 24.2451 4.39429 25.0706 4.39429C25.8453 4.39429 26.4676 3.75928 26.4676 2.95916Z" fill="white"></path>
<path d="M27.6738 2.97186C27.6738 1.82883 28.5755 0.952515 29.6805 0.952515C30.7854 0.952515 31.6998 1.82883 31.6998 2.97186C31.6998 4.11488 30.7981 4.9912 29.6805 4.9912C28.5628 4.9912 27.6738 4.11488 27.6738 2.97186ZM31.0648 2.97186C31.0648 2.17174 30.4552 1.53673 29.6805 1.53673C28.9058 1.53673 28.3088 2.18444 28.3088 2.97186C28.3088 3.75927 28.9058 4.40699 29.6805 4.40699C30.4552 4.40699 31.0648 3.75927 31.0648 2.97186Z" fill="white"></path>
<path d="M32.0938 1.02881H32.7542L33.7067 4.02607L34.8624 1.02881H35.4466L36.6023 4.03877L37.593 1.02881H38.2534L36.9326 4.90239H36.3229L35.1545 1.87973L33.9861 4.90239H33.3638L32.1065 1.02881H32.0938Z" fill="white"></path>
<path d="M38.5708 2.98456C38.5708 1.82884 39.4344 0.939819 40.5901 0.939819C41.7459 0.939819 42.5841 1.73994 42.5841 2.90836V3.17507H39.1931C39.282 3.91168 39.8408 4.41969 40.6282 4.41969C41.2506 4.41969 41.6824 4.10219 41.9237 3.59418L42.4571 3.87358C42.1015 4.5594 41.5173 4.97851 40.6282 4.97851C39.3836 4.97851 38.5835 4.11489 38.5835 2.98456H38.5708ZM39.2185 2.61626H41.9237C41.8094 1.93044 41.3268 1.51133 40.5774 1.51133C39.8916 1.51133 39.3582 1.98124 39.2058 2.61626H39.2185Z" fill="white"></path>
<path d="M43.2822 1.02881H43.9045V1.58762C44.095 1.20661 44.4253 1.02881 44.8825 1.02881C45.2254 1.02881 45.4413 1.11771 45.6318 1.23201L45.3651 1.81623C45.2127 1.71462 45.0984 1.63842 44.7809 1.63842C44.2602 1.63842 43.9045 1.95593 43.9045 2.71795C43.9045 2.75605 43.8918 3.30216 43.9045 3.83557V4.90239H43.2695V1.02881H43.2822Z" fill="white"></path>
<path d="M45.8096 2.98456C45.8096 1.82884 46.6732 0.939819 47.8289 0.939819C48.9846 0.939819 49.8229 1.73994 49.8229 2.90836V3.17507H46.4319C46.5208 3.91168 47.0796 4.41969 47.867 4.41969C48.4893 4.41969 48.9211 4.10219 49.1624 3.59418L49.6959 3.87358C49.3402 4.5594 48.756 4.97851 47.867 4.97851C46.6224 4.97851 45.8223 4.11489 45.8223 2.98456H45.8096ZM46.4573 2.61626H49.1624C49.0481 1.93044 48.5655 1.51133 47.8162 1.51133C47.1304 1.51133 46.597 1.98124 46.4446 2.61626H46.4573Z" fill="white"></path>
<path d="M50.3691 2.97186C50.3691 1.81614 51.2455 0.952521 52.3504 0.952521C52.8838 0.952521 53.4553 1.20653 53.7728 1.66374V0H54.3951V4.90231H53.7728V4.24189C53.6204 4.4705 53.4045 4.661 53.1378 4.788C52.8838 4.91501 52.6171 4.97851 52.3377 4.97851C51.2455 4.97851 50.3564 4.11489 50.3564 2.95916L50.3691 2.97186ZM53.8109 2.97186C53.8109 2.17175 53.1886 1.53673 52.4012 1.53673C51.6138 1.53673 51.0042 2.18445 51.0042 2.97186C51.0042 3.75928 51.6265 4.407 52.4012 4.407C53.1759 4.407 53.8109 3.77198 53.8109 2.97186Z" fill="white"></path>
<path d="M57.4944 4.25459V4.90231H56.8848V0H57.5071V1.67644C57.8246 1.21923 58.3707 0.952521 58.9295 0.952521C60.0344 0.952521 60.8981 1.81614 60.8981 2.97186C60.8981 4.12759 60.009 4.99121 58.9295 4.99121C58.3834 4.99121 57.8119 4.7372 57.4944 4.26729V4.25459ZM60.263 2.95916C60.263 2.15905 59.6534 1.52403 58.866 1.52403C58.0786 1.52403 57.4563 2.17175 57.4563 2.95916C57.4563 3.74658 58.0532 4.39429 58.866 4.39429C59.6788 4.39429 60.263 3.75928 60.263 2.95916Z" fill="white"></path>
<path d="M62.7902 4.69919L61.1138 1.02881H61.7996L63.1077 3.96257L64.3269 1.02881H65.0001L62.5743 6.69313H61.9139L62.7902 4.69919Z" fill="white"></path>
</svg>
<span x-show="product.badge.badgeId !== 3" class="font-semibold leading-4 text-inherit" x-text="getBadgeLabel(product.badge.badgeText)"></span>
</span>
</template>
<template x-if="!product.isConfigurable">
<span class="absolute top-0 left-0 font-semibold text-xs text-white rounded-xl py-0.5 px-3" :class="{
'bg-[#FF5F00]': product.stock_class == 'express',
'bg-primary': product.stock_class == 'in_stock',
'bg-[#808184]': product.stock_class == 'out_of_stock',
'bg-[#52B5E2]': product.stock_class == 'backorder',
'bg-[#52B5E2]': product.stock_class == 'arriving_soon',
}" x-text="getStockLabel(product.stock_label)">
</span>
</template>
<img :src="product.image" width="155" height="155" :alt="product.name" class="object-contain product-image-photo mx-auto" loading="lazy">
<template x-if="product.badge && product.badge.badgeId == 1">
<span x-show="getSalePercentage(product) > 0" class="sale-percentage block absolute bottom-0 right-0 leading-4 flex items-center w-12 h-12 text-base justify-center bg-[#FF5F00] text-center rounded-full select-none pointer-events-none z-10 p-1">
<span class="text-white font-semibold uppercase" x-html="'-' + getSalePercentage(product) + '%'"></span>
</span>
</template>
</a>
<div class="product-info flex-grow flex flex-col">
<div class="font-semibold text-lg leading-5 flex-grow">
<a :href="product.url" class="product-item-link text-dark"><span x-html="highlightName(product.name)"></span></a>
</div>
<template x-if="!product.isConfigurable">
<div class="pt-3 pb-2">
<div class="relative flex items-center">
<div class="min-w-[70px] bg-dark font-semibold text-xxs text-white text-center rounded-xl py-0.5 px-3 mr-1">SKU <span x-text="product.sku"></span></div>
<div class="group">
<div class="relative flex flex-nowrap items-center text-xxs font-semibold border border-dark rounded-xl px-2.5 cursor-pointer overflow-hidden">
<span class="absolute top-0 left-0 flex items-center justify-center text-xxs text-white bg-dark rounded-full w-[18px] h-full">i</span>
<span class="inline-block uppercase py-px pl-3">Stock</span>
</div>
<div class="absolute bottom-0 left-0 w-full min-w-[218px] bg-container rounded-xl z-10 transform scale-0 origin-bottom group-hover:scale-100 transition duration-300 py-4 px-5 -mb-0.5">
<div class="grid grid-cols-1 gap-y-2 gap-x-px">
<!--Global stock-->
<div class="flex flex-nowrap gap-1.5" x-show="!!Object.keys(product.warehouse_global || {}).length">
<svg class="w-3 h-3 flex-shrink-0" width="15.382" height="15" viewBox="0 0 15.382 15">
<g id="web" transform="translate(-1.001 -1.374)">
<path id="Path_190" data-name="Path 190" d="M16.138,6.1C15.6,3.59,14.443,2,13.376,2s-2.221,1.59-2.762,4.1Z" transform="translate(-4.684 -0.305)" fill="#00ce7c"></path>
<path id="Path_191" data-name="Path 191" d="M10,14.048a15.4,15.4,0,0,0,.137,2.054l5.879,0a15.39,15.39,0,0,0,.137-2.051,15.4,15.4,0,0,0-.137-2.054l-5.879,0A15.39,15.39,0,0,0,10,14.048Z"
transform="translate(-4.384 -5.174)" fill="#00ce7c"></path>
<path id="Path_192" data-name="Path 192" d="M10.614,22c.541,2.513,1.695,4.1,2.762,4.1s2.221-1.59,2.762-4.1Z" transform="translate(-4.684 -10.049)" fill="#00ce7c"></path>
<path id="Path_193" data-name="Path 193" d="M21.413,5.8h3.231a7.722,7.722,0,0,0-5.358-4.423A8.014,8.014,0,0,1,21.413,5.8Z" transform="translate(-8.908 0)" fill="#00ce7c"></path>
<path id="Path_194" data-name="Path 194" d="M27.188,12H23.752a16.639,16.639,0,0,1,0,4.1l3.436,0a7.641,7.641,0,0,0,0-4.1Z" transform="translate(-11.084 -5.177)" fill="#00ce7c"></path>
<path id="Path_195" data-name="Path 195" d="M19.285,26.423A7.722,7.722,0,0,0,24.644,22H21.414A8.021,8.021,0,0,1,19.285,26.423Z" transform="translate(-8.908 -10.049)" fill="#00ce7c"></path>
<path id="Path_196" data-name="Path 196" d="M5.5,22H2.266a7.722,7.722,0,0,0,5.359,4.423A8.008,8.008,0,0,1,5.5,22Z" transform="translate(-0.616 -10.049)" fill="#00ce7c"></path>
<path id="Path_197" data-name="Path 197" d="M7.623,1.374A7.722,7.722,0,0,0,2.264,5.8H5.495A8.021,8.021,0,0,1,7.623,1.374Z" transform="translate(-0.615 0)" fill="#00ce7c"></path>
<path id="Path_198" data-name="Path 198" d="M4.59,14.05A16.587,16.587,0,0,1,4.717,12L1.282,12a7.641,7.641,0,0,0,0,4.1H4.717A16.58,16.58,0,0,1,4.59,14.05Z" transform="translate(0 -5.176)" fill="#00ce7c"></path>
</g>
</svg>
<div class="text-xxs font-normal"> Global stock: <span class="font-semibold" x-text="product.warehouse_global.qty ? product.warehouse_global.qty : ''"></span>
</div>
</div>
<!--Local stocks-->
<div class="flex flex-nowrap gap-1.5" x-show="!!Object.keys(product.warehouse_local || {}).length">
<svg class="w-3 h-3 flex-shrink-0" width="14.674" height="15" viewBox="0 0 14.674 15">
<g transform="translate(25.436 5)">
<g transform="translate(-21.523 -5)">
<g>
<path d="M139.13,0V6.848H146.3V0Zm5.544,2.935H140.76V1.957h3.913Z" transform="translate(-139.13)" fill="#00ca7a"></path>
</g>
</g>
<g transform="translate(-25.436 2.826)">
<g transform="translate(0)">
<path d="M5.565,267.13V274.3h6.848V267.13Zm5.217,2.935H7.2v-.978h3.587Z" transform="translate(-5.565 -267.13)" fill="#00ca7a"></path>
</g>
</g>
<g transform="translate(-17.61 2.826)">
<g>
<path d="M272.7,267.13V274.3h6.848V267.13Zm5.217,2.935h-3.587v-.978h3.587Z" transform="translate(-272.696 -267.13)" fill="#00ca7a"></path>
</g>
</g>
</g>
</svg>
<div class="text-xxs font-normal"> Local stocks: <span class="font-semibold" x-text="product.warehouse_local.qty ? product.warehouse_local.qty : ''"></span>
</div>
</div>
<!--Global transit-->
<div class="flex flex-nowrap gap-1.5" x-show="!!Object.keys(product.warehouse_global || {}).length">
<svg class="w-3 h-3 flex-shrink-0" width="18.327" height="13.247" viewBox="0 0 18.327 13.247">
<g id="boat-with-containers" transform="translate(0.001 -67.916)">
<path id="Path_181" data-name="Path 181" d="M30.259,221.024H25.917a.264.264,0,0,0-.264.264v1.974a.265.265,0,0,0,.264.265h4.341a.265.265,0,0,0,.264-.265v-1.974A.264.264,0,0,0,30.259,221.024Z"
transform="translate(-24.694 -147.382)" fill="#00cc7b"></path>
<g id="Group_53" data-name="Group 53" transform="translate(7.393 72.032)">
<path id="Path_182" data-name="Path 182" d="M333.67,240.743H332.1a.113.113,0,0,0-.113.113v1.566a.113.113,0,0,0,.113.113h1.566a.113.113,0,0,0,.113-.113v-1.566A.113.113,0,0,0,333.67,240.743Z"
transform="translate(-326.968 -238.394)" fill="#00cc7b"></path>
<path id="Path_183" data-name="Path 183" d="M266.516,240.743H264.95a.113.113,0,0,0-.113.113v1.566a.113.113,0,0,0,.113.113h1.566a.113.113,0,0,0,.113-.113v-1.566A.113.113,0,0,0,266.516,240.743Z"
transform="translate(-262.325 -238.394)" fill="#00cc7b"></path>
<path id="Path_184" data-name="Path 184" d="M199.363,240.743H197.8a.113.113,0,0,0-.113.113v1.566a.113.113,0,0,0,.113.113h1.566a.113.113,0,0,0,.113-.113v-1.566A.113.113,0,0,0,199.363,240.743Z"
transform="translate(-197.684 -238.394)" fill="#00cc7b"></path>
<path id="Path_185" data-name="Path 185" d="M266.516,177.951H264.95a.113.113,0,0,0-.113.113v1.566a.113.113,0,0,0,.113.113h1.566a.113.113,0,0,0,.113-.113v-1.566A.113.113,0,0,0,266.516,177.951Z"
transform="translate(-262.325 -177.951)" fill="#00cc7b"></path>
<path id="Path_186" data-name="Path 186" d="M199.363,177.951H197.8a.113.113,0,0,0-.113.113v1.566a.113.113,0,0,0,.113.113h1.566a.113.113,0,0,0,.113-.113v-1.566A.113.113,0,0,0,199.363,177.951Z"
transform="translate(-197.684 -177.951)" fill="#00cc7b"></path>
</g>
<path id="Path_187" data-name="Path 187" d="M69.419,150.818H68.008a.151.151,0,0,0-.151.151v1.79a.151.151,0,0,0,.151.151h1.411a.151.151,0,0,0,.151-.151v-1.79A.151.151,0,0,0,69.419,150.818Z"
transform="translate(-65.32 -79.801)" fill="#00cc7b"></path>
<path id="Path_188" data-name="Path 188"
d="M69.419,69.784H68.94V68.143a.227.227,0,0,0-.453,0v1.642h-.479a.151.151,0,0,0-.151.151v.4a.151.151,0,0,0,.151.151h1.411a.151.151,0,0,0,.151-.151v-.4A.151.151,0,0,0,69.419,69.784Z"
transform="translate(-65.32)" fill="#00cc7b"></path>
<path id="Path_189" data-name="Path 189"
d="M18.314,289.783a.094.094,0,0,0-.082-.048H15.22a.094.094,0,0,0-.074.036l-.4.511H.094a.095.095,0,0,0-.088.13s1.279,3.161,1.707,4.214a.094.094,0,0,0,.088.059H15.277a.1.1,0,0,0,.087-.045c.735-1.192,2.948-4.761,2.948-4.761A.1.1,0,0,0,18.314,289.783ZM12.3,292.148a.371.371,0,1,1,.371-.371A.371.371,0,0,1,12.3,292.148Zm1.8,0a.371.371,0,1,1,.371-.371A.371.371,0,0,1,14.1,292.148Z"
transform="translate(0 -213.523)" fill="#00cc7b"></path>
</g>
</svg>
<div class="text-xxs font-normal"> Global transit: <span class="font-semibold" x-text="product.warehouse_global && product.warehouse_global.backorder ? product.warehouse_global.backorder.qty : ''"></span>
</div>
</div>
<!--Local transit-->
<div class="flex flex-nowrap gap-1.5" x-show="!!Object.keys(product.warehouse_local || {}).length">
<svg class="w-3 h-3 flex-shrink-0" width="16.826" height="11.493" viewBox="0 0 16.826 11.493">
<g id="transportation-truck" transform="translate(0 -7.25)">
<path id="Path_199" data-name="Path 199"
d="M16.605,14.394l-1.537-1.153-1.231-2.886V9.549A.552.552,0,0,0,13.286,9H10.408L9.688,7.555a.55.55,0,0,0-.493-.3H.552A.552.552,0,0,0,0,7.8V17a.552.552,0,0,0,.552.552H1.828a1.735,1.735,0,0,0,3.3,0h7.218a1.735,1.735,0,0,0,3.3,0h.633A.552.552,0,0,0,16.826,17V14.835A.55.55,0,0,0,16.605,14.394ZM3.478,17.64A.644.644,0,1,1,4.121,17,.644.644,0,0,1,3.478,17.64Zm7.372-4.29a.185.185,0,0,1-.184-.184V10.775a.184.184,0,0,1,.184-.184H12.8a.184.184,0,0,1,.168.11l1.04,2.391a.186.186,0,0,1-.015.175.215.215,0,0,1-.153.083Zm3.14,4.29A.644.644,0,1,1,14.633,17,.643.643,0,0,1,13.99,17.64Z"
transform="translate(0 0)" fill="#00bb71"></path>
</g>
</svg>
<div class="text-xxs font-normal"> Local transit: <span class="font-semibold" x-text="product.warehouse_local && product.warehouse_local.backorder ? product.warehouse_local.backorder.qty : ''"></span>
</div>
</div>
<!--ETA-->
<div class="flex flex-nowrap gap-1.5" x-show="!!Object.keys(product.warehouse_local || {}).length">
<svg class="w-3 h-3 flex-shrink-0" width="14.163" height="13.913" viewBox="0 0 14.163 13.913">
<g id="calendar" transform="translate(0 -4.289)">
<g id="_x31_5_38_" transform="translate(0 4.289)">
<g id="Group_52" data-name="Group 52">
<path id="Path_164" data-name="Path 164" d="M99.973,7.991h.2a.558.558,0,0,0,.558-.558V5.32a.558.558,0,0,0-.558-.558h-.2a.558.558,0,0,0-.558.558V7.434A.558.558,0,0,0,99.973,7.991Z"
transform="translate(-96.511 -4.748)" fill="#00ce7c"></path>
<path id="Path_165" data-name="Path 165" d="M344.839,7.518h.2a.558.558,0,0,0,.558-.558V4.847a.558.558,0,0,0-.558-.558h-.2a.558.558,0,0,0-.558.558V6.961A.558.558,0,0,0,344.839,7.518Z"
transform="translate(-334.226 -4.289)" fill="#00ce7c"></path>
<path id="Path_166" data-name="Path 166"
d="M13.257,43.558H11.826v1.671a.9.9,0,0,1-1.011.865h-.2A1.012,1.012,0,0,1,9.6,45.083V43.558H4.674V45.1a1.012,1.012,0,0,1-1.011,1.011h-.2A1.012,1.012,0,0,1,2.45,45.1V43.558H.906A.907.907,0,0,0,0,44.464V55.418a.907.907,0,0,0,.906.906H13.257a.907.907,0,0,0,.906-.906V44.464A.907.907,0,0,0,13.257,43.558Zm0,11.86H.906V47.146H13.257v8.271Z"
transform="translate(0 -42.411)" fill="#00ce7c"></path>
<path id="Path_167" data-name="Path 167" d="M254.615,206.8h1.628a.117.117,0,0,0,.117-.117v-1.409a.117.117,0,0,0-.117-.117h-1.628a.117.117,0,0,0-.117.117v1.409A.117.117,0,0,0,254.615,206.8Z"
transform="translate(-247.065 -199.289)" fill="#00ce7c"></path>
<path id="Path_168" data-name="Path 168" d="M345.56,206.8h1.628a.117.117,0,0,0,.117-.117v-1.409a.117.117,0,0,0-.117-.117H345.56a.117.117,0,0,0-.117.117v1.409A.117.117,0,0,0,345.56,206.8Z"
transform="translate(-335.354 -199.289)" fill="#00ce7c"></path>
<path id="Path_169" data-name="Path 169" d="M72.728,285.8h1.628a.117.117,0,0,0,.117-.117v-1.409a.117.117,0,0,0-.117-.117H72.728a.117.117,0,0,0-.117.117v1.409A.117.117,0,0,0,72.728,285.8Z"
transform="translate(-70.49 -275.98)" fill="#00ce7c"></path>
<path id="Path_170" data-name="Path 170" d="M163.672,285.8H165.3a.117.117,0,0,0,.117-.117v-1.409a.117.117,0,0,0-.117-.117h-1.628a.117.117,0,0,0-.117.117v1.409A.117.117,0,0,0,163.672,285.8Z"
transform="translate(-158.778 -275.98)" fill="#00ce7c"></path>
<path id="Path_171" data-name="Path 171" d="M254.616,285.8h1.628a.117.117,0,0,0,.117-.117v-1.409a.117.117,0,0,0-.117-.117h-1.628a.117.117,0,0,0-.117.117v1.409A.117.117,0,0,0,254.616,285.8Z"
transform="translate(-247.066 -275.98)" fill="#00ce7c"></path>
<path id="Path_172" data-name="Path 172" d="M345.56,285.8h1.628a.117.117,0,0,0,.117-.117v-1.409a.117.117,0,0,0-.117-.117H345.56a.117.117,0,0,0-.117.117v1.409A.117.117,0,0,0,345.56,285.8Z"
transform="translate(-335.354 -275.98)" fill="#00ce7c"></path>
<path id="Path_173" data-name="Path 173" d="M74.356,363.154H72.729a.117.117,0,0,0-.117.117v1.409a.117.117,0,0,0,.117.117h1.628a.117.117,0,0,0,.117-.117v-1.409A.117.117,0,0,0,74.356,363.154Z"
transform="translate(-70.491 -352.673)" fill="#00ce7c"></path>
<path id="Path_174" data-name="Path 174" d="M165.3,363.154h-1.628a.117.117,0,0,0-.117.117v1.409a.117.117,0,0,0,.117.117H165.3a.117.117,0,0,0,.117-.117v-1.409A.117.117,0,0,0,165.3,363.154Z"
transform="translate(-158.779 -352.673)" fill="#00ce7c"></path>
<path id="Path_175" data-name="Path 175" d="M256.244,363.154h-1.628a.117.117,0,0,0-.117.117v1.409a.117.117,0,0,0,.117.117h1.628a.117.117,0,0,0,.117-.117v-1.409A.117.117,0,0,0,256.244,363.154Z"
transform="translate(-247.067 -352.673)" fill="#00ce7c"></path>
<path id="Path_176" data-name="Path 176" d="M347.187,363.154H345.56a.117.117,0,0,0-.117.117v1.409a.117.117,0,0,0,.117.117h1.628a.117.117,0,0,0,.117-.117v-1.409A.117.117,0,0,0,347.187,363.154Z"
transform="translate(-335.354 -352.673)" fill="#00ce7c"></path>
</g>
</g>
</g>
</svg>
<div class="text-xxs font-normal"> ETA: <span class="font-semibold" x-text="product.eta || '-'"></span>
</div>
</div>
<!--QNT in package-->
<div class="flex flex-nowrap gap-1.5">
<svg class="w-3 h-3 flex-shrink-0" width="13.96" height="13.96" viewBox="0 0 13.96 13.96">
<g id="package-box" transform="translate(-4 -4)">
<path id="Path_177" data-name="Path 177" d="M7.325,8.66l6.567-3.511L11.61,4,4.839,7.408Z" transform="translate(-0.63)" fill="#00be72"></path>
<path id="Path_178" data-name="Path 178" d="M29.38,12.635l-6.567,3.511L25.1,17.3l6.771-3.409Z" transform="translate(-14.123 -6.482)" fill="#00be72"></path>
<path id="Path_179" data-name="Path 179" d="M10.793,22.358,8.487,21.2v2.55l-1-1h-1v-2.55L4,18.939v6.817l6.793,3.42Z" transform="translate(0 -11.215)" fill="#00be72"></path>
<path id="Path_180" data-name="Path 180" d="M32.75,22.358v6.817l6.793-3.42V18.939Z" transform="translate(-21.583 -11.215)" fill="#00be72"></path>
</g>
</svg>
<div class="text-xxs font-normal"> QNT in package: <span class="font-semibold" x-text="product.box_qty"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<template x-if="product.canShow">
<div class="text-gray-900 text-primary">
<template x-if="customerGroup != 0">
<span class="block font-semibold"> Contact your Area Sales Manager </span>
</template>
<template x-if="customerGroup == 0">
<span class="block font-semibold ">
<a href="mw-store-locator" target="_blank">Find a distributor</a>
</span>
</template>
</div>
</template>
<template x-if="!product.canShow">
<div>
<div x-show="customerGroup != 0">
<span class="block" :class="{'hidden' : !product.isConfigurable}">Starting From:</span>
<div class="text-gray-900 flex flex-wrap items-center gap-x-2 ">
<div class="flex items-end justify-between" x-show="!product.has_special_price">
<div class="text-gray-900">
<div class="price-box price-final_price">
<div class="price-container price-final_price">
<span class="price-wrapper">
<span class="price" x-html="hyva.formatPrice(product.prices.final_price.net)"></span>
</span>
</div>
</div>
</div>
<div class="flex flex-wrap justify-center items-center">
</div>
</div>
<div class="flex items-end justify-between pt-1" x-show="product.has_special_price && product.base_price.net > product.prices.final_price.net">
<div class="price-box price-final_price">
<div class="price-container price-final_price">
<span class="price-wrapper">
<span class="text-gray-900 price" x-html="hyva.formatPrice(product.prices.final_price.net)"></span>
</span>
</div>
</div>
<div class="flex flex-wrap justify-center items-center"></div>
</div>
<div class="flex items-end justify-between" x-show="product.has_special_price || product.base_price.net > product.prices.final_price.net">
<div class="price-box price-final_price">
<div class="price-container price-final_price">
<span class="price-wrapper">
<span class="sr-only special-price text-red-600" x-html="hyva.formatPrice(product.prices.final_price.net)"></span>
<span class="text-sm font-normal text-dark">TP</span>
<span class="old-price text-sm font-normal text-dark">
<span x-html="hyva.formatPrice(product.base_price.net)"></span>
</span>
</span>
</div>
</div>
<div class="flex flex-wrap justify-center items-center"></div>
</div>
</div>
<div class="hidden font-bold"> TP <span class="pl-1" x-html="hyva.formatPrice(product.base_price.gross)"></span></div>
</div>
<div x-show="customerGroup == 0">
<div class="text-gray-900 mb-1" x-show="product.rrp.net > 0">
<div class="price-box price-rrp">
<span :class="{'hidden' : !product.isConfigurable}">Starting From:</span>
<template x-if="!product.hideSrp">
<div class="price-container price-rrp">
<span class="price-wrapper">
<span class="rrp-label">SRP</span>
<span class="price" x-html="hyva.formatPrice(product.rrp.net)"></span>
</span>
</div>
</template>
</div>
</div>
<div>
<a class="btn btn-primary min-h-[32px] justify-center btn-size-sm py-0.5 gap-2 rounded-4xl block w-full mt-4 py-0.5" onclick="hyva.setCookie && hyva.setCookie(
'login_redirect',
window.location.href,
1
)" href="https://www.vtacexports.com/default/customer/account/login/" title="Login to see price">
<span>Login to see price</span>
<svg class="w-5 h-5" width="15.234" height="19.995" viewBox="0 0 15.234 19.995">
<path d="M11.617,16.234a1.9,1.9,0,1,0-1.9-1.9A1.91,1.91,0,0,0,11.617,16.234ZM17.33,7.665h-.952v-1.9a4.761,4.761,0,0,0-9.521,0H8.665a2.952,2.952,0,0,1,5.9,0v1.9H5.9A1.91,1.91,0,0,0,4,9.569V19.09a1.91,1.91,0,0,0,1.9,1.9H17.33a1.91,1.91,0,0,0,1.9-1.9V9.569A1.91,1.91,0,0,0,17.33,7.665Zm0,11.426H5.9V9.569H17.33Z" transform="translate(-4 -1)" fill="#fff"></path>
</svg>
</a>
</div>
</div>
<div x-show="hasTierPrice(product)" class="group relative w-full bg-container-lighter border-1 border-primary rounded-xl py-0.5 px-1 mt-2 hover:bg-primary transition-colors cursor-pointer overflow-hidden">
<div class="flex items-center justify-center text-center font-semibold text-primary uppercase opacity-100 group-hover:opacity-0 transition-all truncate"> Buy <span
x-text="getTierPriceQty(product)"></span> for <span x-html="hyva.formatPrice(getTierPriceValue(product))"></span> each </div>
<div class="absolute flex items-center justify-center w-full h-full top-0 left-0 text-center text-small font-semibold text-white uppercase opacity-0 z-10 group-hover:opacity-100 transition-all truncate"> Take advantage of
the promotion </div>
</div>
</div>
</template>
</div>
</div>
</template>
<span id="infinite-scroll-trigger"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required">
<label class="label" for="form-login-username" form="login-form">
<span>Email Address</span>
</label>
<div class="control">
<input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required="" class="form-input input-text">
</div>
</div>
<div class="field password required">
<label for="form-login-password" class="label" form="login-form">
<span>Password</span>
</label>
<div class="control">
<input name="password" id="form-login-password" type="password" class="form-input input-text" required="" x-ref="customer-password" @change="errors = 0">
</div>
</div>
<input name="context" type="hidden" value="checkout">
<div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
<button type="submit" class="inline-flex btn btn-primary"> Sign In </button>
<a href="https://www.vtacexports.com/default/customer/account/forgotpassword/">
Forgot Your Password? </a>
</div>
</div>
</form>POST https://www.vtacexports.com/default/newsletter/subscriber/new/
<form class="form subscribe" action="https://www.vtacexports.com/default/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()" id="newsletter-validate-detail">
<div class="mb-3 text-sm font-medium tracking-widest text-white title-font"> Join our mailing list. </div>
<div class="relative flex flex-wrap justify-center gap-2 md:justify-start">
<label for="newsletter-subscribe" class="sr-only"> Email Address </label>
<input name="email" type="email" required="" id="newsletter-subscribe" class="form-input inline-flex w-full h-11 text-sm border-0 text-white placeholder:font-semibold placeholder:text-black placeholder:text-sm border-transparent
focus:outline-none focus:ring-0 focus:border-0 focus:shadow-none bg-secondary rounded-2xl py-2.5 pl-5 pr-16 truncate" placeholder="Email">
<input name="form_key" type="hidden" value="wwlblDvw6xagh7Dr">
<div class="field choice consent">
<input type="checkbox" name="is_consented" value="1" id="is_consented" class="checkbox" required="">
<label for="is_consented" class="label"><span>I agree to the <a href="/privacy-policy-cookie-restriction-mode" target="_blank">Privacy Policy</a></span></label>
</div>
<button class="absolute top-0 right-0 flex items-center justify-center w-14 h-11 border-0 bg-transparent rounded z-10">
<span class="sr-only">Subscribe</span>
<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" class="w-5 h-5 stroke-white" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m17 8 4 4m0 0-4 4m4-4H3"></path>
<title>arrow-narrow-right</title>
</svg>
</span>
</button>
</div>
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
<title>exclamation-circle</title>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</form>POST https://www.vtacexports.com/default/newsletter/subscriber/new/
<form class="form subscribe" action="https://www.vtacexports.com/default/newsletter/subscriber/new/" method="post" x-data="initNewsletterFormFooter()" @submit.prevent="submitForm()" id="newsletter-footer-validate-detail">
<div class="relative flex flex-wrap gap-2">
<label for="newsletter-subscribe-footer" class="text-lg text-primary font-semibold lg:text-2xl ml-0"> Register for newsletter </label>
<input name="email" type="email" required="" id="newsletter-subscribe-footer" class="form-input inline-flex w-full h-11 text-sm border-primary text-white placeholder:font-semibold placeholder:text-white placeholder:text-sm
focus:outline-none focus:ring-0 focus:shadow-none bg-secondary rounded-2xl py-2.5 pl-5 pr-16 truncate" placeholder="Enter your e-mail">
<input name="form_key" type="hidden" value="wwlblDvw6xagh7Dr">
<div class="field choice consent">
<input type="checkbox" name="is_consented" value="1" id="is_consented" class="checkbox" required="">
<label for="is_consented" class="label"><span>I agree to the <a href="/privacy-policy-cookie-restriction-mode" target="_blank">Privacy Policy</a></span></label>
</div>
<button class="btn btn-primary mt-2">
<span>Subscribe now</span>
</button>
</div>
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
<title>exclamation-circle</title>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</form>Text Content
Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more Settings Agree PRIVACY OVERVIEW x This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience. CHEVRON-UP CHEVRON-DOWN ESSENTIAL Cookie list: CART CATEGORY_INFO COMPARE CUSTOMER CUSTOMER_AUTH CUSTOMER_INFO CHEVRON-UP CHEVRON-DOWN MARKETING Cookie list: CUSTOMER_SEGMENT_IDS EXTERNAL_NO_CACHE FRONTEND GUEST-VIEW LAST_CATEGORY LAST_PRODUCT NEWMESSAGE NO_CACHE PERSISTENT_SHOPPING_CART CHEVRON-UP CHEVRON-DOWN GOOGLE ANALYTICS Cookie list: RECENTLYCOMPARED STF STORE USER_ALLOWED_SAVE_COOKIE VIEWED_PRODUCT_IDS WISHLIST WISHLIST_CNT Save * Solar Catalogue * Lighting Catalogue * About us * Where to buy * Blog * Become our partner Skip to Content My Quote Cart SKU Qty Cart Subtotal: View and Edit Cart menu Search Search search Show Filters x-circle Category Color Temperature Watts Unit Color Base Shape IP Rating Dimmable Type LED Chip Type Promo Audio Charging Time Input Current Linkable Night Vision Plug Type Sensor Type Wire Length Size Installation Type Output Voltage Dimmable Compatible App No results found. Products SKU i Stock Global stock: Local stocks: Global transit: Local transit: ETA: QNT in package: Contact your Area Sales Manager Find a distributor Starting From: TP TP Starting From: SRP Login to see price Buy for each Take advantage of the promotion Language UK EU Poland ME / Asia / Africa Language UK EU Poland ME / Asia / Africa Login | | 0 item items Compare My Account My Wish List Cart 0 Cart 0 x menu LED Lighting LED Lighting LED Bulbs LED Spotlights LED Tubes LED Mini Panels LED Panels LED Downlights LED Dome Lights LED Strip Lights LED Tracklights Linear Lights LED Floodlights LED Highbays LED Streetlights LED Wall Lights Emergency Lights Outdoor Lighting Solar Lights Floor Lamps Table Lamps Motion Sensors LED Batten Fittings LED Ring Lights Decorative Lighting Decorative Lighting Pendant Holders Chandeliers Designer Ceiling Lights Designer Soft Lights LED Pendant Lights Mirror Lights Designer Garden Lights Bamboo Lights Designer Lamps String Lights Pendant Fittings Accessories Smart Products Smart Products Smart Electronics plus-sm minus-sm Sockets Plugs Switches Doorbells Outdoor Cameras Indoor Cameras Power Strips Temperature Sensor Remote Controls Accessories Robot Vacuum Thermostats Fans Controllers View all Smart Products Smart LED Lights plus-sm minus-sm LED Downlights Lamp Holders LED Tracklights Strip Kits LED Floodlights Designer Ceiling Lights Bulbs Spotlights Panels Designer Dome Lights Spike Lights Ambiance Lamp Smart Light plus-sm minus-sm Robot Vacuum Bulbs Fan Dome Lights Strip Kits Camera plus-sm minus-sm Video Doorbell Outdoor Camera Indoor Camera Smart Home plus-sm minus-sm Switches Sockets Plugs Dimmers Digital Accessories Digital Accessories Charger plus-sm minus-sm Wall Chargers Wireless Chargers Car Chargers View all Digital Accessories Power Bank plus-sm minus-sm Portable Power Banks Wireless Power Banks Solar Power Banks USB Cable plus-sm minus-sm Micro USB Cables Type C USB Cables MFi USB Cables Converter Multifunction USB Cables Headphones plus-sm minus-sm In-Ear Headphones On-Ear Headphones Speakers plus-sm minus-sm Portable Speakers Trolley Speakers Electrical Electrical Adapters & Sockets plus-sm minus-sm Adapters Extension Sockets Extension Cables Garden Sockets Wall Sockets View all Electrical Fan plus-sm minus-sm Desk Fan Stand Fan Tower Fan Ceiling Fan Box Fan Switches & Dimmer plus-sm minus-sm Touch Switches Doorbell Switches Wireless Switches Kinetic Receivers Dimmers Cable Tie plus-sm minus-sm Nylon Cable Tie Stainless Steel Cable Tie Insect Killer plus-sm minus-sm Electronic Insect Killer Solar Bug Zapper Vacuum Cleaner plus-sm minus-sm Robot Vacuum Heater plus-sm minus-sm Glass Panel Heater LED Screen plus-sm minus-sm P5 Screen P6 Screen P4 Screen P3 Screen Accessories Electric Power System plus-sm minus-sm Lead Acid Batteries LiFePO4 Batteries UV Lamps plus-sm minus-sm UV Germicidal Lamp Speakers plus-sm minus-sm Portable Speakers Headphones plus-sm minus-sm In-Ear Headphones On-Ear Headphones Energy Energy Solar Panels plus-sm minus-sm Mono Solar Panels Accessories BiFacial Solar Panel View all Energy Solar Inverters plus-sm minus-sm Hybrid On-Grid Accessories Microinverters Portable Power Stations plus-sm minus-sm Portable Power Stations-300W Portable Power Stations-500W Portable Power Stations-1000W Portable Power Stations-2000W Portable Power Stations-600W Meters plus-sm minus-sm Accessories Smart Meters Battery Storage Solutions plus-sm minus-sm Wall Mounted Rack Mounted Accessories Smart ESS Solution Container Battery Solar PV Set plus-sm minus-sm Solar PV set Energy Storage Solutions plus-sm minus-sm Mini Storage Mini Storage Plus EV Charger plus-sm minus-sm EV Charger-7000W All in One plus-sm minus-sm AIO Hybrid Inverters Battery Packs Control Box Accessories Arrivals Arrivals LED Wall Lights LED Bulbs LED Floodlights LED Dome Lights Designer Lamps LED Highbays LED Mini Panels LED Downlights Back in Stock Back in Stock Solar Panels LED Batten Fittings LED Bulbs LED Spotlights LED Dome Lights Motion Sensors LED Panels Solar Inverters LED Strip Lights Cable Tie Linear Lights TOP Products TOP Products LED Floodlights LED Spotlights * login Login * Cart () * | | 0 item items Compare * My Wish List LED Lighting LED Bulbs chevron-right View all LED Bulbs View all LED Lighting Thermoplastic Big Bulbs PAR Bulbs Amber Filament Clear Filament Designer Bulbs Frost Filaments Color Bulbs Smart Bulbs Retail Packs String Lights Accessories LED Spotlights chevron-right View all LED Spotlights View all LED Lighting Capsule Lights Lens 10° Lens 38° Lens 110° GU10 Milky 100° Milky Cover 100° Milky Cover 110° Smart Spotlights AR111 Series Retail Packs Fittings & Accessories Module Spotlights Lens 90° LED Tubes chevron-right View all LED Tubes View all LED Lighting T8 Tubes T5 Tubes Commercial Tubes Batten Fittings with Tubes Batten Fittings LED Mini Panels chevron-right View all LED Mini Panels View all LED Lighting Premium Series Adjustable Panels Edge Panels Trimless Series Glass Series Linear Series SG Series Slim Series Surface Series Trimless Surface Series Twin LED Surface Recessed Series Drivers Accessories LED Panels chevron-right View all LED Panels View all LED Lighting 60x60 Panels 62x62 Panels 120x30 Panels 120x60 Panels Surface Panels Drivers Accessories Louver Fitting LED Downlights chevron-right View all LED Downlights View all LED Lighting Reflector Series Hotel Downlights Fire Rated Zoom Lights Cabinet Lights Spotlights Accessories LED Dome Lights chevron-right View all LED Dome Lights View all LED Lighting Bulkhead Slim Dome Lights Sensor Dome lights Dome Lights Accessories LED Strip Lights chevron-right View all LED Strip Lights View all LED Lighting Striplights-IP20 Striplights-IP65 Striplights-IP67 Striplight Kits Neon Flex LED Bar LED Modules Power Supplies Mounting Kit Accessories LED Tracklights chevron-right View all LED Tracklights View all LED Lighting 4 Line Tracklights Magnetic Tracklights Smart Tracklights Accessories Linear Lights chevron-right View all Linear Lights View all LED Lighting Linear Hanging Lights Linear Trunking Lights Linear Recessed Lights Linear Surfaced Lights Accessories LED Floodlights chevron-right View all LED Floodlights View all LED Lighting Slimline Series High Power Series Sensor Floodlights Rechargeable lights Smart Floodlights Work Floodlights Star Series Big Body Series Accessories LED Highbays chevron-right View all LED Highbays View all LED Lighting Reflector Series UFO Series Linear Lowbays Canopy Lights Accessories LED Streetlights chevron-right View all LED Streetlights View all LED Lighting Streetlights Garden Lights Suspended Streetlights Accessories LED Wall Lights chevron-right View all LED Wall Lights View all LED Lighting Up-Down Lights 4 Sided Lights Rotatable Lights Focus Lights Wall Lights - Switch Indoor Wall Lights Outdoor Wall Lights Bollard Lights Step Lights Night Lights Wall Fittings & Cabinet Emergency Lights chevron-right View all Emergency Lights View all LED Lighting Emergency Lights Exit lights Outdoor Lighting chevron-right View all Outdoor Lighting View all LED Lighting Wall Fixtures Underground Lighting Pool Lights Wall Lamps Bollard Lamps Pole Lamps Garden Spikes Stand Lamps Ceiling Lamps Garden Lights Rechargeable Lights Lawn Lamps Solar Lights chevron-right View all Solar Lights View all LED Lighting Wall Lights Egg Lights Flame Lights String Lights Bollard Lights Streetlights Floodlights Garden Lights Bulkhead Solar Bulbs Tubes Strip Lights Table Lamps Solar Panels Floor Lamps chevron-right View all Floor Lamps View all LED Lighting LED Floor Lights Floor Lamps Table Lamps chevron-right View all Table Lamps View all LED Lighting Table Lamps Desk Lamps Hanging Lamps Motion Sensors chevron-right View all Motion Sensors View all LED Lighting Infrared Sensors Microwave Sensors Photocell Sensors Daylight Sensors LED Batten Fittings chevron-right View all LED Batten Fittings View all LED Lighting Waterproof Fittings Slim Fittings T5 With Fitting LED Batten Fittings IP20 Accessories LED Batten Fittings IP65 LED Ring Lights chevron-right View all LED Ring Lights View all LED Lighting Decorative Lighting Pendant Holders chevron-right View all Pendant Holders View all Decorative Lighting Chrome Holders Concrete Holders Metal Holders Porcelain Holders Silicone Holders Wooden Holders Metal Holder Chandeliers chevron-right View all Chandeliers View all Decorative Lighting 2 Step Chandeliers 3 Step Chandeliers Soft Chandeliers Designer Ceiling Lights chevron-right View all Designer Ceiling Lights View all Decorative Lighting Designer Starlight Series Designer Dome Lights Designer Wall Lights Designer Pendant Lights Designer Ceiling Lights Sleek Pendant Lights Sleek Ceiling Lights Designer Ceiling Fittings Designer Soft Lights chevron-right View all Designer Soft Lights View all Decorative Lighting Designer Hanging Pendants Designer Surface Pendants Designer Wall Lights Designer Table Lights LED Pendant Lights chevron-right View all LED Pendant Lights View all Decorative Lighting Pendant Lights With Shade Pendant Lights-Adjustable Mirror Lights chevron-right View all Mirror Lights View all Decorative Lighting Wall Mirror Lights Surface Mirror Lights Mirror Lights With Switch Mirror Lights Table Mirror Lights Designer Garden Lights chevron-right View all Designer Garden Lights View all Decorative Lighting Table Lights Stool Lights Ball Lights Cube Lights Pot Lights Ice Bucket Lights Stone Lights Solar Garden Lights Bamboo Lights chevron-right View all Bamboo Lights View all Decorative Lighting Bamboo Pendant Lights Bamboo Floor Lights Bamboo Wall Lights Bamboo Table Lights Designer Lamps chevron-right View all Designer Lamps View all Decorative Lighting Designer Wall Lamps Designer Table Lamps Designer Floor Lamps String Lights chevron-right View all String Lights View all Decorative Lighting String Lights Pendant Fittings chevron-right View all Pendant Fittings View all Decorative Lighting Copper Series Vintage Series Glass Metal Series Metal Series Can Shaped 3D Glass Series Glass Wood Series Sand Finish Series Hemp Rope Modern Wooden Top Bottle Pendant Fittings Danish Wood Series Geometric Series Concrete Series Aluminum Series Double Glass Series Pendant With Slide Prism Series Wooden Series Acrylic Series Bottle Pendants Hem Rope Series Marble Series Accessories chevron-right View all Accessories View all Decorative Lighting Smart Products Smart Electronics chevron-right View all Smart Electronics View all Smart Products Sockets Plugs Switches Doorbells Outdoor Cameras Indoor Cameras Power Strips Temperature Sensor Remote Controls Accessories Robot Vacuum Thermostats Fans Controllers Smart LED Lights chevron-right View all Smart LED Lights View all Smart Products LED Downlights Lamp Holders LED Tracklights Strip Kits LED Floodlights Designer Ceiling Lights Bulbs Spotlights Panels Designer Dome Lights Spike Lights Ambiance Lamp Smart Light chevron-right View all Smart Light View all Smart Products Robot Vacuum Bulbs Fan Dome Lights Strip Kits Camera chevron-right View all Camera View all Smart Products Video Doorbell Outdoor Camera Indoor Camera Smart Home chevron-right View all Smart Home View all Smart Products Switches Sockets Plugs Dimmers Digital Accessories Charger chevron-right View all Charger View all Digital Accessories Wall Chargers Wireless Chargers Car Chargers Power Bank chevron-right View all Power Bank View all Digital Accessories Portable Power Banks Wireless Power Banks Solar Power Banks USB Cable chevron-right View all USB Cable View all Digital Accessories Micro USB Cables Type C USB Cables MFi USB Cables Converter Multifunction USB Cables Headphones chevron-right View all Headphones View all Digital Accessories In-Ear Headphones On-Ear Headphones Speakers chevron-right View all Speakers View all Digital Accessories Portable Speakers Trolley Speakers Electrical Adapters & Sockets chevron-right View all Adapters & Sockets View all Electrical Adapters Extension Sockets Extension Cables Garden Sockets Wall Sockets Fan chevron-right View all Fan View all Electrical Desk Fan Stand Fan Tower Fan Ceiling Fan Box Fan Switches & Dimmer chevron-right View all Switches & Dimmer View all Electrical Touch Switches Doorbell Switches Wireless Switches Kinetic Receivers Dimmers Cable Tie chevron-right View all Cable Tie View all Electrical Nylon Cable Tie Stainless Steel Cable Tie Insect Killer chevron-right View all Insect Killer View all Electrical Electronic Insect Killer Solar Bug Zapper Vacuum Cleaner chevron-right View all Vacuum Cleaner View all Electrical Robot Vacuum Heater chevron-right View all Heater View all Electrical Glass Panel Heater LED Screen chevron-right View all LED Screen View all Electrical P5 Screen P6 Screen P4 Screen P3 Screen Accessories Electric Power System chevron-right View all Electric Power System View all Electrical Lead Acid Batteries LiFePO4 Batteries UV Lamps chevron-right View all UV Lamps View all Electrical UV Germicidal Lamp Speakers chevron-right View all Speakers View all Electrical Portable Speakers Headphones chevron-right View all Headphones View all Electrical In-Ear Headphones On-Ear Headphones Energy Solar Panels chevron-right View all Solar Panels View all Energy Mono Solar Panels Accessories BiFacial Solar Panel Solar Inverters chevron-right View all Solar Inverters View all Energy Hybrid On-Grid Accessories Microinverters Portable Power Stations chevron-right View all Portable Power Stations View all Energy Portable Power Stations-300W Portable Power Stations-500W Portable Power Stations-1000W Portable Power Stations-2000W Portable Power Stations-600W Meters chevron-right View all Meters View all Energy Accessories Smart Meters Battery Storage Solutions chevron-right View all Battery Storage Solutions View all Energy Wall Mounted Rack Mounted Accessories Smart ESS Solution Container Battery Solar PV Set chevron-right View all Solar PV Set View all Energy Solar PV set Energy Storage Solutions chevron-right View all Energy Storage Solutions View all Energy Mini Storage Mini Storage Plus EV Charger chevron-right View all EV Charger View all Energy EV Charger-7000W All in One chevron-right View all All in One View all Energy AIO Hybrid Inverters Battery Packs Control Box Accessories Arrivals LED Wall Lights chevron-right View all LED Wall Lights View all Arrivals LED Bulbs chevron-right View all LED Bulbs View all Arrivals LED Floodlights chevron-right View all LED Floodlights View all Arrivals LED Dome Lights chevron-right View all LED Dome Lights View all Arrivals Designer Lamps chevron-right View all Designer Lamps View all Arrivals LED Highbays chevron-right View all LED Highbays View all Arrivals LED Mini Panels chevron-right View all LED Mini Panels View all Arrivals LED Downlights chevron-right View all LED Downlights View all Arrivals Back in Stock Solar Panels chevron-right View all Solar Panels View all Back in Stock LED Batten Fittings chevron-right View all LED Batten Fittings View all Back in Stock LED Bulbs chevron-right View all LED Bulbs View all Back in Stock LED Spotlights chevron-right View all LED Spotlights View all Back in Stock LED Dome Lights chevron-right View all LED Dome Lights View all Back in Stock Motion Sensors chevron-right View all Motion Sensors View all Back in Stock LED Panels chevron-right View all LED Panels View all Back in Stock Solar Inverters chevron-right View all Solar Inverters View all Back in Stock LED Strip Lights chevron-right View all LED Strip Lights View all Back in Stock Cable Tie chevron-right View all Cable Tie View all Back in Stock Linear Lights chevron-right View all Linear Lights View all Back in Stock TOP Products LED Floodlights chevron-right View all LED Floodlights View all TOP Products LED Spotlights chevron-right View all LED Spotlights View all TOP Products x MY CART Qty pencil Subtotal: Checkout or View and Edit Cart loader Loading... MY CART You have no items in your shopping cart. MY CART You have no items in your shopping cart. x CHECKOUT USING YOUR ACCOUNT Email Address Password Sign In Forgot Your Password? CHECKOUT AS A NEW CUSTOMER Creating an account has many benefits: * See order and shipping status * Track order history * Check out faster Create an Account x OUR PARTNERSHIP WITH SAMSUNG ELECTRONICS LTD. V-TAC’s drive to deliver premium-tier products led to an innovative partnership with Samsung – a world leader in LED lighting components and solutions. The PRO Series is the latest development on V-TAC’s extensive range of LED products in collaboration with Samsung. The series catalogue boasts of having a five-year warranty, equipped with highly-acclaimed Samsung LED chips. The PRO-Series provides quality in every lumen. Download Catalogue RENEWABLE ENERGY SOLUTIONS FOR BRIGHTER TOMORROW We offer solutions for harvesting, storing, and utilizing solar energy to achieve the best energy efficient system for your residential or business space. With the advancement of our solar portfolio, we are moving towards promoting sustainable practices, taking a step towards a better tomorrow. V-TAC stands for complete energy solutions: solar panels, inverters, battery packs, power stations and heat pumps – find all the products and accessories under one umbrella. Innovation has been our core from the beginning. But we aren’t just innovators. We are problem solvers. We innovate to make positive impact. Not just for our customers, but for the human race. Driven by our passion to provide the most efficient products and solutions, we are fully committed to building a brighter yet sustainable future. From providing you with efficient lighting, we’re going to the next level. The V-TAC Energy catalogue aims to provide you with an end-to-end solution in lowering your carbon footprint by using clean energy from an efficient solar energy system. Switching to clean energy is a smart and reliable choice – it’s possible to farm power and store it simultaneously with the right system. Visit Website HIGHLY ACCREDITED GLOBALLY When you buy a product from V-TAC you can be well assured that it meets every quality standard required. Our products are tested to match the highest industry grades so you always get a product that will match your quality expectations in every way possible. SOLVING THE WORLD’S PROBLEMS WITH MEANINGFUL INNOVATION We understand customers’ challenges and use our team’s extensive experience in innovation and our worldwide footprint to deliver sustainable solutions across industries around the globe. View All LED LIGHTING view all SMART ELECTRONICS view all SMART LIGHTING view all DECORATIVE LIGHTS view all ENERGY view all DIGITAL ACCESSORIES CONSISTENT STOCK AVAILABILITY AND QUICK DELIVERY V-TAC’s large-scale logistics network provides our customers with efficient delivery throughout the globe. As a partner, V-TAC listens to your needs by offering consistent stock throughout our vast range. V-TAC also offers great support to our preferred distributors through free and priority delivery of high-volume orders. JOIN THE V-TAC FAMILY ACHIEVED $150M Total Brand Turnover PRESENCE IN OVER 70 Countries OVER 4500+ SKU’s Developed GLOBAL COMPANY V-TAC was founded with the vision of providing energy-efficient LED lighting solutions worldwide. While building a vast portfolio in LED lighting over the past years, we were also able to build expertise in innovation and expand our R&D team to offer a diversified catalogue with over 3500 products to our clients and partners all over the UK and Europe. Utilizing our brand value and manufacturing technologies, we have been expanding our product categories beyond lighting, with one mission to improve the lives of humanity worldwide. Now, we are moving towards promoting sustainable practices that will help citizens and businesses lower their carbon footprint, and become a global leader in providing energy efficient systems – including solar panels, inverters, battery packs, and power stations. London, UK Poland Hungary Romania Sofia, Bulgaria Dubai, UAE Mumbai, India Guangdong, China Morocco DOWNLOAD BROCHURE Download our digital brochure and get all the information you need on our innovative range of products. NEVER MISS OUT ON THE LATEST PRODUCTS AND TECHNOLOGIES ON LIGHTING, RENEWABLE ENERGY, AND MORE. Join our mailing list. Email Address I agree to the Privacy Policy Subscribe arrow-narrow-right exclamation-circle Categories * LED Lighting * Decorative Lighting * Smart Products * Digital Accessories * Electrical * Energy Support * E-Catalog * Samsung E-Catalog Company * About us * How does it work * Contact us * Become our partner Legal * General conditions * FAQs * Privacy Policy * Terms & Conditions * Legal warning Account * Manage Your Account * Trade Account Who We Are V-TAC is a global company that offers high-quality lighting, electrical, digital, and energy products to consumers and spaces worldwide. V-TAC House, Kelpatrick Road, Slough, Berkshire, SL1 6BW, UK. +442072991212 info@vtacexports.com * * * * * Register for newsletter I agree to the Privacy Policy Subscribe now exclamation-circle Copyright © 2023 V-TAC, Inc. All rights reserved.