<turbo-stream action="append" target="infinite-scroll-container"><template><div class='card product-card'>
<div class='card-body product-twister' data-controller='product-twister' data-product-twister-json-data-value='{&quot;model_number&quot;:&quot;V-1220&quot;,&quot;sqid&quot;:&quot;w1ZSPk97ve&quot;,&quot;variants&quot;:[{&quot;sqid&quot;:&quot;SmphFLaBUz&quot;,&quot;part_number&quot;:&quot;V-1220-2&quot;,&quot;url&quot;:&quot;/products/V-1220-2/voltive-control-and-automation-cable-blue-1000ft-box&quot;,&quot;msrp&quot;:399.99,&quot;price&quot;:399.99,&quot;main_listing_image&quot;:&quot;https://nx-erp-public.s3.us-west-2.amazonaws.com/e395o0m690di6v0fig9zgnucfi4c&quot;,&quot;quantity_available&quot;:14,&quot;color&quot;:&quot;Blue&quot;,&quot;length&quot;:&quot;1000ft&quot;,&quot;packaging&quot;:&quot;Box&quot;},{&quot;sqid&quot;:&quot;dHq6awHWnY&quot;,&quot;part_number&quot;:&quot;V-1220-1&quot;,&quot;url&quot;:&quot;/products/V-1220-1/voltive-control-and-automation-cable-teal-1000ft-box&quot;,&quot;msrp&quot;:399.99,&quot;price&quot;:399.99,&quot;main_listing_image&quot;:&quot;https://nx-erp-public.s3.us-west-2.amazonaws.com/9b00a7qza5go4a1688rxwdprq1hh&quot;,&quot;quantity_available&quot;:26,&quot;color&quot;:&quot;Teal&quot;,&quot;length&quot;:&quot;1000ft&quot;,&quot;packaging&quot;:&quot;Box&quot;}]}'>
<div class='row g-3'>
<div class='col-md-3'>
<a target="_top" data-product-twister-target="variantLink" href="/products/V-1220-1/voltive-control-and-automation-cable-teal-1000ft-box"><img class="img-fluid w-100" data-product-twister-target="image" data-default-image="/assets/missing_image-308a6302.png" alt="V-1220-1" src="https://nx-erp-public.s3.us-west-2.amazonaws.com/9b00a7qza5go4a1688rxwdprq1hh" />
</a></div>
<div class='col-md-9'>
<h3 class='mb-1 product-title animate-underline'>
<a target="_top" class="animate-target" data-product-twister-target="variantLink" href="/products/V-1220-1/voltive-control-and-automation-cable-teal-1000ft-box">22/2 Shielded + 18/2 In-Wall Control Cable</a>
</h3>
<div class='variant-option-list d-flex gap-3 mb-1'>
<div class='variant-option-item'>
<div class='variant-option-label'>Model #:</div>
<div class='variant-option-value'>V-1220</div>
</div>
<div class='variant-option-item'>
<div class='variant-option-label'>Part #:</div>
<div class='variant-option-value' data-label-type='part_number' data-product-twister-target='label'>V-1220-1</div>
</div>
</div>
<div>Automation/control cable for Lutron and Crestron systems. 22/2 w/ shield &amp; drain wire + 18/2 unshielded. General Purpose (CL3) fire safety rated. UL Listed.</div>
<hr class='my-3'>
<form data-action="turbo:submit-end-&gt;product-twister#addedToCart" data-heya-scope="pageview" action="/cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vnIeXdbNRbwF44tT0Pa5QUU5Ud225O-cPxI1TG6cn77VROijUoVP4StswzxC8G3xSkAHmCKG6xh_4b0qfZOTIQ" autocomplete="off" /><input type="hidden" name="part_number" id="part_number" value="V-1220-1" data-product-twister-target="hiddenField" autocomplete="off" />
<div class='product-twister--index'>
<div class='product-twister--options'>
<div class='product-twister--option'>
<div class='h6'>
<span class='fw-normal'>Color:</span>
<span class='fw-bold' data-label-type='color' data-product-twister-target='label'>Teal</span>
</div>
<div class='d-flex flex-wrap gap-2'>
<div class='form-check form-option text-center'>
<input type="radio" name="color" id="v-1220-color-blue" value="Blue" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="color" data-option-value="Blue" />
<label class="form-option-label" for="v-1220-color-blue"><span class='form-option-color' style='background-image: url(&#39;https://nx-erp-public.s3.us-west-2.amazonaws.com/erivjv9hxrfdnmc4qblriz9ojv8y&#39;); background-size: cover; background-position: center;'></span>
</label><label class="d-block fs-xs mt-n1" for="v-1220-color-blue">Blue</label>
</div>
<div class='form-check form-option text-center'>
<input type="radio" name="color" id="v-1220-color-teal" value="Teal" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="color" data-option-value="Teal" checked="checked" />
<label class="form-option-label" for="v-1220-color-teal"><span class='form-option-color' style='background-image: url(&#39;https://nx-erp-public.s3.us-west-2.amazonaws.com/p1tkkqc669v2ho100vdz6zulrd1x&#39;); background-size: cover; background-position: center;'></span>
</label><label class="d-block fs-xs mt-n1" for="v-1220-color-teal">Teal</label>
</div>
</div>
</div>
<div class='product-twister--option'>
<div class='h6'>
<span class='fw-normal'>Length:</span>
<span class='fw-bold' data-label-type='length' data-product-twister-target='label'>1000ft</span>
</div>
<div class='d-flex flex-wrap gap-2'>
<div class='form-check form-option text-center'>
<input type="radio" name="length" id="v-1220-length-1000ft" value="1000ft" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="length" data-option-value="1000ft" checked="checked" />
<label class="form-option-label" for="v-1220-length-1000ft">1000ft</label>
</div>
</div>
</div>
<div class='product-twister--option'>
<div class='h6'>
<span class='fw-normal'>Packaging:</span>
<span class='fw-bold' data-label-type='packaging' data-product-twister-target='label'>Box</span>
</div>
<div class='d-flex flex-wrap gap-2'>
<div class='form-check form-option text-center'>
<input type="radio" name="packaging" id="v-1220-packaging-box" value="Box" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="packaging" data-option-value="Box" checked="checked" />
<label class="form-option-label" for="v-1220-packaging-box">Box</label>
</div>
</div>
</div>
</div>

