myjukebox.com
Open in
urlscan Pro
23.227.38.65
Public Scan
Submitted URL: http://myjukebox.com/
Effective URL: https://myjukebox.com/
Submission: On December 30 via api from US — Scanned from CA
Effective URL: https://myjukebox.com/
Submission: On December 30 via api from US — Scanned from CA
Form analysis
3 forms found in the DOMPOST /cart
<form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post">
<div id="CartDrawer-CartItems" class="drawer__contents js-contents">
<p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> Loading... </p>
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
POST /cart/add
<form class="form space-y-4" id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-product-picker" accept-charset="UTF-8" enctype="multipart/form-data" data-type="add-to-cart-form" novalidate="novalidate" action="/cart/add"
data-productid="" method="post">
<div class="bg-white rounded border-sunshine border">
<div class="space-y-2 p-4 lg:p-8">
<h3 class="text-h4 text-left">Pick 6 Items</h3>
<ul data-id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="m-0 grid grid-cols-2 sm:gap-4 sm:mx-auto mb-4">
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8095212994786-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/wd-transp.png?v=1685586303&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Watermelon Disco</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Watermelon Disco</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Watermelon Disco</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[0][id]" value="44091955020002">
<input type="hidden" data-product-id="44091955020002" class="js-quantity-input-bundle-item" name="items[0][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-7910866125026-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/LFF_TRANSPARENT.png?v=1700678258&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Lavender Fields Forever</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Lavender Fields Forever</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Lavender Fields Forever</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[1][id]" value="43492587110626">
<input type="hidden" data-product-id="43492587110626" class="js-quantity-input-bundle-item" name="items[1][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-7910866583778-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/island-transparent.png?v=1677179354&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Island in the Sun</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Island in the Sun</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Island in the Sun</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[2][id]" value="43492588028130">
<input type="hidden" data-product-id="43492588028130" class="js-quantity-input-bundle-item" name="items[2][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-7910866780386-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/pink-champagne-transparent.png?v=1677179354&width=600" alt="" width="600"
height="533" loading="lazy" class="w-full">
<p class="text-body-2 px-1">Pink Champagne</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Pink Champagne</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Pink Champagne</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[3][id]" value="43492588290274">
<input type="hidden" data-product-id="43492588290274" class="js-quantity-input-bundle-item" name="items[3][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-7910866551010-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/VINYL_TRANSPARENT.png?v=1700693608&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Vanilla on Vinyl</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Vanilla on Vinyl</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Vanilla on Vinyl</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[4][id]" value="43492587962594">
<input type="hidden" data-product-id="43492587962594" class="js-quantity-input-bundle-item" name="items[4][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8063415288034-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/jukebox_031423_10736.png?v=1680433699&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Born to Be Wild</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Born to Be Wild</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Born to Be Wild</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[5][id]" value="43981903593698">
<input type="hidden" data-product-id="43981903593698" class="js-quantity-input-bundle-item" name="items[5][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8099418734818-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/RHDL_TRANSPARENT.png?v=1700677841&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Rose Hips Don't Lie</p>
<p class="text-body-3 my-1 text-vintage-black">$8 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Rose Hips Don&#39;t Lie</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Rose Hips Don&#39;t Lie</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[6][id]" value="44108799869154">
<input type="hidden" data-product-id="44108799869154" class="js-quantity-input-bundle-item" name="items[6][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8099419193570-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/rose_transparent.png?v=1688651044&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Rose Hips Don't Lie Deodorant</p>
<p class="text-body-3 my-1 text-vintage-black">$14 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Rose Hips Don&#39;t Lie Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Rose Hips Don&#39;t Lie Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[7][id]" value="44108800786658">
<input type="hidden" data-product-id="44108800786658" class="js-quantity-input-bundle-item" name="items[7][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8069060165858-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/LFFDEO-TRANSPARENT.png?v=1687271087&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Lavender Fields Forever Deodorant</p>
<p class="text-body-3 my-1 text-vintage-black">$14 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Lavender Fields Forever Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Lavender Fields Forever Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[8][id]" value="44001405403362">
<input type="hidden" data-product-id="44001405403362" class="js-quantity-input-bundle-item" name="items[8][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8084783988962-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/vanilla_on_vinyl_transparent.png?v=1695690913&width=600" alt="" width="600"
height="533" loading="lazy" class="w-full">
<p class="text-body-2 px-1">Vanilla on Vinyl Deodorant</p>
<p class="text-body-3 my-1 text-vintage-black">$14 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Vanilla on Vinyl Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Vanilla on Vinyl Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[9][id]" value="44055604265186">
<input type="hidden" data-product-id="44055604265186" class="js-quantity-input-bundle-item" name="items[9][quantity]" value="0">
</li>
<li id="template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8-8172272615650-item" class="js-product-item"><img src="//myjukebox.com/cdn/shop/files/coconut_dreaming_silo.png?v=1699912208&width=600" alt="" width="600" height="533"
loading="lazy" class="w-full">
<p class="text-body-2 px-1">Coconut Dreamin' Deodorant</p>
<p class="text-body-3 my-1 text-vintage-black">$14 </p>
<div id="Quantity-Form-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" class="mb-0 lg:mb-4flex flex-col items-center justify-center product-form__input product-form__quantity product-form__quantity-top">
<quantity-input class=" rounded flex items-center justify-center ">
<button class="max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden disabled:!bg-transparent mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full disabled" name="minus" type="button">
<span class="visually-hidden">Decrease quantity for Coconut Dreamin&#39; Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
<path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path>
</svg>
</button>
<input
class=" quantity__input !h-[40px] sm:!h-[50px] !rounded-none font-mono uppercase text-base !text-vintage-black max-w-[36px] xl:max-w-[64px] flex-grow !border-vintage-black !border-t-0 !border-b-0 focus:bg-white focus:outline-none focus:ring-0 !p-0"
type="number" name="quantity" id="Quantity-template--16657545855202__904ff3c1-464c-466d-9d2f-d067d91272a8" data-cart-quantity="0" data-min="1" min="0" step="1" value="0" form="">
<button class=" max-w-[36px] h-[40px] sm:h-[50px] quantity__button flex-none no-js-hidden mx-2 !h-[24px] !w-[24px] lg:!h-[30px] lg:!w-[30px] rounded-full" name="plus" type="button">
<span class="visually-hidden">Increase quantity for Coconut Dreamin&#39; Deodorant</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor">
</path>
</svg>
</button>
</quantity-input>
<div class="quantity__rules caption no-js-hidden"></div>
</div>
<input type="hidden" name="items[10][id]" value="44417634402530">
<input type="hidden" data-product-id="44417634402530" class="js-quantity-input-bundle-item" name="items[10][quantity]" value="0">
</li>
</ul>
</div>
<div class="space-y-2 p-4 pb-8 lg:p-8 border-t border-sunshine js-product-item">
<div class="max-w-lg">
<h3 class="text-h4 text-left">Yes, you need a Soap Stage and a Wavy Dish!</h3>
<div class="flex relative text-left gap-4 pt-6">
<label class="lg:flex-none flex gap-2" for="quantity-selector-check">
<input type="checkbox" id="quantity-selector-check" name="quantity-selector-check" class="quantity-selector-check flex-none my-1" checked="">
<div class="w-[72px] lg:w-auto">
<img class="rounded block" src="//myjukebox.com/cdn/shop/products/Jukebox11.17883.jpg?v=1689612939&width=300" alt="Soap Stage" loading="lazy" width="150" height="150">
</div>
</label>
<div class="col-span-2 space-y-3">
<div class="space-y-1">
<h4 class="text-h5">Soap Stage</h4>
<p class="text-body-3 my-1 text-vintage-black"> $8 </p>
<div class="text-body-2"> Raise the bar! Keeps soap bar dry and elevated between uses </div><input type="hidden" name="items[0][id]" value="43830368501986"><input type="hidden" data-product-id="43830368501986" name="items[0][quantity]"
class="js-quantity-input-bundle-item" value="1">
</div>
</div>
</div>
<div class="flex relative text-left gap-4 pt-6">
<label class="lg:flex-none flex gap-2" for="quantity-selector-check">
<input type="checkbox" id="quantity-selector-check" name="quantity-selector-check" class="quantity-selector-check flex-none my-1" checked="">
<div class="w-[72px] lg:w-auto">
<img class="rounded block" src="//myjukebox.com/cdn/shop/products/Wavy2.jpg?v=1689612908&width=300" alt="Wavy Dish" loading="lazy" width="150" height="150">
</div>
</label>
<div class="col-span-2 space-y-3">
<div class="space-y-1">
<h4 class="text-h5">Wavy Dish</h4>
<p class="text-body-3 my-1 text-vintage-black"> $14 </p>
<div class="text-body-2"> This dishwasher-safe, silicone Wavy Dish is the most stylish way to store your soap </div><input type="hidden" name="items[1][id]" value="44018797740258"><input type="hidden" data-product-id="44018797740258"
name="items[1][quantity]" class="js-quantity-input-bundle-item" value="1">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="product-form__buttons block w-full">
<button type="submit" name="add" class="btn !w-full" disabled="" aria-haspopup="dialog">
<span class="relative flex items-center">
<div> Add to cart </div>
<span class="absolute right-[-24px] loading-overlay__spinner hidden">
<svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30">
</circle>
</svg>
</span>
</span>
</button>
</div>
</form>
<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-XdMQXQ" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 0px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 50px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_54488792" class="needsclick go3602438199 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 4px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(180, 187, 195);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 0 1 auto;"><button
class="needsclick go3894874857 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(48, 59, 67); border-radius: 4px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(255, 255, 255); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 50px;">→</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>
Text Content
Skip to content YOUR CART IS EMPTY Continue shopping SHOP ALL Elevate your shower experience. YOUR CART Loading... SUBTOTAL $0.00 USD Taxes and shipping calculated at checkout Update Check out FREE PINK CHAMPAGNE BAR ON ORDERS OVER $50 * Soap * Deodorant * Sets * Subscription * Shop All * Why Cold Process Soap? * About * Instagram * Spotify * Facebook * Soap * Deodorant * Sets * Subscription * Shop All * Why Cold Process Soap? * About Cart Cheers to a new year FREE PINK CHAMPAGNE Ring in the new year with a special offer. Shop now and redeem a FREE Pink Champagne bar on orders over $50. SHOP THE CELEBRATION THE BEST SMELLING SOAP ON THE INTERNET ★ ★ ★ ★ ★ THE SMELL OF EACH OF THESE IS AMAZING! I LOVED READING THROUGH THE INGREDIENTS AND KNOWING WHAT'S ACTUALLY IN THIS SOAP. Karli ★ ★ ★ ★ ★ FROM THE FIRST TIME I USED IT, I'VE BEEN HOOKED! Allison ★ ★ ★ ★ ★ I CAN'T GET ENOUGH OF THIS SOAP! MY SKIN IS SUPER DRY BUT WHEN I STARTED USING THIS SOAP I SAW A NOTICEABLE DIFFERENCE ALMOST IMMEDIATELY! Miceala Read more reviews ALWAYS THE CLEAN VERSION No parabens, phthalates, or sulfates DERMATOLOGIST TESTED Certified Cruelty Free Sustainably Sourced Made with Natural Oils BUILD YOUR SET Mix & match for your own 6-pack Buy Any 6 Items, Save $6! PICK 6 ITEMS * Watermelon Disco $8 Decrease quantity for Watermelon Disco Increase quantity for Watermelon Disco * Lavender Fields Forever $8 Decrease quantity for Lavender Fields Forever Increase quantity for Lavender Fields Forever * Island in the Sun $8 Decrease quantity for Island in the Sun Increase quantity for Island in the Sun * Pink Champagne $8 Decrease quantity for Pink Champagne Increase quantity for Pink Champagne * Vanilla on Vinyl $8 Decrease quantity for Vanilla on Vinyl Increase quantity for Vanilla on Vinyl * Born to Be Wild $8 Decrease quantity for Born to Be Wild Increase quantity for Born to Be Wild * Rose Hips Don't Lie $8 Decrease quantity for Rose Hips Don't Lie Increase quantity for Rose Hips Don't Lie * Rose Hips Don't Lie Deodorant $14 Decrease quantity for Rose Hips Don't Lie Deodorant Increase quantity for Rose Hips Don't Lie Deodorant * Lavender Fields Forever Deodorant $14 Decrease quantity for Lavender Fields Forever Deodorant Increase quantity for Lavender Fields Forever Deodorant * Vanilla on Vinyl Deodorant $14 Decrease quantity for Vanilla on Vinyl Deodorant Increase quantity for Vanilla on Vinyl Deodorant * Coconut Dreamin' Deodorant $14 Decrease quantity for Coconut Dreamin' Deodorant Increase quantity for Coconut Dreamin' Deodorant YES, YOU NEED A SOAP STAGE AND A WAVY DISH! SOAP STAGE $8 Raise the bar! Keeps soap bar dry and elevated between uses WAVY DISH $14 This dishwasher-safe, silicone Wavy Dish is the most stylish way to store your soap Add to cart YOU'LL LOVE COLD PROCESS SOAP * Contains glycerin, which naturally pulls moisture to your skin throughout the day * Lathers like a dream for ultra-smooth shave * Leaves skin with a squeaky clean, yet completely nourished feeling * Natural oils & fats combine with lye with no external heat during soap making - that's the recipe for real soap! OUR FAVORITE NATURAL INGREDIENTS Organic Shea Butter Shea butter locks in moisture and is incredibly nouishing for the skin. Natural Oils Antioxidants, fatty acid and vitamins help keep skin moisturized. Kaolin Clay Natural detoxifer that helps to cleanse and soothe skin. Natural-Origin Fragrance Designed to transport you and uplift your mood. Shop Soaps SOAPS WORTH SINGING ABOUT MEET JUKEBOX REMIX YOUR ROUTINE Feeling in tune is just a shower away. Our soaps drench the senses with good, clean beauty to wash away everything but the freshest version of you. LEARN MORE STAY IN TUNE → FOLLOW US ON SOCIAL * Instagram * Spotify * Facebook Jukebox * Shop Now * Subscription * Opening Act * Our Soaps * Our Ingredients * About Us * Reviews * Become a Partner * Wholesale * Wholesale Login * Terms of Service * Refund policy Help * FAQ * Shipping * Returns & Refunds * Contact Us * My Account * Store Locator Our Brands * © 2023 Jukebox Terms & Conditions | Privacy Policy Do Not Sell or Share My Personal Information * Choosing a selection results in a full page refresh. * Opens in a new window.