www.clearbags.com
Open in
urlscan Pro
2606:4700:10::6816:2272
Public Scan
Submitted URL: https://28906195-30337-ex.gancypnectist.com/iyJBDYIxOw_lZtczvVjEKSJMltkRvoHRdq8EP8qaGJMVY5WWptxXo8-LBIVmL4afkdhUdvV20a_reuuzHOKnYBaKm6CluL6K...
Effective URL: https://www.clearbags.com/
Submission: On December 17 via api from US — Scanned from DE
Effective URL: https://www.clearbags.com/
Submission: On December 17 via api from US — Scanned from DE
Form analysis 11 forms found in the DOM
GET https://www.clearbags.com/shop/
<form class="form minisearch" id="search_mini_form" x-ref="search_mini_form" action="https://www.clearbags.com/shop/" method="get">
<div class="relative ng-scope" ss-nav=""><label class="sr-only" for="search">Search entire store here...</label> <input id="search" x-on:input.debounce="getSearchResults()" @keydown.enter="$refs.search_mini_form.submit()" x-ref="searchInput"
type="search"
class="w-full pl-4 pr-14 h-[52px] leading-normal bg-gray-50 border-gray-300 transition text-sm focus:outline-none focus:border focus:border-gray-700 focus:ring-0 rounded-sm appearance-none placeholder-gray-500 focus:bg-white text-ellipsis ng-scope"
autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="Search the entire store" maxlength="128" ss-nav-input="" ng-non-bindable="" spellcheck="false"><!-- ngIf: ac.ready --></div>
<div id="search_autocomplete" class="search-autocomplete relative w-full flex justify-center" x-show="show" style="display: none;">
<div class=" absolute top-0 bg-white z-50 w-full px-6 lg:max-w-[880px] flex flex-col shadow-lg transform -translate-x-1/2 left-1/2 rounded-sm ">
<div class="py-3 flex justify-between items-center">
<div><template x-if="productsCount > 0"><span class="mr-1 text-primary-lighter"><span x-text="productsCount"></span> search results for:</span></template><template x-if="productsCount === 0"><span class="mr-1 text-primary-lighter">No search
results for:</span></template><span class="mr-1 text-primary-lighter">No search results for:</span><span x-text="currentSearchPhrase" class="font-bold text-primary"></span></div><button
class="btn btn-size-sm btn-icon bg-transparent border-0 hover:bg-gray-100" @click.prevent="clearSearch()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="w-6 h-6" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 17 17 7M7 7l10 10"></path>
</svg>
</button>
</div><template x-if="productsCount > 0">
<div>
<div class="grid grid-cols-1 pb-4 pt-6 border-t border-gray-200 gap-4" :class="{ 'md:grid-cols-2 md:gap-14 lg:grid-cols-1 lg:gap-4 xl:grid-cols-2 xl:gap-14': Object.values(searchResultsByType).length > 1 }"><template
x-for="searchResultByType in Object.values(searchResultsByType)">
<div id="search-result-container"><template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined ">
<div class="font-bold mb-2 text-primary" x-text="templates[searchResultByType[0].type].title"></div>
</template><template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined ">
<div class="font-bold text-center" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template><template x-for="searchResult in searchResultByType">
<div> <template
x-if="searchResult.type == 'term'"><a class="w-full block p-2" x-bind:href="'https://www.clearbags.com/shop/?q=' + searchResult.title" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span> <span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span></a></template>
<template
x-if="searchResult.type == 'product'"><a class="block py-6 border-b px-4 hover:no-underline group" :href="searchResult.url" :title="searchResult.title"><div class="flex gap-2"><div class="shrink-0"><img :src="searchResult.image" class="block w-[64px] h-[64px]"></div><div><span class="text-primary-lighter leading-[22px] group-hover:underline line-clamp-2" x-text="searchResult.title"></span> <div class="mt-2 [&_.old-price]:text-gray-400" x-html="searchResult.price"></div></div></div></a></template>
<template x-if="searchResult.type == 'category'"><a class="py-2 flex justify-between items-center decoration-blue-400" :href="searchResult.url" :title="searchResult.title"><span class="text-blue-400 text-base font-semibold leading-[22px]" x-text="searchResult.title"></span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="w-6 h-6" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10 16 3.547-3.057c.604-.52.604-1.365 0-1.886L10 8"></path></svg>
</a></template> <template
x-if="searchResult.type == 'product_attribute'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span> <span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span></a></template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script> <template x-if="searchResult.type == 'cms_page'"><a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"><span class="text-sm" x-text="searchResult.title"></span></a></template>
</div>
</template></div>
</template></div><button class="btn gap-2 mb-4 w-full" type="submit" aria-label="Search">View All Results <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="w-6 h-6" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10 16 3.547-3.057c.604-.52.604-1.365 0-1.886L10 8"></path>
</svg>
</button>
</div>
</template>
</div>
</div><button class=" absolute right-0 top-1/2 flex p-2 items-center justify-center transform text-primary -translate-y-1/2 h-12 w-12 lg:h-[52px] lg:w-[52px] " type="submit" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="none" class="w-6 h-6" aria-hidden="true">
<circle cx="11" cy="11" r="8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></circle>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.5 16.958 5 5"></path>
</svg>
</button>
</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="" autocomplete="off" 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" autocomplete="off" @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 disabled:opacity-75">Sign In</button>
<a href="https://www.clearbags.com/customer/account/forgotpassword/">Forgot Your Password?</a></div>
</div>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6641/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/6641/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="6641">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-3-6641-prod amasty-label-for-6641 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="background-color: #82e0ce; color: ##333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">New</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/xl-snowman-shaped-pouch-8-x-4-1-2-x-15-25-pack-sp7szxl.html" title="XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6641.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/x/l/xl-snowman-shaped-pouch-sp7szxl-2.jpg" loading="lazy" width="240" height="300" alt="XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL" title="XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/xl-snowman-shaped-pouch-8-x-4-1-2-x-15-25-pack-sp7szxl.html" :id="`slide-desc-6641-${$id('slider-id')}`" id="slide-desc-6641-slider-id-1">XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-6641.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="6641" data-price-box="product-id-6641"> <span x-data="" x-id="['product\u002Dprice\u002D6641']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D6641')" data-price-amount="12.17" data-price-type="finalPrice" class="price-wrapper "><span class="price">$12.17</span></span> </span>
<a href="https://www.clearbags.com/xl-snowman-shaped-pouch-8-x-4-1-2-x-15-25-pack-sp7szxl.html" class="minimal-price-link"> <span x-data="" x-id="['6641']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('6641')" data-price-amount="7.91" data-price-type="" class="price-wrapper ">$7.91</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('SP7SZXL')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of XL Snowman Shaped Pouch 8&quot; x 4 1/2&quot; x 15&quot; 25 Pack SP7SZXL"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-6641.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/x/l/xl-snowman-shaped-pouch-sp7szxl-2.jpg" loading="lazy" width="240" height="300"
alt="XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL" title="XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[6641]" class="sr-only">Quantity</label> <input name="qty" id="qty[6641]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/xl-snowman-shaped-pouch-8-x-4-1-2-x-15-25-pack-sp7szxl.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(6641)" aria-label="Add to Wish List XL Snowman Shaped Pouch 8&quot; x 4 1/2&quot; x 15&quot; 25 Pack SP7SZXL" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5882/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5882/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="5882">
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-kraft-tree-shaped-window-stand-up-zipper-pouch-25-pieces-zbgsw3kt.html" title="Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5882.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/s/e/seasonal-pouche-zbgsw3kt-6.jpg" loading="lazy" width="240" height="300" alt="Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT" title="Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-kraft-tree-shaped-window-stand-up-zipper-pouch-25-pieces-zbgsw3kt.html" :id="`slide-desc-5882-${$id('slider-id')}`" id="slide-desc-5882-slider-id-2">Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5882.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5882" data-price-box="product-id-5882"> <span x-data="" x-id="['product\u002Dprice\u002D5882']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D5882')" data-price-amount="8.87" data-price-type="finalPrice" class="price-wrapper "><span class="price">$8.87</span></span> </span>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-kraft-tree-shaped-window-stand-up-zipper-pouch-25-pieces-zbgsw3kt.html" class="minimal-price-link"> <span x-data="" x-id="['5882']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('5882')" data-price-amount="5.98" data-price-type="" class="price-wrapper ">$5.98</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGSW3KT')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGSW3KT"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5882.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/s/e/seasonal-pouche-zbgsw3kt-6.jpg" loading="lazy" width="240" height="300"
alt="Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT" title="Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT"
x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3KT</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5882]" class="sr-only">Quantity</label> <input name="qty" id="qty[5882]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-kraft-tree-shaped-window-stand-up-zipper-pouch-25-pieces-zbgsw3kt.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5882)" aria-label="Add to Wish List Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGSW3KT"
type="button" class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5622/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5622/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="5622">
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-snowflake-seasonal-stand-up-zipper-pouch-25-pieces-zbgsw3s.html" title="Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5622.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/s/e/seasonal-zipper-pouches-zbgsw3s-3.jpg" loading="lazy" width="240" height="300" alt="Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S" title="Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-snowflake-seasonal-stand-up-zipper-pouch-25-pieces-zbgsw3s.html" :id="`slide-desc-5622-${$id('slider-id')}`" id="slide-desc-5622-slider-id-3">Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5622.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5622" data-price-box="product-id-5622"> <span x-data="" x-id="['product\u002Dprice\u002D5622']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D5622')" data-price-amount="7.6" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.60</span></span> </span>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-snowflake-seasonal-stand-up-zipper-pouch-25-pieces-zbgsw3s.html" class="minimal-price-link"> <span x-data="" x-id="['5622']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('5622')" data-price-amount="4.49" data-price-type="" class="price-wrapper ">$4.49</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGSW3S')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Snowflake Seasonal Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGSW3S"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5622.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/s/e/seasonal-zipper-pouches-zbgsw3s-3.jpg" loading="lazy" width="240" height="300"
alt="Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S" title="Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S" x-defer="intersect"
x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGSW3S</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5622]" class="sr-only">Quantity</label> <input name="qty" id="qty[5622]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-outer-dimensions-snowflake-seasonal-stand-up-zipper-pouch-25-pieces-zbgsw3s.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5622)" aria-label="Add to Wish List Snowflake Seasonal Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGSW3S" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5503/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5503/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="5503">
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-ornaments-stand-up-zipper-pouch-zbgw3o.html" title="Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5503.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/s/e/seasonal-zipper-pouches-zbgw3o-8_2_.jpg" loading="lazy" width="240" height="300" alt="Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O" title="Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-ornaments-stand-up-zipper-pouch-zbgw3o.html" :id="`slide-desc-5503-${$id('slider-id')}`" id="slide-desc-5503-slider-id-4">Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5503.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5503" data-price-box="product-id-5503"> <span x-data="" x-id="['product\u002Dprice\u002D5503']" class="price-container price-final_price tax weee"
x-defer="intersect" x-ignore=""> <span :id="$id('product\u002Dprice\u002D5503')" data-price-amount="7.69" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.69</span></span> </span>
<a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-ornaments-stand-up-zipper-pouch-zbgw3o.html" class="minimal-price-link"> <span x-data="" x-id="['5503']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('5503')" data-price-amount="4.57" data-price-type="" class="price-wrapper ">$4.57</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('ZBGW3O')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Ornaments Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGW3O"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5503.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/s/e/seasonal-zipper-pouches-zbgw3o-8_2_.jpg" loading="lazy" width="240" height="300"
alt="Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O" title="Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5503]" class="sr-only">Quantity</label> <input name="qty" id="qty[5503]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/5-1-8-x-3-1-8-x-8-1-8-ornaments-stand-up-zipper-pouch-zbgw3o.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5503)" aria-label="Add to Wish List Ornaments Stand Up Zipper Pouch 5 1/8&quot; x 3 1/8&quot; x 8 1/8&quot; 25 pack ZBGW3O" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5073/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/5073/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="5073">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-5073-prod amasty-label-for-5073 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-3-8-x-2-x-2-1-8-mini-clear-takeout-box-25-pieces-fs282.html" title="Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5073.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/m/i/mini-take-out-box-fs282.jpg" loading="lazy" width="240" height="300" alt="2 3/8" x 2" x 2 1/8" Clear food safe takeout box" title="2 3/8" x 2" x 2 1/8" Clear food safe takeout box"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-3-8-x-2-x-2-1-8-mini-clear-takeout-box-25-pieces-fs282.html" :id="`slide-desc-5073-${$id('slider-id')}`" id="slide-desc-5073-slider-id-5">Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-5073.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5073" data-price-box="product-id-5073"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D5073']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D5073')" data-price-amount="4.89" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$4.89</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D5073']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D5073')" data-price-amount="14.16" data-price-type="oldPrice" class="price-wrapper "><span class="price">$14.16</span></span> </span></span>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('FS282')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Mini Clear Take Out Box 2 3/8&quot; x 2&quot; x 2 1/8&quot; 25 pack FS282"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-5073.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/m/i/mini-take-out-box-fs282.jpg" loading="lazy" width="240" height="300"
alt="2 3/8" x 2" x 2 1/8" Clear food safe takeout box" title="2 3/8" x 2" x 2 1/8" Clear food safe takeout box" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[5073]" class="sr-only">Quantity</label> <input name="qty" id="qty[5073]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-3-8-x-2-x-2-1-8-mini-clear-takeout-box-25-pieces-fs282.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(5073)" aria-label="Add to Wish List Mini Clear Take Out Box 2 3/8&quot; x 2&quot; x 2 1/8&quot; 25 pack FS282" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4827/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4827/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="4827">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-4827-prod amasty-label-for-4827 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" title="Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4827.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/p/r/printed-side-gusset-g1tl.jpg" loading="lazy" width="240" height="300" alt="Teal Band Stand Up Gusset Bag with Candy" title="Teal Band Stand Up Gusset Bag with Candy"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" :id="`slide-desc-4827-${$id('slider-id')}`" id="slide-desc-4827-slider-id-6">Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-4827.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4827" data-price-box="product-id-4827"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D4827']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D4827')" data-price-amount="7.37" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$7.37</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D4827']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D4827')" data-price-amount="12.36" data-price-type="oldPrice" class="price-wrapper "><span class="price">$12.36</span></span> </span></span>
<a href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" class="minimal-price-link"> <span x-data="" x-id="['4827']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('4827')" data-price-amount="7.33" data-price-type="" class="price-wrapper ">$7.33</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('G1TL')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Teal Solid Bands Printed Cello Gusset Bags 2&quot; x 1 7/8&quot; x 9 1/2&quot; 100 pack G1TL"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4827.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/p/r/printed-side-gusset-g1tl.jpg" loading="lazy" width="240" height="300" alt="Teal Band Stand Up Gusset Bag with Candy"
title="Teal Band Stand Up Gusset Bag with Candy" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[4827]" class="sr-only">Quantity</label> <input name="qty" id="qty[4827]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-x-1-7-8-x-9-1-2-teal-solid-bands-printed-cello-gusset-bags-1-6-mil-100-pieces-g1tl.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(4827)" aria-label="Add to Wish List Teal Solid Bands Printed Cello Gusset Bags 2&quot; x 1 7/8&quot; x 9 1/2&quot; 100 pack G1TL" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4063/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/4063/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="4063">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-4063-prod amasty-label-for-4063 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-3-4-x-9-16-x-2-11-16-kraft-paper-window-box-with-attached-pet-sheet-25-pieces-wkrg277.html" title="Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack WKRG277" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4063.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/k/r/kraft-paper-boxes-wkrg277.jpg" loading="lazy" width="240" height="300" alt="Flat soap packaged in paper box" title="Flat soap packaged in paper box"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-3-4-x-9-16-x-2-11-16-kraft-paper-window-box-with-attached-pet-sheet-25-pieces-wkrg277.html" :id="`slide-desc-4063-${$id('slider-id')}`" id="slide-desc-4063-slider-id-7">Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack WKRG277</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-4063.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4063" data-price-box="product-id-4063"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D4063']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D4063')" data-price-amount="3.68" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$3.68</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D4063']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D4063')" data-price-amount="9.41" data-price-type="oldPrice" class="price-wrapper "><span class="price">$9.41</span></span> </span></span>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('WKRG277')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Kraft Paper Window Box with Attached PET Sheet 2 3/4&quot; x 9/16&quot; x 2 11/16&quot; 25 pack WKRG277"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
class="h-6 w-6 border-current inline" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-4063.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/k/r/kraft-paper-boxes-wkrg277.jpg" loading="lazy" width="240" height="300" alt="Flat soap packaged in paper box"
title="Flat soap packaged in paper box" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack WKRG277</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[4063]" class="sr-only">Quantity</label> <input name="qty" id="qty[4063]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-3-4-x-9-16-x-2-11-16-kraft-paper-window-box-with-attached-pet-sheet-25-pieces-wkrg277.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(4063)" aria-label="Add to Wish List Kraft Paper Window Box with Attached PET Sheet 2 3/4&quot; x 9/16&quot; x 2 11/16&quot; 25 pack WKRG277"
type="button" class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form>POST https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/2962/
<form x-data="{ showAddToCartLoader: false }" method="post" action="https://www.clearbags.com/checkout/cart/add/uenc/%25uenc%25/product/2962/"
class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full [&_a]:!text-primary group " @submit="showAddToCartLoader = true"><input name="form_key" type="hidden" value="RLjc2tVGToUndHCb">
<input type="hidden" name="product" value="2962">
<div class="absolute inset-0 top-0 w-full mt-6.5 aspect-square">
<div class=" amlabel-position-wrapper absolute max-w-full h-fit-content mx-4 m-auto flex flex-wrap gap-amlabel-margin z-20 flex-row left-0 w-fit-content top-5 " style="gap: 10px;">
<div
class=" amasty-label-container-5-2962-prod amasty-label-for-2962 group relative amasty-label-container font-semibold uppercase overflow-hidden w-fit-content leading-5 lg:tracking-normal px-2 h-6 text-xs text-primary inline-flex items-center rounded-3xl bg-primary "
style="border: 1px solid #f9b85d; color: #333333;" data-amlabel-order="0">
<div class=" amlabel-text text-center whitespace-nowrap ">Sale</div>
</div>
</div>
</div>
<a href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" title="Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22" class=" product photo product-item-photo block mx-auto z-10 " tabindex="-1"> <img class="object-contain product-image-photo" x-data="" @update-gallery-2962.window="$root.src = $event.detail" src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/c/r/crystal-clear-zip-bags-z4r22-1.jpg" loading="lazy" width="240" height="300" alt="Crystal clear zip bag w/ round hang hole" title="Crystal clear zip bag w/ round hang hole"></a>
<div class="my-3 h-6"> </div>
<div class="product-info flex flex-col grow text-left">
<div class="mb-3 items-center justify-center font-semibold text-lg ">
<a class="product-item-link text-md font-medium hover:text-primary-lighter hover:no-underline" href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" :id="`slide-desc-2962-${$id('slider-id')}`" id="slide-desc-2962-slider-id-8">Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22</a>
</div>
<div class="flex justify-between relative mt-auto pr-14 product-simple">
<div x-data="initPriceBox()" x-defer="intersect" @update-prices-2962.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2962" data-price-box="product-id-2962"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D2962']"
class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">Special Price</span> <span :id="$id('product\u002Dprice\u002D2962')" data-price-amount="2.11" data-price-type="finalPrice"
class="price-wrapper "><span class="price">$2.11</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D2962']" class="price-container price-final_price tax weee" x-defer="intersect"
x-ignore=""> <span class="price-label">Regular Price</span> <span :id="$id('old\u002Dprice\u002D2962')" data-price-amount="3.02" data-price-type="oldPrice" class="price-wrapper "><span class="price">$3.02</span></span> </span></span>
<a href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" class="minimal-price-link"> <span x-data="" x-id="['2962']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore=""> <span class="price-label">As low as</span> <span :id="$id('2962')" data-price-amount="1.28" data-price-type="" class="price-wrapper ">$1.28</span> </span> </a>
</div>
</div> <!-- Quick view -->
<div x-data="initQuickView()" x-defer="intersect" x-ignore=""><button @click="showModal('Z4R22')" type="button" class=" btn btn-size-sm btn-icon absolute right-0 bottom-0 " aria-haspopup="dialog"
aria-label="Show details of Crystal Clear Zip Bags + Round Hang Hole 2&quot; x 2&quot; 100 pack Z4R22"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-6 w-6 border-current inline"
aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="m2 3 1.042.2a2 2 0 0 1 1.611 1.758L4.8 6.37m0 0 .982 7.877A2 2 0 0 0 7.766 16h9.027a3.5 3.5 0 0 0 3.387-2.62l1.073-4.132a2.3 2.3 0 0 0-2.226-2.878z"></path>
<circle cx="8.5" cy="19.5" r="1.5" fill="currentColor"></circle>
<circle cx="17.5" cy="19.5" r="1.5" fill="currentColor"></circle>
</svg>
</button>
<div x-cloak="" x-spread="overlay()" x-bind="overlay()" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-30">
<div x-ref="dialog" role="dialog" aria-labelledby="the-label" class=" inline-block max-h-screen overflow-auto relative bg-white shadow-xl rounded-sm px-2 py-4 sm:px-8 sm:py-8 text-gray-700 md:w-[900px] mx-2 md:mx-0 ">
<div class="flex gap-2 md:gap-8">
<div class="w-24 md:w-60 shrink-0 absolute md:static"> <img class="object-contain product-image-photo" x-data="" @update-gallery-2962.window="$root.src = $event.detail"
src="https://www.clearbags.com/media/catalog/product/cache/6a2b09c6aae207754940f2a65b7d6219/c/r/crystal-clear-zip-bags-z4r22-1.jpg" loading="lazy" width="240" height="300" alt="Crystal clear zip bag w/ round hang hole"
title="Crystal clear zip bag w/ round hang hole" x-defer="intersect" x-ignore=""></div>
<div>
<div class=" mb-2 md:mb-4 relative h-6 left-[104px] md:left-0 inline-flex md:block w-60 md:w-auto ">
<div class="flex flex-col md:flex-row md:items-center align-middle gap-x-2 absolute top-0 left-0 md:static h-12" title="Availability">
<div class="flex items-center gap-x-2">
<div class="rounded-full flex justify-center items-center w-7 h-7" style="background-color: #FF9E2B;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="text-white" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 12.245 4.123 4.122 8.245-8.245"></path>
</svg>
</div><span class="uppercase text-gray-500 text-sm font-semibold">In stock</span>
</div>
</div>
</div>
<h3 class="font-semibold text-md md:text-2xl mb-4 md:pr-6 pl-[104px] md:pl-0">Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22</h3>
<p class=" text-gray-500 text-md pb-4 md:pb-2.5 min-h-[39px] md:min-h-[33px] border-b border-container pl-[104px] md:pl-0 "><template x-if="pieces">
<div><span x-text="hyva.formatPrice(unitPrice)"></span> per pack</div>
</template></p>
<div class="flex md:block gap-4 md:gap-0">
<div class="my-4 w-32 md:w-auto flex flex-col md:block shrink-1">
<div class="text-sm mb-2 font-bold">Your total:</div>
<div class="flex flex-wrap items-center gap-x-3 gap-y-2 min-h-8"><template x-if="totalPrice"><span class="text-xl md:text-2xl truncate font-bold" x-text="hyva.formatPrice(totalPrice)"></span></template><template
x-if="totalPrice !== regularPrice"><span class="flex text-lg md:text-2xl line-through text-gray-500" x-text="hyva.formatPrice(regularPrice)"></span></template><template x-if="discountPercent"><span
class="text-md md:text-xl font-bold text-orange"> (<span x-text="discountPercent"></span>% off)</span></template></div>
</div>
<div class="py-4 md:py-0 w-full md:w-auto">
<p class="mb-4 font-bold text-sm"> # of packs:</p>
<div class="flex">
<div class="mr-2"><label for="qty[2962]" class="sr-only">Quantity</label> <input name="qty" id="qty[2962]" type="number" pattern="[0-9]{0,6}" inputmode="numeric" min="1" max="100000" :value="qty" x-model.number="qty"
class="form-input px-2 py-2 w-[72px] h-14 text-center invalid:ring-2 invalid:ring-red-500" @input="updatePrices"></div><button type="submit" class="btn btn-size-lg md:min-w-48 w-full md:w-auto"
:disabled="showAddToCartLoader"><span x-show="!showAddToCartLoader">Add to Cart</span> <template x-if="showAddToCartLoader">
<div role="status"><span class="sr-only">Adding to cart</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 101" class="w-8 h-8 text-white animate-spin fill-primary-darker" width="24" height="24"
aria-hidden="true">
<path fill="currentColor"
d="M100 50.59c0 27.615-22.386 50.001-50 50.001s-50-22.386-50-50 22.386-50 50-50 50 22.386 50 50m-90.919 0c0 22.6 18.32 40.92 40.919 40.92s40.919-18.32 40.919-40.92c0-22.598-18.32-40.918-40.919-40.918S9.081 27.992 9.081 50.591">
</path>
<path fill="currentFill"
d="M93.968 39.04c2.425-.636 3.894-3.128 3.04-5.486A50 50 0 0 0 41.735 1.279c-2.474.414-3.922 2.919-3.285 5.344s3.12 3.849 5.6 3.484a40.916 40.916 0 0 1 44.131 25.769c.902 2.34 3.361 3.802 5.787 3.165"></path>
</svg>
</div>
</template></button>
</div>
<p class="text-gray-500 text-sm mt-4 min-h-5"><template x-if="pieces">
<div>You're adding <span x-text="pieces"></span> pcs</div>
</template></p>
</div>
</div><a href="https://www.clearbags.com/2-x-2-crystal-clear-zip-4mil-with-round-hole-100-pack-z4r22-on-sale-while-supplies-last.html" class="btn btn-outline md:mt-11 inline-flex w-full md:w-auto">View Full Product Details</a>
</div>
</div><button @click="hide" type="button" class="absolute top-2 md:top-6 right-2 md:right-6 h-[42px] w-[42px] grid place-items-center" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div><!-- End of Quick view -->
</div>
</div> <button x-data="initWishlist()" x-defer="intersect" @click.prevent="addToWishlist(2962)" aria-label="Add to Wish List Crystal Clear Zip Bags + Round Hang Hole 2&quot; x 2&quot; 100 pack Z4R22" type="button"
class="absolute right-2 top-2 flex items-center w-11 h-11 justify-center text-gray-400 z-20" x-ignore=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="hover:text-gray-500 hover:fill-gray-500"
aria-hidden="true">
<path stroke="currentColor" stroke-width="1.5"
d="m3.663 13.214 6.16 6.492a3 3 0 0 0 4.353 0l6.161-6.492c2.217-2.337 2.217-6.125 0-8.462s-5.811-2.336-8.028 0a.426.426 0 0 1-.618 0c-2.217-2.336-5.811-2.336-8.028 0-2.217 2.337-2.217 6.125 0 8.462Z"></path>
</svg>
</button>
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go1339918112 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Rcfegg" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 800px; margin: 0px auto; border-radius: 0px; border-style: none; border-width: 1px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding-top: 0px; padding-right: 0px; padding-bottom: 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: 120px; 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 6px 24px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000002YFZZ1" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 28px; color: rgb(51, 51, 51); font-style: normal;">Sign up today to start saving with an exclusive offer</span></p>
</div>
</div>
</div>
<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: 8px 0px 8px 150px; 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_016JB91TTR00000000002YFZZ2" class="needsclick go3170649709 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 3px; padding: 0px 0px 0px 16px; height: 52px; text-align: left; color: rgb(51, 51, 51); font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);">
<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: 8px 150px 8px 16px; position: relative; flex: 0 1 auto; margin: 0px auto;"><button class="needsclick go2044901576 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(249, 184, 93); border-radius: 3px; border-style: solid; border-color: rgb(249, 184, 93); border-width: 2px; color: rgb(51, 51, 51); font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; 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; pointer-events: auto; height: 48px;">Subscribe</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
___
JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.
5000+ Products - In Stock - Fast Shipping
(800) 233-2630
Skip to Content
Search entire store here...
search results for:No search results for:No search results for:
View All Results
Login / Register
Sign In Create an Account
Toggle minicart, Cart is empty Cart
Menu
* ECO
* View All
* Commercial Compostable
* View All
* Flap Seal Bags
* No Flap Bags
* Protective Closure Bags
* Rice Paper Pouches
* Stand Up Pouches
* Zipper Barrier Bags
* Side Gusset Bags
* Flat Bottom Gusset Bags
* Clear Flat Heat Seal Bags
* Kraft Flat Heat Seal Bags
* Show All >
* Home Compostable
* View All
* Child Resistant Stand Up Pouches
* Flat Bottom Gusset Bags
* Cello Gusset Bags
* Flat Crinkie Bags
* Flat Bags
* Clear Stickers
* Mailers
* Biodegradable
* View All
* Water Soluble Bags
* Glassine Gusset Bags
* Glassine Envelopes
* Glassine Sheets
* Recyclable
* View All
* Stand Up Pouches
* Merchandise Bags
* rPET Boxes
* Kraft Boxes
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Cello
* Glassine
* rPET Boxes
* Recyclable Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* CRYSTAL CLEAR
* View All
* Crystal Clear Bags
* View All
* Eco Bags
* Stand Up Pouches
* Flap Seal Bags
* Protective Closure Bags
* No Flap Bags
* Hanging Bags
* Gusset Bags
* Flat Bottom Gusset Bags
* Heavy Duty Gusset Bags
* Side Gusset Bags
* Bottom Gusset Bags
* Round Bottom Bags
* Zipper Bags
* Flat Heat Seal Bags
* Specialized Crystal Clear Bags
* View All
* Canvas Gallery Wraps
* Comic Book Bags
* High Barrier Bags
* Bags on a Roll
* Tropical Fish Bags
* Food Wraps
* Poly Tubing
* Cupcake Bags
* Macaron Bags
* Cone Bags
* Printed Warning Bags
* Retail Packs
* Crystal Clear Boxes
* View All
* Cupcake Boxes
* Macaron Boxes
* Candy Apple Boxes
* Artisan Boxes
* Nested Boxes
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Retail Packs
* Handle Boxes
* Tubes
* Pillow Boxes
* Shaped Boxes
* Clamshell Boxes
* Decorative Top Boxes
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Hanging Bags
* Protective Closure
* Polypropylene Bags
* Candy Apple Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* BAGS
* View All
* Crystal Clear Bags
* Eco Bags
* Stand Up Pouches
* View All
* High Clarity Pouches
* Standard Clear Pouches
* Translucent Pouches
* Color Backed Pouches
* Metallized Pouches
* Kraft Pouches
* Window Pouches
* Rice Paper Pouches
* Compostable Pouches
* Recyclable Pouches
* Degassing Valve Pouches
* Seasonal & Pattern Pouches
* Child Resistant Pouches
* Liquid/Freezer Pouches
* Self Fastener Pouches
* Shaped Pouches
* Child Resistant
* View All
* Stand Up Pouches
* Locking Pouches
* Home Compostable Pouches
* High Barrier Zipper Bags
* Single Use
* Gusset Bags
* View All
* Flat Bottom Bags
* Side Gusset Bags
* Eco Gusset Bags
* Crystal Clear Gusset Bags
* Poly Gusset Bags
* Heavy Duty Gusset Bags
* Printed Gusset Bags
* Kraft Bread Bags
* See more >
* Mylar Bags
* View All
* Smell Proof Bags
* Smell Proof Child Resistant Bags
* Dispensary Bags
* Heat Seal Bags
* Food Safe Bags
* Plastic Bags
* Paper Bags
* Retail Packs
* Flap Seal Bags
* View All
* Crystal Clear Bags
* Value Bags
* Eco Bags
* Laminated Bags
* Protective Closure Bags
* Premium Bags
* Frosted Bags
* Suffocation Warning Bags
* Insertable Header Bags
* No Flap Bags
* View All
* Crystal Clear Bags
* Eco Bags
* Value Bags
* Poly Bags
* Tubing
* Laminated Bags
* Cone Bags
* Micro-Perforated Bags
* See more >
* Zipper Bags
* View All
* Polyethylene
* Polypropylene Zipper Bags
* High Barrier Zipper Bags
* White Block Zipper Bags
* Sliding Zipper Bags
* Flat Heat Seal Bags
* View All
* Value Heat Seal Bags
* Laminated Heat Seal Bags
* Metallized Heat Seal Bags
* Kraft Heat Seal Bags
* Eco Heat Seal Bags
* Handle Bags
* View All
* Carry Out Bags
* Shopping Bags
* Produce Bags
* Gift Bags
* Water Soluble Bags
* Specialized Bags
* Specialized Bags
* Macaron Bags
* Cupcake Bags
* Coffee Bags
* Door Knob
* Newspaper Bags
* Greaseproof Bags
* Static Shielding
* Tropical Fish
* Comic Book Bags
* Canvas Gallery Wraps
* Poly Mailers
* See More >
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Fishing/Lure Packaging
* Cookie Bags
* Cello Bags
* Mylar
* Locking Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* BOXES
* View All
* Crystal Clear Boxes
* Boxes
* View All
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Clamshell Boxes
* Iridescent Boxes
* Food Safe Sets
* View All
* Artisan Candy
* Truffle Boxes
* Candy Tackle Box Sets
* Macaron Box Sets
* Cupcake Box Sets
* Nested Box Sets
* Decorative Boxes
* View All
* Boxes with Decorative Tops
* Wine Boxes
* Shaped Boxes
* Handle Boxes
* Candy Apple
* Tubes
* View All
* Clear Tubes
* Kraft Tubes
* Pillow Boxes
* View All
* Clear Pillow Boxes
* Kraft Pillow Boxes
* Frosted Pillow Boxes
* Embossed Pillow Boxes
* Retail Packs
* Paper Boxes
* View All
* Window Boxes
* Solid Boxes
* 2-Piece Boxes
* View All
* Box Tops
* Box Bottoms
* Box Accessories
* View All
* Stretch Loop
* Clear Stickers
* Heat Sealers
* Poly Sheets
* Pre-printed Labels
* Hang Tabs
* Shipping & Storage Boxes
* View All
* Shoe Storage Boxes
* Airsafe Shipping Boxes
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Fishing/Lure Packaging
* Cupcake Boxes
* Greeting Card Boxes
* Display Boxes
* Wax Melts Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* MATS & BACKING
* View All
* Mats
* View All
* Decorative Mats
* Conservation Mats
* Slip-in Mats
* Show Kits
* ClearBags Backing
* View All
* Double Sided 4-Ply Backing
* Single Sided 4-Ply Backing
* Economy 30pt Backing
* Backing Board
* Bainbridge Backing
* View All
* Double Thick Backing
* Archival Backing
* Self-adhesive Backing
* Foam Board
* Accessories
* Accessories
* Protective Closure
* Canvas Wraps
* Varnish Print Protection Spray
* AirSafe Shipping Boxes
* Mounting Materials
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Chipboard
* Backer Board
* 11" x 14"
* 8.5" x 11"
* 4" x 6"
* Holiday
* Sale
* Email
* Free Shipping on $299*
* CARDS & ENVELOPES
* View All
* Envelopes
* View All
* Premium Envelopes
* Brights Envelopes
* Brown Bag Envelopes
* Basis Envelopes
* Linen Envelopes
* Notables Envelopes
* Stardream Envelopes
* Foil Envelopes
* Vellum Envelopes
* Glassine Envelopes
* Mohawk Envelopes
* Full View Envelopes
* Frame Card Envelopes
* Cards
* View All
* Premium Cards
* Basis Cards
* Moab Cards
* Mohawk Cards
* Linen Cards
* Frame Cards
* Photo Paper
* Accessories
* Accessories
* Card Covers
* Stretch Loops
* Boxes
* Clear Sleeves
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* A2 Envelopes
* A7 Envelopes
* Premium
* Holiday
* Sale
* Free Shipping on $299*
* ACCESSORIES
* View All
* Ties & Bows
* View All
* Adhesive Tin Ties
* Twist Ties
* Pre-tied Bows
* View All
* Satin Bows
* Metallic Bows
* Jute Bows
* Printed Bows
* Stretch Loops
* View All
* Elastic Stretch Loops
* Vinyl Stretch Loops
* Mounting
* View All
* Mounting Corners
* Mounting Tape
* Photo Mounts
* Heat Sealers
* Clear Poly Sheets
* Metallic Toppers
* Cookie Boards
* Clear Stickers
* Pre-Printed Labels
* Hang Tabs
* Varnish Print Protection Spray
* Deckled Edge Ruler
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Bows
* Cookie Accessories
* Stickers
* Holiday
* Sale
* Email
* Free Shipping on $299*
* SPECIALTY
* View All
* Glassine
* View All
* Glassine Sheets
* Glassine Envelopes
* Glassine Gusset Bags
* Direct Mail
* View All
* Poly Mailers
* Rigid Mailers
* Glamour Mailers
* Home Compostable
* Canvas Gallery Wraps
* View All
* European Sizes
* Domestic Sizes
* Vinyl Products
* Food Wraps
* Collectible Sleeves
* View All
* Trading Card Sleeves
* Comic Book Sleeves
* Media Sleeves
* Card Covers
* View All
* Slip Covers
* Card Jackets
* Vinyl Card Covers
* Book Covers
* Healthcare
* Disposable Gloves
* Antimicrobial SmartSleeves
* Tropical Fish Bags
* Static Shielding Bags
* NEW!
* Custom
* Trending/Uses
* Trending/Uses
* Card Covers
* Book Covers
* Poly Mailers
* Grease Resistant
* Wallets
* Holiday
* Sale
* Email
* Free Shipping on $299*
* SALE
* View All
* Sale Items
* View All
* Bags
* Boxes
* Pre-cut Mats
* Miscellaneous
* Clearance
* View All
* Bags
* Boxes
* Cards
* Miscellaneous
* Mats
* (800) 233-2630
Menu
* ECO
Toggle submenu for ECO
* * NEW!
* Custom
* Trending/Uses
* Cello
* Glassine
* rPET Boxes
* Recyclable Pouches
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Commercial Compostable
* Flap Seal Bags
* No Flap Bags
* Protective Closure Bags
* Rice Paper Pouches
* Stand Up Pouches
* Zipper Barrier Bags
* Side Gusset Bags
* Flat Bottom Gusset Bags
* Clear Flat Heat Seal Bags
* Kraft Flat Heat Seal Bags
* Show All >
* * Home Compostable
* Child Resistant Stand Up Pouches
* Flat Bottom Gusset Bags
* Cello Gusset Bags
* Flat Crinkie Bags
* Flat Bags
* Clear Stickers
* Mailers
* * Biodegradable
* Water Soluble Bags
* Glassine Gusset Bags
* Glassine Envelopes
* Glassine Sheets
* * Recyclable
* Stand Up Pouches
* Merchandise Bags
* rPET Boxes
* Kraft Boxes
* CRYSTAL CLEAR
Toggle submenu for CRYSTAL CLEAR
* * NEW!
* Custom
* Trending/Uses
* Hanging Bags
* Protective Closure
* Polypropylene Bags
* Candy Apple Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Crystal Clear Bags
* Eco Bags
* Stand Up Pouches
* Flap Seal Bags
* Protective Closure Bags
* No Flap Bags
* Hanging Bags
* Gusset Bags
* Flat Bottom Gusset Bags
* Heavy Duty Gusset Bags
* Side Gusset Bags
* Bottom Gusset Bags
* Round Bottom Bags
* Zipper Bags
* Flat Heat Seal Bags
* * Specialized Crystal Clear Bags
* Canvas Gallery Wraps
* Comic Book Bags
* High Barrier Bags
* Bags on a Roll
* Tropical Fish Bags
* Food Wraps
* Poly Tubing
* Cupcake Bags
* Macaron Bags
* Cone Bags
* Printed Warning Bags
* Retail Packs
* * Crystal Clear Boxes
* Cupcake Boxes
* Macaron Boxes
* Candy Apple Boxes
* Artisan Boxes
* Nested Boxes
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Retail Packs
* Handle Boxes
* Tubes
* Pillow Boxes
* Shaped Boxes
* Clamshell Boxes
* Decorative Top Boxes
* BAGS
Toggle submenu for BAGS
* * NEW!
* Custom
* Trending/Uses
* Fishing/Lure Packaging
* Cookie Bags
* Cello Bags
* Mylar
* Locking Pouches
* Holiday
* Sale
* Email
* $5.99 Flat Rate Shipping
* * Crystal Clear Bags
* Eco Bags
* Stand Up Pouches
* High Clarity Pouches
* Standard Clear Pouches
* Translucent Pouches
* Color Backed Pouches
* Metallized Pouches
* Kraft Pouches
* Window Pouches
* Rice Paper Pouches
* Compostable Pouches
* Recyclable Pouches
* Degassing Valve Pouches
* Seasonal & Pattern Pouches
* Child Resistant Pouches
* Liquid/Freezer Pouches
* Self Fastener Pouches
* Shaped Pouches
* Child Resistant
* Stand Up Pouches
* Locking Pouches
* Home Compostable Pouches
* High Barrier Zipper Bags
* Single Use
* * Gusset Bags
* Flat Bottom Bags
* Side Gusset Bags
* Eco Gusset Bags
* Crystal Clear Gusset Bags
* Poly Gusset Bags
* Heavy Duty Gusset Bags
* Printed Gusset Bags
* Kraft Bread Bags
* See more >
* Mylar Bags
* Smell Proof Bags
* Smell Proof Child Resistant Bags
* Dispensary Bags
* Heat Seal Bags
* Food Safe Bags
* Plastic Bags
* Paper Bags
* Retail Packs
* * Flap Seal Bags
* Crystal Clear Bags
* Value Bags
* Eco Bags
* Laminated Bags
* Protective Closure Bags
* Premium Bags
* Frosted Bags
* Suffocation Warning Bags
* Insertable Header Bags
* No Flap Bags
* Crystal Clear Bags
* Eco Bags
* Value Bags
* Poly Bags
* Tubing
* Laminated Bags
* Cone Bags
* Micro-Perforated Bags
* See more >
* * Zipper Bags
* Polyethylene
* Polypropylene Zipper Bags
* High Barrier Zipper Bags
* White Block Zipper Bags
* Sliding Zipper Bags
* Flat Heat Seal Bags
* Value Heat Seal Bags
* Laminated Heat Seal Bags
* Metallized Heat Seal Bags
* Kraft Heat Seal Bags
* Eco Heat Seal Bags
* Handle Bags
* Carry Out Bags
* Shopping Bags
* Produce Bags
* Gift Bags
* Water Soluble Bags
* * Specialized Bags
* Macaron Bags
* Cupcake Bags
* Coffee Bags
* Door Knob
* Newspaper Bags
* Greaseproof Bags
* Static Shielding
* Tropical Fish
* Comic Book Bags
* Canvas Gallery Wraps
* Poly Mailers
* See More >
* BOXES
Toggle submenu for BOXES
* * NEW!
* Custom
* Trending/Uses
* Fishing/Lure Packaging
* Cupcake Boxes
* Greeting Card Boxes
* Display Boxes
* Wax Melts Boxes
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Crystal Clear Boxes
* Boxes
* Soft Folding Boxes
* Pop & Lock Boxes
* Value Boxes
* rPET Boxes
* Blister Trays
* Clamshell Boxes
* Iridescent Boxes
* Food Safe Sets
* Artisan Candy
* Truffle Boxes
* Candy Tackle Box Sets
* Macaron Box Sets
* Cupcake Box Sets
* Nested Box Sets
* * Decorative Boxes
* Boxes with Decorative Tops
* Wine Boxes
* Shaped Boxes
* Handle Boxes
* Candy Apple
* Tubes
* Clear Tubes
* Kraft Tubes
* Pillow Boxes
* Clear Pillow Boxes
* Kraft Pillow Boxes
* Frosted Pillow Boxes
* Embossed Pillow Boxes
* Retail Packs
* * Paper Boxes
* Window Boxes
* Solid Boxes
* 2-Piece Boxes
* Box Tops
* Box Bottoms
* * Box Accessories
* Stretch Loop
* Clear Stickers
* Heat Sealers
* Poly Sheets
* Pre-printed Labels
* Hang Tabs
* Shipping & Storage Boxes
* Shoe Storage Boxes
* Airsafe Shipping Boxes
* MATS & BACKING
Toggle submenu for MATS & BACKING
* * NEW!
* Custom
* Trending/Uses
* Chipboard
* Backer Board
* 11" x 14"
* 8.5" x 11"
* 4" x 6"
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Mats
* Decorative Mats
* Conservation Mats
* Slip-in Mats
* Show Kits
* * ClearBags Backing
* Double Sided 4-Ply Backing
* Single Sided 4-Ply Backing
* Economy 30pt Backing
* Backing Board
* * Bainbridge Backing
* Double Thick Backing
* Archival Backing
* Self-adhesive Backing
* Foam Board
* * Accessories
* Protective Closure
* Canvas Wraps
* Varnish Print Protection Spray
* AirSafe Shipping Boxes
* Mounting Materials
* CARDS & ENVELOPES
Toggle submenu for CARDS & ENVELOPES
* * NEW!
* Custom
* Trending/Uses
* A2 Envelopes
* A7 Envelopes
* Premium
* Holiday
* Sale
* Free Shipping on $299*
* * Envelopes
* Premium Envelopes
* Brights Envelopes
* Brown Bag Envelopes
* Basis Envelopes
* Linen Envelopes
* Notables Envelopes
* Stardream Envelopes
* Foil Envelopes
* Vellum Envelopes
* Glassine Envelopes
* Mohawk Envelopes
* Full View Envelopes
* Frame Card Envelopes
* * Cards
* Premium Cards
* Basis Cards
* Moab Cards
* Mohawk Cards
* Linen Cards
* Frame Cards
* Photo Paper
* * Accessories
* Card Covers
* Stretch Loops
* Boxes
* Clear Sleeves
* ACCESSORIES
Toggle submenu for ACCESSORIES
* * NEW!
* Custom
* Trending/Uses
* Bows
* Cookie Accessories
* Stickers
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Ties & Bows
* Adhesive Tin Ties
* Twist Ties
* Pre-tied Bows
* Satin Bows
* Metallic Bows
* Jute Bows
* Printed Bows
* Stretch Loops
* Elastic Stretch Loops
* Vinyl Stretch Loops
* * Mounting
* Mounting Corners
* Mounting Tape
* Photo Mounts
* Heat Sealers
* Clear Poly Sheets
* Metallic Toppers
* * Cookie Boards
* Clear Stickers
* Pre-Printed Labels
* Hang Tabs
* Varnish Print Protection Spray
* Deckled Edge Ruler
* SPECIALTY
Toggle submenu for SPECIALTY
* * NEW!
* Custom
* Trending/Uses
* Card Covers
* Book Covers
* Poly Mailers
* Grease Resistant
* Wallets
* Holiday
* Sale
* Email
* Free Shipping on $299*
* * Glassine
* Glassine Sheets
* Glassine Envelopes
* Glassine Gusset Bags
* Direct Mail
* Poly Mailers
* Rigid Mailers
* Glamour Mailers
* Home Compostable
* * Canvas Gallery Wraps
* European Sizes
* Domestic Sizes
* Vinyl Products
* Food Wraps
* * Collectible Sleeves
* Trading Card Sleeves
* Comic Book Sleeves
* Media Sleeves
* Card Covers
* Slip Covers
* Card Jackets
* Vinyl Card Covers
* * Book Covers
* Healthcare
* Disposable Gloves
* Antimicrobial SmartSleeves
* Tropical Fish Bags
* Static Shielding Bags
* SALE
Toggle submenu for SALE
* * Sale Items
* Bags
* Boxes
* Pre-cut Mats
* Miscellaneous
* * Clearance
* Bags
* Boxes
* Cards
* Miscellaneous
* Mats
My Cart ()
10 of %1 products in cart displayed
Your cart is empty for now.
If you are looking for products added to your shopping cart on another device -
log in.
Looking for inspiration?
See new products
sku
qty:
Subtotal: undefined
Checkout or View and edit cart
loader
Loading...
Close panel
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
FEATURED CATEGORIES
Packaging Supplies, Clear Plastic Bags & Eco-Friendly
* Stand up pouches
* Bags
* Boxes
* Cards & Envelopes
* Eco-Friendly
* Kraft
* Mailers
* Specialty
* Accessories
* Food Sets
Fast & Free
Shipping
Ensuring your packaging needs are met promptly and affordably
Free
Samples
Explore our products risk-free with complimentary samples
Wholesale Pricing: Save up to 70%
Save with wholesale pricing, no minimum order required
Expert Customer Service
Personalized support and guidance from our expert team
Eco Friendly Packaging Available
Helping you reduce your environmental footprint without compromising on quality
SHOP SEASONAL POUCHES
Shop All Stand Up Pouches
New
XL Snowman Shaped Pouch 8" x 4 1/2" x 15" 25 Pack SP7SZXL
$12.17 As low as $7.91
In stock
XL SNOWMAN SHAPED POUCH 8" X 4 1/2" X 15" 25 PACK SP7SZXL
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Kraft Tree Shaped Window Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack
ZBGSW3KT
$8.87 As low as $5.98
In stock
KRAFT TREE SHAPED WINDOW STAND UP ZIPPER POUCH 5 1/8" X 3 1/8" X 8 1/8" 25 PACK
ZBGSW3KT
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Snowflake Seasonal Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack
ZBGSW3S
$7.60 As low as $4.49
In stock
SNOWFLAKE SEASONAL STAND UP ZIPPER POUCH 5 1/8" X 3 1/8" X 8 1/8" 25 PACK
ZBGSW3S
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Ornaments Stand Up Zipper Pouch 5 1/8" x 3 1/8" x 8 1/8" 25 pack ZBGW3O
$7.69 As low as $4.57
In stock
ORNAMENTS STAND UP ZIPPER POUCH 5 1/8" X 3 1/8" X 8 1/8" 25 PACK ZBGW3O
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Shop All Stand Up Pouches
FEATURED INDUSTRIES
* Photo & Art
* Craft & Hobby
* Stationery
*
GET CUSTOM PACKAGING
We offer one of the widest selections of customizable products and some of the
lowest minimum order quantities. From selecting the perfect packaging products
through to your final proof, our packaging specialists will walk you through the
process and make it easy.
Get your custom packaging quote
FEATURED: SHOP BY USE
* Cookies
* Wine Bottle
* Cupcake
*
Powered by Emplifi
SALE ITEMS AT CLEARBAGS - SAVE UP TO 75% OFF
Shop all Sale
Sale
Mini Clear Take Out Box 2 3/8" x 2" x 2 1/8" 25 pack FS282
Special Price $4.89 Regular Price $14.16
In stock
MINI CLEAR TAKE OUT BOX 2 3/8" X 2" X 2 1/8" 25 PACK FS282
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Sale
Teal Solid Bands Printed Cello Gusset Bags 2" x 1 7/8" x 9 1/2" 100 pack G1TL
Special Price $7.37 Regular Price $12.36 As low as $7.33
In stock
TEAL SOLID BANDS PRINTED CELLO GUSSET BAGS 2" X 1 7/8" X 9 1/2" 100 PACK G1TL
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Sale
Kraft Paper Window Box with Attached PET Sheet 2 3/4" x 9/16" x 2 11/16" 25 pack
WKRG277
Special Price $3.68 Regular Price $9.41
In stock
KRAFT PAPER WINDOW BOX WITH ATTACHED PET SHEET 2 3/4" X 9/16" X 2 11/16" 25 PACK
WKRG277
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Sale
Crystal Clear Zip Bags + Round Hang Hole 2" x 2" 100 pack Z4R22
Special Price $2.11 Regular Price $3.02 As low as $1.28
In stock
CRYSTAL CLEAR ZIP BAGS + ROUND HANG HOLE 2" X 2" 100 PACK Z4R22
per pack
Your total:
(% off)
# of packs:
Quantity
Add to Cart
Adding to cart
You're adding pcs
View Full Product Details
Shop all Sale
WHAT PEOPLE ARE SAYING ABOUT US
Sign up today to start saving with an exclusive offer
Subscribe
FOOTER
Clearbags - packagaing with purpose
The best products at the best price!
* facebook
* instagram
* linkedin
* pinterest
* youtube
* * Company
Company
* About Us
* Affiliate Program
* News
* Sustainability
* ClearBags Cares
* Patents & Trademarks
* Privacy Policy
* Trade Shows
* Top 10 Packaging by Use
* ClearBags Blog
* * Account
Account
* Cart
* Create an Account
* Order History
* Shop By
Shop By
* Industry
* Use
* Size
* Catalogs
* * Support
Support
* Contact Us
* FAQs
* Fast Order
* Shipping & Returns
* Customize
Customize
* Custom Bags
* Custom Boxes
* Custom Pouches
* Custom Labels
* Custom Mats
* Other/General Info
© 2024 ClearBags®. All Rights Reserved.
Safe shopping: SSL/TLS
* paypal
* mastercard
* visa
* discover
* amex
Safe shopping: SSL/TLS
loader
Loading...
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word word word word word word word word word
word word word word word word word word
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
CONVERSATION
* Chat
...