<div class='product-twister--index-fields'>
<div class='product-twister--prices'>
<div class='h3 fs-1 mb-0' data-product-twister-target='price'>
$399.99
</div>
</div>

<div class='product-twister--quantity'>
<div class="quantity-input-group" data-controller="number-incrementer"><button type="button" class="quantity-input-group-minus" data-action="number-incrementer#decrement">&minus;</button><input type="number" name="quantity" id="quantity" value="1" min="1" max="100" step="1" class=" form-control" data-product-twister-target="quantityField" data-action="change-&gt;product-twister#quantityUpdated" data-number-incrementer-target="input" /><button type="button" class="quantity-input-group-plus" data-action="number-incrementer#increment">&plus;</button></div>
</div>

<div class='product-twister--submit-button'>
<div class='d-none' data-product-twister-target='productOutOfStockContent'>
Out of Stock
</div>
<div class='d-none' data-product-twister-target='productUnavailableContent'>
Unavailable
</div>
<div class='d-none' data-product-twister-target='addToCartContent'>
<div class='show-when-enabled'>
<i class="fa-light fa-cart-shopping fa-fw me-2" aria-hidden="true"></i>
Add to Cart
</div>
<div class='show-when-disabled'>
<span aria-hidden='true' class='spinner-border spinner-border-sm me-2' role='status'></span>
Adding to Cart
</div>

</div>
<button name="button" type="submit" class="btn btn-lg d-flex justify-content-center flex-auto btn-primary" data-product-twister-target="addToCartButton"><div class='show-when-enabled'>
<i class="fa-light fa-cart-shopping fa-fw me-2" aria-hidden="true"></i>
Add to Cart
</div>
<div class='show-when-disabled'>
<span aria-hidden='true' class='spinner-border spinner-border-sm me-2' role='status'></span>
Adding to Cart
</div>

</button></div>

</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class='card product-card'>
<div class='card-body product-twister' data-controller='product-twister' data-product-twister-json-data-value='{&quot;model_number&quot;:&quot;V-1327&quot;,&quot;sqid&quot;:&quot;JN7Rv7y1Yp&quot;,&quot;variants&quot;:[{&quot;sqid&quot;:&quot;Y7aQUyBxkF&quot;,&quot;part_number&quot;:&quot;V-1327-2&quot;,&quot;url&quot;:&quot;/products/V-1327-2/voltive-control-and-automation-cable-blue-1000ft-box&quot;,&quot;msrp&quot;:429.99,&quot;price&quot;:429.99,&quot;main_listing_image&quot;:&quot;https://nx-erp-public.s3.us-west-2.amazonaws.com/nm3evpf2f4x6ycvdae1x919rm53y&quot;,&quot;quantity_available&quot;:60,&quot;color&quot;:&quot;Blue&quot;,&quot;length&quot;:&quot;1000ft&quot;,&quot;packaging&quot;:&quot;Box&quot;},{&quot;sqid&quot;:&quot;Q2a0LFujkH&quot;,&quot;part_number&quot;:&quot;V-1327-1&quot;,&quot;url&quot;:&quot;/products/V-1327-1/voltive-control-and-automation-cable-teal-1000ft-box&quot;,&quot;msrp&quot;:429.99,&quot;price&quot;:429.99,&quot;main_listing_image&quot;:&quot;https://nx-erp-public.s3.us-west-2.amazonaws.com/agee2kjr1c195h9xame8p2wjh2al&quot;,&quot;quantity_available&quot;:40,&quot;color&quot;:&quot;Teal&quot;,&quot;length&quot;:&quot;1000ft&quot;,&quot;packaging&quot;:&quot;Box&quot;},{&quot;sqid&quot;:&quot;ZThJ8qJbH6&quot;,&quot;part_number&quot;:&quot;V-1327-3&quot;,&quot;url&quot;:&quot;/products/V-1327-3/voltive-control-and-automation-cable-black-1000ft-box&quot;,&quot;msrp&quot;:429.99,&quot;price&quot;:429.99,&quot;main_listing_image&quot;:&quot;https://nx-erp-public.s3.us-west-2.amazonaws.com/e6i3fuxwlak0dh5plmucesq4lju2&quot;,&quot;quantity_available&quot;:18,&quot;color&quot;:&quot;Black&quot;,&quot;length&quot;:&quot;1000ft&quot;,&quot;packaging&quot;:&quot;Box&quot;}]}'>
<div class='row g-3'>
<div class='col-md-3'>
<a target="_top" data-product-twister-target="variantLink" href="/products/V-1327-1/voltive-control-and-automation-cable-teal-1000ft-box"><img class="img-fluid w-100" data-product-twister-target="image" data-default-image="/assets/missing_image-308a6302.png" alt="V-1327-1" src="https://nx-erp-public.s3.us-west-2.amazonaws.com/agee2kjr1c195h9xame8p2wjh2al" />
</a></div>
<div class='col-md-9'>
<h3 class='mb-1 product-title animate-underline'>
<a target="_top" class="animate-target" data-product-twister-target="variantLink" href="/products/V-1327-1/voltive-control-and-automation-cable-teal-1000ft-box">22/2 Shielded + 18/2 Riser Control Cable</a>
</h3>
<div class='variant-option-list d-flex gap-3 mb-1'>
<div class='variant-option-item'>
<div class='variant-option-label'>Model #:</div>
<div class='variant-option-value'>V-1327</div>
</div>
<div class='variant-option-item'>
<div class='variant-option-label'>Part #:</div>
<div class='variant-option-value' data-label-type='part_number' data-product-twister-target='label'>V-1327-1</div>
</div>
</div>
<div>Automation/control cable for Lutron and Crestron systems. 22/2 w/ shield &amp; drain wire + 18/2 unshielded. Riser (CL3R) fire safety rated. UL Listed.</div>
<hr class='my-3'>
<form data-action="turbo:submit-end-&gt;product-twister#addedToCart" data-heya-scope="pageview" action="/cart" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MLk1U6NNqn2y8ZAWuYMkErS0xvw28oqhHjPdNaAUwo9bj8OtJwWgIJx-2HkrhfCiu82QuaKQjiVewFVTsxvOEA" autocomplete="off" /><input type="hidden" name="part_number" id="part_number" value="V-1327-1" data-product-twister-target="hiddenField" autocomplete="off" />
<div class='product-twister--index'>
<div class='product-twister--options'>
<div class='product-twister--option'>
<div class='h6'>
<span class='fw-normal'>Color:</span>
<span class='fw-bold' data-label-type='color' data-product-twister-target='label'>Teal</span>
</div>
<div class='d-flex flex-wrap gap-2'>
<div class='form-check form-option text-center'>
<input type="radio" name="color" id="v-1327-color-black" value="Black" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="color" data-option-value="Black" />
<label class="form-option-label" for="v-1327-color-black"><span class='form-option-color' style='background-image: url(&#39;https://nx-erp-public.s3.us-west-2.amazonaws.com/72yu765xzpe89naqosjfdsoaq1zp&#39;); background-size: cover; background-position: center;'></span>
</label><label class="d-block fs-xs mt-n1" for="v-1327-color-black">Black</label>
</div>
<div class='form-check form-option text-center'>
<input type="radio" name="color" id="v-1327-color-blue" value="Blue" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="color" data-option-value="Blue" />
<label class="form-option-label" for="v-1327-color-blue"><span class='form-option-color' style='background-image: url(&#39;https://nx-erp-public.s3.us-west-2.amazonaws.com/erivjv9hxrfdnmc4qblriz9ojv8y&#39;); background-size: cover; background-position: center;'></span>
</label><label class="d-block fs-xs mt-n1" for="v-1327-color-blue">Blue</label>
</div>
<div class='form-check form-option text-center'>
<input type="radio" name="color" id="v-1327-color-teal" value="Teal" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="color" data-option-value="Teal" checked="checked" />
<label class="form-option-label" for="v-1327-color-teal"><span class='form-option-color' style='background-image: url(&#39;https://nx-erp-public.s3.us-west-2.amazonaws.com/p1tkkqc669v2ho100vdz6zulrd1x&#39;); background-size: cover; background-position: center;'></span>
</label><label class="d-block fs-xs mt-n1" for="v-1327-color-teal">Teal</label>
</div>
</div>
</div>
<div class='product-twister--option'>
<div class='h6'>
<span class='fw-normal'>Length:</span>
<span class='fw-bold' data-label-type='length' data-product-twister-target='label'>1000ft</span>
</div>
<div class='d-flex flex-wrap gap-2'>
<div class='form-check form-option text-center'>
<input type="radio" name="length" id="v-1327-length-1000ft" value="1000ft" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="length" data-option-value="1000ft" checked="checked" />
<label class="form-option-label" for="v-1327-length-1000ft">1000ft</label>
</div>
</div>
</div>
<div class='product-twister--option'>
<div class='h6'>
<span class='fw-normal'>Packaging:</span>
<span class='fw-bold' data-label-type='packaging' data-product-twister-target='label'>Box</span>
</div>
<div class='d-flex flex-wrap gap-2'>
<div class='form-check form-option text-center'>
<input type="radio" name="packaging" id="v-1327-packaging-box" value="Box" class="form-check-input" data-product-twister-target="optionSelect" data-action="change-&gt;product-twister#optionSelected" data-option-key="packaging" data-option-value="Box" checked="checked" />
<label class="form-option-label" for="v-1327-packaging-box">Box</label>
</div>
</div>
</div>
</div>

<div class='product-twister--index-fields'>
<div class='product-twister--prices'>
<div class='h3 fs-1 mb-0' data-product-twister-target='price'>
$429.99
</div>
</div>

<div class='product-twister--quantity'>
<div class="quantity-input-group" data-controller="number-incrementer"><button type="button" class="quantity-input-group-minus" data-action="number-incrementer#decrement">&minus;</button><input type="number" name="quantity" id="quantity" value="1" min="1" max="100" step="1" class=" form-control" data-product-twister-target="quantityField" data-action="change-&gt;product-twister#quantityUpdated" data-number-incrementer-target="input" /><button type="button" class="quantity-input-group-plus" data-action="number-incrementer#increment">&plus;</button></div>
</div>

<div class='product-twister--submit-button'>
<div class='d-none' data-product-twister-target='productOutOfStockContent'>
Out of Stock
</div>
<div class='d-none' data-product-twister-target='productUnavailableContent'>
Unavailable
</div>
<div class='d-none' data-product-twister-target='addToCartContent'>
<div class='show-when-enabled'>
<i class="fa-light fa-cart-shopping fa-fw me-2" aria-hidden="true"></i>
Add to Cart
</div>
<div class='show-when-disabled'>
<span aria-hidden='true' class='spinner-border spinner-border-sm me-2' role='status'></span>
Adding to Cart
</div>

</div>
<button name="button" type="submit" class="btn btn-lg d-flex justify-content-center flex-auto btn-primary" data-product-twister-target="addToCartButton"><div class='show-when-enabled'>
<i class="fa-light fa-cart-shopping fa-fw me-2" aria-hidden="true"></i>
Add to Cart
</div>
<div class='show-when-disabled'>
<span aria-hidden='true' class='spinner-border spinner-border-sm me-2' role='status'></span>
Adding to Cart
</div>

</button></div>

</div>
</div>
</form>
</div>
</div>
</div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="infinite-scroll-load-more"><template></template></turbo-stream>