301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: ooly.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html lang="en" dir="ltr"> <head> <meta name="facebook-domain-verification" content="n4m5kijrsk5l9w0b06m4wnut8pog6r"> <!-- Google Tag Manager --> <script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script> <script> /** * Author: Triangle Digital * Website: triangledigital.xyz * Email: [email protected] * Last Update: 17 May 2024 */ (function() { // Defining the class triangle_digital_datalayer class triangle_digital_datalayer { constructor() { // Initializing dataLayer if not already defined window.dataLayer = window.dataLayer || []; // Prefix for events name this.eventPrefix = 'triangledigital_'; // Setting value to false to get non-formatted product ID this.formattedItemId = true; // Data schema for ecommerce and dynamic remarketing this.dataSchema = { ecommerce: { show: true }, dynamicRemarketing: { show: false, business_vertical: 'retail' } } // Selectors for adding to wishlist this.addToWishListSelectors = { 'addWishListIcon': '', 'gridItemSelector': '', 'productLinkSelector': 'a[href*="/products/"]' } // Selectors for quick view this.quickViewSelector = { 'quickViewElement': '', 'gridItemSelector': '', 'productLinkSelector': 'a[href*="/products/"]' } // Selector for mini cart button this.miniCartButton = [ 'a[href="/cart"]', ]; this.miniCartAppersOn = 'click'; // Selectors for begin checkout buttons/links this.beginCheckoutButtons = [ 'input[name="checkout"]', 'button[name="checkout"]', 'a[href="/checkout"]', '.additional-checkout-buttons', ]; // Selector for direct checkout button this.shopifyDirectCheckoutButton = [ '.shopify-payment-button' ] // Setting value to true if Add to Cart redirects to the cart page this.isAddToCartRedirect = false; // Setting value to false if cart items increment/decrement/remove refresh page this.isAjaxCartIncrementDecrement = true; // Caution: Do not modify anything below this line, as it may result in it not functioning correctly. this.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0} this.countryCode = "US"; this.collectData(); this.storeURL = "https://www.ooly.com"; localStorage.setItem('shopCountryCode', this.countryCode); } // Function to update cart updateCart() { fetch("/cart.js") .then((response) => response.json()) .then((data) => { this.cart = data; }); } // Function to create a debounced function debounce(delay) { let timeoutId; return function(func) { const context = this; const args = arguments; clearTimeout(timeoutId); timeoutId = setTimeout(function() { func.apply(context, args); }, delay); }; } // Function to collect data collectData() { this.customerData(); this.ajaxRequestData(); this.searchPageData(); this.miniCartData(); this.beginCheckoutData(); this.addToWishListData(); this.quickViewData(); this.formData(); this.phoneClickData(); this.emailClickData(); } // Function to collect logged in customer data customerData() { const currentUser = {}; if (currentUser.email) { currentUser.hash_email = "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855" } if (currentUser.phone) { currentUser.hash_phone = "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855" } window.dataLayer = window.dataLayer || []; dataLayer.push({ customer: currentUser }); } // Function to handle ajax requests for add_to_cart, remove_from_cart, search ajaxRequestData() { const self = this; // Handling non-ajax add to cart if(this.isAddToCartRedirect) { document.addEventListener('submit', function(event) { const addToCartForm = event.target.closest('form[action="/cart/add"]'); if(addToCartForm) { event.preventDefault(); const formData = new FormData(addToCartForm); fetch(window.Shopify.routes.root + 'cart/add.js', { method: 'POST', body: formData }) .then(response => { window.location.href = "/cart"; }) .catch((error) => { console.error('Error:', error); }); } }); } // Overriding fetch function let originalFetch = window.fetch; let debounce = this.debounce(800); window.fetch = function () { return originalFetch.apply(this, arguments).then((response) => { if (response.ok) { let cloneResponse = response.clone(); let requestURL = arguments[0]; // Handling search event if(/.*\/search\/?.*\?.*q=.+/.test(requestURL) && !requestURL.includes('&requestFrom=uldt')) { const queryString = requestURL.split('?')[1]; const urlParams = new URLSearchParams(queryString); const search_term = urlParams.get("q"); debounce(function() { fetch(`${self.storeURL}/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`) .then(res => res.json()) .then(function(data) { const products = data.resources.results.products; if(products.length) { const fetchRequests = products.map(product => fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`) .then(response => response.json()) .catch(error => console.error('Error fetching:', error)) ); Promise.all(fetchRequests) .then(products => { const items = products.map((product) => { return { product_id: product.id, product_title: product.title, variant_id: product.variants[0].id, variant_title: product.variants[0].title, vendor: product.vendor, total_discount: 0, final_price: product.price_min, product_type: product.type, quantity: 1 } }); self.ecommerceDataLayer('search', {search_term, items}); }) }else { self.ecommerceDataLayer('search', {search_term, items: []}); } }); }); } // Handling add to cart event else if (requestURL.includes("/cart/add")) { cloneResponse.text().then((text) => { let data = JSON.parse(text); if(data.items && Array.isArray(data.items)) { data.items.forEach(function(item) { self.ecommerceDataLayer('add_to_cart', {items: [item]}); }) } else { self.ecommerceDataLayer('add_to_cart', {items: [data]}); } self.updateCart(); }); } // Handling cart change event else if(requestURL.includes("/cart/change") || requestURL.includes("/cart/update")) { cloneResponse.text().then((text) => { let newCart = JSON.parse(text); let newCartItems = newCart.items; let oldCartItems = self.cart.items; for(let i = 0; i < oldCartItems.length; i++) { let item = oldCartItems[i]; let newItem = newCartItems.find(newItems => newItems.id === item.id); if(newItem) { if(newItem.quantity > item.quantity) { // cart item increment let quantity = (newItem.quantity - item.quantity); let updatedItem = {...item, quantity} self.ecommerceDataLayer('add_to_cart', {items: [updatedItem]}); self.updateCart(); }else if(newItem.quantity < item.quantity) { // cart item decrement let quantity = (item.quantity - newItem.quantity); let updatedItem = {...item, quantity} self.ecommerceDataLayer('remove_from_cart', {items: [updatedItem]}); self.updateCart(); } }else { self.ecommerceDataLayer('remove_from_cart', {items: [item]}); self.updateCart(); } } }); } } return response; }); } // End of fetch // Overriding XMLHttpRequest var origXMLHttpRequest = XMLHttpRequest; XMLHttpRequest = function() { var requestURL; var xhr = new origXMLHttpRequest(); var origOpen = xhr.open; var origSend = xhr.send; // Override the `open` function. xhr.open = function(method, url) { requestURL = url; return origOpen.apply(this, arguments); }; xhr.send = function() { // Proceeding if the request URL matches what we're looking for. if (requestURL.includes("/cart/add") || requestURL.includes("/cart/change") || /.*\/search\/?.*\?.*q=.+/.test(requestURL)) { xhr.addEventListener('load', function() { if (xhr.readyState === 4) { if (xhr.status >= 200 && xhr.status < 400) { if(/.*\/search\/?.*\?.*q=.+/.test(requestURL) && !requestURL.includes('&requestFrom=uldt')) { const queryString = requestURL.split('?')[1]; const urlParams = new URLSearchParams(queryString); const search_term = urlParams.get("q"); debounce(function() { fetch(`${self.storeURL}/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`) .then(res => res.json()) .then(function(data) { const products = data.resources.results.products; if(products.length) { const fetchRequests = products.map(product => fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`) .then(response => response.json()) .catch(error => console.error('Error fetching:', error)) ); Promise.all(fetchRequests) .then(products => { const items = products.map((product) => { return { product_id: product.id, product_title: product.title, variant_id: product.variants[0].id, variant_title: product.variants[0].title, vendor: product.vendor, total_discount: 0, final_price: product.price_min, product_type: product.type, quantity: 1 } }); self.ecommerceDataLayer('search', {search_term, items}); }) }else { self.ecommerceDataLayer('search', {search_term, items: []}); } }); }); } else if(requestURL.includes("/cart/add")) { const data = JSON.parse(xhr.responseText); if(data.items && Array.isArray(data.items)) { data.items.forEach(function(item) { self.ecommerceDataLayer('add_to_cart', {items: [item]}); }) } else { self.ecommerceDataLayer('add_to_cart', {items: [data]}); } self.updateCart(); }else if(requestURL.includes("/cart/change")) { const newCart = JSON.parse(xhr.responseText); const newCartItems = newCart.items; let oldCartItems = self.cart.items; for(let i = 0; i < oldCartItems.length; i++) { let item = oldCartItems[i]; let newItem = newCartItems.find(newItems => newItems.id === item.id); if(newItem) { if(newItem.quantity > item.quantity) { // cart item increment let quantity = (newItem.quantity - item.quantity); let updatedItem = {...item, quantity} self.ecommerceDataLayer('add_to_cart', {items: [updatedItem]}); self.updateCart(); }else if(newItem.quantity < item.quantity) { // cart item decrement let quantity = (item.quantity - newItem.quantity); let updatedItem = {...item, quantity} self.ecommerceDataLayer('remove_from_cart', {items: [updatedItem]}); self.updateCart(); } }else { self.ecommerceDataLayer('remove_from_cart', {items: [item]}); self.updateCart(); } } } } } }); } return origSend.apply(this, arguments); }; return xhr; }; // End of XMLHttpRequest } // Function for search event from search page searchPageData() { const self = this; let pageUrl = window.location.href; if(/.+\/search\?.*\&?q=.+/.test(pageUrl)) { const queryString = pageUrl.split('?')[1]; const urlParams = new URLSearchParams(queryString); const search_term = urlParams.get("q"); fetch(`https://www.ooly.com/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`) .then(res => res.json()) .then(function(data) { const products = data.resources.results.products; if(products.length) { const fetchRequests = products.map(product => fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`) .then(response => response.json()) .catch(error => console.error('Error fetching:', error)) ); Promise.all(fetchRequests) .then(products => { const items = products.map((product) => { return { product_id: product.id, product_title: product.title, variant_id: product.variants[0].id, variant_title: product.variants[0].title, vendor: product.vendor, total_discount: 0, final_price: product.price_min, product_type: product.type, quantity: 1 } }); self.ecommerceDataLayer('search', {search_term, items}); }); }else { self.ecommerceDataLayer('search', {search_term, items: []}); } }); } } miniCartData() { // Check if mini cart button exists if(this.miniCartButton.length) { let self = this; // Change event trigger if mini cart appears on hover if(this.miniCartAppersOn === 'hover') { this.miniCartAppersOn = 'mouseenter'; } // Add event listener for each mini cart button this.miniCartButton.forEach((selector) => { let miniCartButtons = document.querySelectorAll(selector); miniCartButtons.forEach((miniCartButton) => { miniCartButton.addEventListener(self.miniCartAppersOn, () => { // Track 'view_cart' event with cart data self.ecommerceDataLayer('view_cart', self.cart); }); }) }); } } // Begin Checkout Data // This function tracks the 'begin_checkout' event when the user begins the checkout process. beginCheckoutData() { let self = this; // Add event listener for pointer down event document.addEventListener('pointerdown', () => { // Check if the target element is one of the begin checkout buttons let targetElement = event.target.closest(self.beginCheckoutButtons.join(', ')); if(targetElement) { // Track 'begin_checkout' event with cart data self.ecommerceDataLayer('begin_checkout', self.cart); } }); } // View Cart Page Data // This function tracks the 'view_cart', 'add_to_cart', and 'remove_from_cart' events on the cart page. viewCartPageData() { // Track 'view_cart' event with current cart data this.ecommerceDataLayer('view_cart', this.cart); // Track 'add_to_cart' or 'remove_from_cart' events when cart quantity changes if(!this.isAjaxCartIncrementDecrement) { const self = this; document.addEventListener('pointerdown', (event) => { // Check if the target element is a link that changes cart quantity const target = event.target.closest('a[href*="/cart/change?"]'); if(target) { // Extract cart item details from the link URL const linkUrl = target.getAttribute('href'); const queryString = linkUrl.split("?")[1]; const urlParams = new URLSearchParams(queryString); const newQuantity = urlParams.get("quantity"); const line = urlParams.get("line"); const cart_id = urlParams.get("id"); // Update the cart and track appropriate event based on quantity change if(newQuantity && (line || cart_id)) { let item = line ? {...self.cart.items[line - 1]} : self.cart.items.find(item => item.key === cart_id); let event = 'add_to_cart'; if(newQuantity < item.quantity) { event = 'remove_from_cart'; } let quantity = Math.abs(newQuantity - item.quantity); item['quantity'] = quantity; self.ecommerceDataLayer(event, {items: [item]}); } } }); } } // Product Single Page Data // This function tracks the 'view_item' and 'begin_checkout' events on the product single page. productSinglePage() { // Check if the template contains product information } // Collections Page Data // This function tracks the 'view_item_list' event on collections pages. collectionsPageData() { var ecommerce = { 'items': [ // Loop through each product in the collection and define its details for tracking ] }; // Set item list ID and name for tracking ecommerce['item_list_id'] = null ecommerce['item_list_name'] = null // Track 'view_item_list' event with collection data this.ecommerceDataLayer('view_item_list', ecommerce); } // Add to Wishlist Data // This function tracks the 'add_to_wishlist' event when the user adds a product to their wishlist. addToWishListData() { if(this.addToWishListSelectors && this.addToWishListSelectors.addWishListIcon) { const self = this; document.addEventListener('pointerdown', (event) => { let target = event.target; // Check if the target element is the wishlist icon if(target.closest(self.addToWishListSelectors.addWishListIcon)) { let pageULR = window.location.href.replace(/\?.+/, ''); let requestURL = undefined; // Determine the product URL if(/\/products\/[^/]+$/.test(pageULR)) { requestURL = pageULR; } else if(self.addToWishListSelectors.gridItemSelector && self.addToWishListSelectors.productLinkSelector) { let itemElement = target.closest(self.addToWishListSelectors.gridItemSelector); if(itemElement) { let linkElement = itemElement.querySelector(self.addToWishListSelectors.productLinkSelector); if(linkElement) { let link = linkElement.getAttribute('href').replace(/\?.+/g, ''); if(link && /\/products\/[^/]+$/.test(link)) { requestURL = link; } } } } // Fetch product data and track 'add_to_wishlist' event if(requestURL) { fetch(requestURL + '.json') .then(res => res.json()) .then(result => { let data = result.product; if(data) { let dataLayerData = { product_id: data.id, variant_id: data.variants[0].id, product_title: data.title, quantity: 1, final_price: parseFloat(data.variants[0].price) * 100, total_discount: 0, product_type: data.product_type, vendor: data.vendor, variant_title: (data.variants[0].title !== 'Default Title') ? data.variants[0].title : undefined, sku: data.variants[0].sku, } self.ecommerceDataLayer('add_to_wishlist', {items: [dataLayerData]}); } }); } } }); } } // Quick View Data // This function tracks the 'view_item' event when the user interacts with quick view functionality. quickViewData() { if(this.quickViewSelector.quickViewElement && this.quickViewSelector.gridItemSelector && this.quickViewSelector.productLinkSelector) { const self = this; document.addEventListener('pointerdown', (event) => { let target = event.target; // Check if the target element is the quick view button if(target.closest(self.quickViewSelector.quickViewElement)) { let requestURL = undefined; let itemElement = target.closest(this.quickViewSelector.gridItemSelector ); // Determine the product URL if(itemElement) { let linkElement = itemElement.querySelector(self.quickViewSelector.productLinkSelector); if(linkElement) { let link = linkElement.getAttribute('href').replace(/\?.+/g, ''); if(link && /\/products\/[^/]+$/.test(link)) { requestURL = link; } } } // Fetch product data and track 'view_item' event if(requestURL) { fetch(requestURL + '.json') .then(res => res.json()) .then(result => { let data = result.product; if(data) { let dataLayerData = { product_id: data.id, variant_id: data.variants[0].id, product_title: data.title, quantity: 1, final_price: parseFloat(data.variants[0].price) * 100, total_discount: 0, product_type: data.product_type, vendor: data.vendor, variant_title: (data.variants[0].title !== 'Default Title') ? data.variants[0].title : undefined, sku: data.variants[0].sku, } // Track 'view_item' event with quick view data self.ecommerceDataLayer('view_item', {items: [dataLayerData]}); self.quickViewVariants = data.variants; self.quickViewedItem = dataLayerData; } }); } } }); // Track 'add_to_cart' and 'begin_checkout' events when Shopify direct checkout button is clicked from quick view if(this.shopifyDirectCheckoutButton.length) { let self = this; document.addEventListener('pointerdown', (event) => { let target = event.target; let checkoutButton = event.target.closest(this.shopifyDirectCheckoutButton.join(', ')); if(self.quickViewVariants && self.quickViewedItem && self.quickViewVariants.length && checkoutButton) { let checkoutForm = checkoutButton.closest('form[action*="/cart/add"]'); if(checkoutForm) { let quantity = 1; let varientInput = checkoutForm.querySelector('input[name="id"]'); let quantitySelector = checkoutForm.getAttribute('id'); if(quantitySelector) { let quentityInput = document.querySelector('input[name="quantity"][form="'+quantitySelector+'"]'); if(quentityInput) { quantity = +quentityInput.value; } } if(varientInput) { let variant_id = parseInt(varientInput.value); if(variant_id) { const variant = self.quickViewVariants.find(item => item.id === +variant_id); if(variant && self.quickViewedItem) { self.quickViewedItem['variant_id'] = variant_id; self.quickViewedItem['variant_title'] = variant.title; self.quickViewedItem['final_price'] = parseFloat(variant.price) * 100; self.quickViewedItem['quantity'] = quantity; self.ec ommerceDataLayer('add_to_cart', {items: [self.quickViewedItem]}); self.ecommerceDataLayer('begin_checkout', {items: [self.quickViewedItem]}); } } } } } }); } } } // Ecommerce Data Layer // This function constructs and pushes the data layer object for ecommerce events. ecommerceDataLayer(event, data) { const self = this; dataLayer.push({ 'ecommerce': null }); const dataLayerData = { "event": this.eventPrefix + event, 'ecommerce': { 'currency': this.cart.currency, 'items': data.items.map((item, index) => { const dataLayerItem = { 'index': index, 'item_id': this.formattedItemId ? `shopify_${this.countryCode}_${item.product_id}_${item.variant_id}` : item.product_id.toString(), 'product_id': item.product_id.toString(), 'variant_id': item.variant_id.toString(), 'item_name': item.product_title, 'quantity': item.quantity, 'price': +((item.final_price / 100).toFixed(2)), 'discount': item.total_discount ? +((item.total_discount / 100).toFixed(2)) : 0 } if(item.product_type) { dataLayerItem['item_category'] = item.product_type; } if(item.vendor) { dataLayerItem['item_brand'] = item.vendor; } if(item.variant_title && item.variant_title !== 'Default Title') { dataLayerItem['item_variant'] = item.variant_title; } if(item.sku) { dataLayerItem['sku'] = item.sku; } if(item.item_list_name) { dataLayerItem['item_list_name'] = item.item_list_name; } if(item.item_list_id) { dataLayerItem['item_list_id'] = item.item_list_id.toString() } return dataLayerItem; }) } } // Calculate and add total value to the data layer if(data.total_price !== undefined) { dataLayerData['ecommerce']['value'] = +((data.total_price / 100).toFixed(2)); } else { dataLayerData['ecommerce']['value'] = +(dataLayerData['ecommerce']['items'].reduce((total, item) => total + (item.price * item.quantity), 0)).toFixed(2); } // Add item list ID and name to the data layer if available if(data.item_list_id) { dataLayerData['ecommerce']['item_list_id'] = data.item_list_id; } if(data.item_list_name) { dataLayerData['ecommerce']['item_list_name'] = data.item_list_name; } // Add search term to the data layer if available if(data.search_term) { dataLayerData['search_term'] = data.search_term; } // Add dynamic remarketing data to the data layer if enabled if(self.dataSchema.dynamicRemarketing && self.dataSchema.dynamicRemarketing.show) { dataLayer.push({ 'dynamicRemarketing': null }); dataLayerData['dynamicRemarketing'] = { value: dataLayerData.ecommerce.value, items: dataLayerData.ecommerce.items.map(item => ({id: item.item_id, google_business_vertical: self.dataSchema.dynamicRemarketing.business_vertical})) } } // Push the constructed data layer object if(!self.dataSchema.ecommerce || !self.dataSchema.ecommerce.show) { delete dataLayerData['ecommerce']; } dataLayer.push(dataLayerData); } // Form Data // This function tracks form submissions for contact forms and newsletter signups. formData() { const self = this; document.addEventListener('submit', function(event) { let targetForm = event.target.closest('form[action^="/contact"]'); if(targetForm) { const formData = { form_location: window.location.href, form_id: targetForm.getAttribute('id'), form_classes: targetForm.getAttribute('class') }; let formType = targetForm.querySelector('input[name="form_type"]'); let inputs = targetForm.querySelectorAll("input:not([type=hidden]):not([type=submit]), textarea, select"); inputs.forEach(function(input) { var inputName = input.name; var inputValue = input.value; if (inputName && inputValue) { var matches = inputName.match(/\[(.*?)\]/); if (matches && matches.length > 1) { var fieldName = matches[1]; formData[fieldName] = input.value; } } }); // Track form submission event based on form type if(formType && formType.value === 'customer') { dataLayer.push({ event: self.eventPrefix + 'newsletter_signup', ...formData}); } else if(formType && formType.value === 'contact') { dataLayer.push({ event: self.eventPrefix + 'contact_form_submit', ...formData}); } } }); } // phone_number_click event phoneClickData() { const self = this; document.addEventListener('click', function(event) { let target = event.target.closest('a[href^="tel:"]'); if(target) { let phone_number = target.getAttribute('href').replace('tel:', ''); dataLayer.push({ event: self.eventPrefix + 'phone_number_click', page_location: window.location.href, link_classes: target.getAttribute('class'), link_id: target.getAttribute('id'), phone_number }) } }); } // email_click event emailClickData() { const self = this; document.addEventListener('click', function(event) { let target = event.target.closest('a[href^="mailto:"]'); if(target) { let email_address = target.getAttribute('href').replace('mailto:', ''); dataLayer.push({ event: self.eventPrefix + 'email_click', page_location: window.location.href, link_classes: target.getAttribute('class'), link_id: target.getAttribute('id'), email_address }) } }); } } // end triangle_digital_datalayer document.addEventListener('DOMContentLoaded', function() { try{ new triangle_digital_datalayer(); }catch(error) { console.log(error); } }); })(); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KNN9HQB'); </script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0" > <meta name="theme-color" content="#ffffff"> <title> OOLY - Create your happy! </title><meta name="description" content="OOLY is your place for fun writing and art supplies. Spark your creativity with OOLY pens, pencils, markers, and a lot more. Shop now!"><link rel="canonical" href="https://www.ooly.com/"><link rel="shortcut icon" href="//www.ooly.com/cdn/shop/files/OOLY-favicon.png?v=1613543906&width=96"> <link rel="apple-touch-icon" href="//www.ooly.com/cdn/shop/files/OOLY-favicon.png?v=1613543906&width=180"><link rel="preconnect" href="https://cdn.shopify.com"> <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link rel="preload" href="//www.ooly.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=18d584661725e35a76226ac05805d8ad68b96ff1c0bf9d1cb11810c8614805ba" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.ooly.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=18d584661725e35a76226ac05805d8ad68b96ff1c0bf9d1cb11810c8614805ba" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website"> <meta property="og:title" content="OOLY - Create your happy!"><meta property="og:image" content="http://www.ooly.com/cdn/shop/files/ooly-social-sharing-image-rainbow-sparkle-girl.jpg?v=1730154911&width=2048"> <meta property="og:image:secure_url" content="https://www.ooly.com/cdn/shop/files/ooly-social-sharing-image-rainbow-sparkle-girl.jpg?v=1730154911&width=2048"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta property="og:description" content="OOLY is your place for fun writing and art supplies. Spark your creativity with OOLY pens, pencils, markers, and a lot more. Shop now!"><meta property="og:url" content="https://www.ooly.com/"> <meta property="og:site_name" content="OOLY"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="OOLY - Create your happy!"> <meta name="twitter:description" content="OOLY is your place for fun writing and art supplies. Spark your creativity with OOLY pens, pencils, markers, and a lot more. Shop now!"><meta name="twitter:image" content="https://www.ooly.com/cdn/shop/files/ooly-social-sharing-image-rainbow-sparkle-girl.jpg?crop=center&height=1200&v=1730154911&width=1200"> <meta name="twitter:image:alt" content=""><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.ooly.com" }] } </script><script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "WebSite", "name": "OOLY", "url": "https:\/\/www.ooly.com", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/www.ooly.com\/search?q={search_term_string}", "query-input": "required name=search_term_string" } }, { "@context": "https://schema.org", "@type": "Organization", "name": "OOLY","logo": "https:\/\/www.ooly.com\/cdn\/shop\/files\/OOLY_logo_1000x475_61dbe0d8-55cb-4a0c-baf3-06b69e30e5b3.png?v=1675959386\u0026width=1000","description": "We love creating whimsical and colorful products that spark imagination and inspire self-expression – and ultimately make people of all ages smile!","slogan": "Create your happy!","sameAs": ["https:\/\/www.facebook.com\/weareooly","https:\/\/www.instagram.com\/WeAreOOLY","https:\/\/www.tiktok.com\/@weareooly","https:\/\/www.youtube.com\/@WeAreOOLY"],"url": "https:\/\/www.ooly.com" } ] </script><style>/* Typography (heading) */ @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: fallback; src: url("//www.ooly.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=18d584661725e35a76226ac05805d8ad68b96ff1c0bf9d1cb11810c8614805ba") format("woff2"), url("//www.ooly.com/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=e3dae5e39824151bf2e976045bca878f9a53d62d0e98b32679ed3ece748cdca6") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: fallback; src: url("//www.ooly.com/cdn/fonts/poppins/poppins_i4.a7e8d886e15d5fb9bc964a53b3278effbf270e9c.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=1a5ff5390b9aab6dc49f76c17d53620cdfeca56119e747dfe5fb0d438e30b6ba") format("woff2"), url("//www.ooly.com/cdn/fonts/poppins/poppins_i4.e87de252199e27825a41bf81646996685d86452d.woff?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=777f1c874c03ea7be53efabf91288f697a255e5b748023383cdc8402f30d7656") format("woff"); } /* Typography (body) */ @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: fallback; src: url("//www.ooly.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=18d584661725e35a76226ac05805d8ad68b96ff1c0bf9d1cb11810c8614805ba") format("woff2"), url("//www.ooly.com/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=e3dae5e39824151bf2e976045bca878f9a53d62d0e98b32679ed3ece748cdca6") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: fallback; src: url("//www.ooly.com/cdn/fonts/poppins/poppins_i4.a7e8d886e15d5fb9bc964a53b3278effbf270e9c.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=1a5ff5390b9aab6dc49f76c17d53620cdfeca56119e747dfe5fb0d438e30b6ba") format("woff2"), url("//www.ooly.com/cdn/fonts/poppins/poppins_i4.e87de252199e27825a41bf81646996685d86452d.woff?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=777f1c874c03ea7be53efabf91288f697a255e5b748023383cdc8402f30d7656") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: fallback; src: url("//www.ooly.com/cdn/fonts/poppins/poppins_n7.58aca33913fc6666cc9e8a53f6b16ec5c3c05a3f.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=70ea842d95c741d969056a62e7be908629901a9f832f0708389786ca10bbca8c") format("woff2"), url("//www.ooly.com/cdn/fonts/poppins/poppins_n7.59016f931f3f39434d2e458fba083eb7db7a07d9.woff?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=e7320f97fccd07f1ebe5906f968e077ebe67c4119997983182370d91a048dc7c") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: fallback; src: url("//www.ooly.com/cdn/fonts/poppins/poppins_i7.4f85a5d51a1aecf426eea47ac4570ef7341bfdc1.woff2?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=4438eef7dc606e8d532fbd548b9583b323490076a4e6260ced640d09d4c26d97") format("woff2"), url("//www.ooly.com/cdn/fonts/poppins/poppins_i7.aff3a08a92d1c136586c611b9fc43d357dfbbefe.woff?h1=b29seS5jb20&h2=b29seS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&h3=YmxvZy5vb2x5LmNvbQ&hmac=0386becb17c0a819dfa73c257f50799823b0caf7ee999b0cbcab39ba540c7ab1") format("woff"); } :root { /** * --------------------------------------------------------------------- * SPACING VARIABLES * * We are using a spacing inspired from frameworks like Tailwind CSS. * --------------------------------------------------------------------- */ --spacing-0-5: 0.125rem; /* 2px */ --spacing-1: 0.25rem; /* 4px */ --spacing-1-5: 0.375rem; /* 6px */ --spacing-2: 0.5rem; /* 8px */ --spacing-2-5: 0.625rem; /* 10px */ --spacing-3: 0.75rem; /* 12px */ --spacing-3-5: 0.875rem; /* 14px */ --spacing-4: 1rem; /* 16px */ --spacing-4-5: 1.125rem; /* 18px */ --spacing-5: 1.25rem; /* 20px */ --spacing-5-5: 1.375rem; /* 22px */ --spacing-6: 1.5rem; /* 24px */ --spacing-6-5: 1.625rem; /* 26px */ --spacing-7: 1.75rem; /* 28px */ --spacing-7-5: 1.875rem; /* 30px */ --spacing-8: 2rem; /* 32px */ --spacing-8-5: 2.125rem; /* 34px */ --spacing-9: 2.25rem; /* 36px */ --spacing-9-5: 2.375rem; /* 38px */ --spacing-10: 2.5rem; /* 40px */ --spacing-11: 2.75rem; /* 44px */ --spacing-12: 3rem; /* 48px */ --spacing-14: 3.5rem; /* 56px */ --spacing-16: 4rem; /* 64px */ --spacing-18: 4.5rem; /* 72px */ --spacing-20: 5rem; /* 80px */ --spacing-24: 6rem; /* 96px */ --spacing-28: 7rem; /* 112px */ --spacing-32: 8rem; /* 128px */ --spacing-36: 9rem; /* 144px */ --spacing-40: 10rem; /* 160px */ --spacing-44: 11rem; /* 176px */ --spacing-48: 12rem; /* 192px */ --spacing-52: 13rem; /* 208px */ --spacing-56: 14rem; /* 224px */ --spacing-60: 15rem; /* 240px */ --spacing-64: 16rem; /* 256px */ --spacing-72: 18rem; /* 288px */ --spacing-80: 20rem; /* 320px */ --spacing-96: 24rem; /* 384px */ /* Container */ --container-max-width: 1440px; --container-narrow-max-width: 1190px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-10); --section-inner-max-spacing-block: var(--spacing-9); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); /* Grid gutter */ --grid-gutter: var(--spacing-5); /* Product list settings */ --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); /* Form settings */ --input-gap: var(--spacing-2); --input-height: 2.625rem; --input-padding-inline: var(--spacing-4); /* Other sizes */ --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); /* RTL support */ --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; /** * --------------------------------------------------------------------- * TYPOGRAPHY * --------------------------------------------------------------------- */ /* Font properties */ --heading-font-family: Poppins, sans-serif; --heading-font-weight: 400; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: -0.01em; --text-font-family: Poppins, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; /* Font sizes */ --text-h0: 3rem; --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.5rem; --text-h4: 1.375rem; --text-h5: 1.125rem; --text-h6: 1rem; --text-xs: 0.625rem; --text-sm: 0.6875rem; --text-base: 0.8125rem; --text-lg: 1.0625rem; /** * --------------------------------------------------------------------- * COLORS * --------------------------------------------------------------------- */ /* Color settings */--accent: 0 174 239; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; /* Button colors */ --button-background-primary: 0 174 239; --button-text-primary: 255 255 255; --button-background-secondary: 255 98 95; --button-text-secondary: 255 255 255; /* Status colors */ --success-background: 238 241 235; --success-text: 112 138 92; --warning-background: 252 240 227; --warning-text: 227 126 22; --error-background: 245 229 229; --error-text: 170 40 38; /* Product colors */ --on-sale-text: 0 140 60; --on-sale-badge-background: 0 140 60; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 190 189 185; --sold-out-badge-text: 0 0 0; --primary-badge-background: 114 191 68; --primary-badge-text: 0 0 0; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 0 0 0; /* Header colors */ --header-background: 255 255 255; --header-text: 0 0 0; /* Footer colors */ --footer-background: 255 255 255; --footer-text: 51 51 51; /* Rounded variables (used for border radius) */ --rounded-xs: 0.25rem; --rounded-sm: 0.375rem; --rounded: 0.75rem; --rounded-lg: 1.5rem; --rounded-full: 9999px; --rounded-button: 0.375rem; --rounded-input: 0.625rem; /* Box shadow */ --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.0); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.0); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.0); --shadow-block: 0px 0px 50px rgb(var(--text-primary) / 0.0); /** * --------------------------------------------------------------------- * OTHER * --------------------------------------------------------------------- */ --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url(//www.ooly.com/cdn/shop/t/197/assets/cursor-close.svg?v=147174565022153725511747068053); --cursor-zoom-in-svg-url: url(//www.ooly.com/cdn/shop/t/197/assets/cursor-zoom-in.svg?v=154953035094101115921747068053); --cursor-zoom-out-svg-url: url(//www.ooly.com/cdn/shop/t/197/assets/cursor-zoom-out.svg?v=16155520337305705181747068053); --checkmark-svg-url: url(//www.ooly.com/cdn/shop/t/197/assets/checkmark.svg?v=77552481021870063511747068053); } [dir="rtl"]:root { /* RTL support */ --transform-logical-flip: -1; --transform-origin-start: right; --transform-origin-end: left; } @media screen and (min-width: 700px) { :root { /* Typography (font size) */ --text-h0: 4rem; --text-h1: 3rem; --text-h2: 2.5rem; --text-h3: 2rem; --text-h4: 1.625rem; --text-h5: 1.25rem; --text-h6: 1.125rem; --text-xs: 0.6875rem; --text-sm: 0.75rem; --text-base: 0.875rem; --text-lg: 1.125rem; /* Spacing */ --container-gutter: 2rem; --section-outer-spacing-block: var(--spacing-14); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); /* Grid gutter */ --grid-gutter: var(--spacing-6); /* Product list settings */ --product-list-row-gap: var(--spacing-12); /* Form settings */ --input-gap: 1rem; --input-height: 3.125rem; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { :root { /* Spacing settings */ --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-14); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { :root { /* Spacing settings */ --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-14); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { :root { /* Typography (font size) */ --text-h0: 5rem; --text-h1: 3.75rem; --text-h2: 3rem; --text-h3: 2.25rem; --text-h4: 2rem; --text-h5: 1.5rem; --text-h6: 1.25rem; --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { :root { --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-20); } } /** * --------------------------------------------------------------------- * LIQUID DEPENDANT CSS * * Our main CSS is Liquid free, but some very specific features depend on * theme settings, so we have them here * --------------------------------------------------------------------- */@media screen and (pointer: fine) { .button:not([disabled]):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover { --button-background-opacity: 0.85; } .button--subdued:not([disabled]):hover { --button-background: var(--text-color) / .05 !important; } }</style><script> // This allows to expose several variables to the global scope, to be used in scripts window.themeVariables = { settings: { showPageTransition: null, staggerProductsApparition: true, reduceDrawerAnimation: true, reduceMenuAnimation: true, headingApparition: "split_rotation", pageType: "index", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", currencyCodeEnabled: false, cartType: "drawer", showDiscount: true, discountMode: "percentage", pageBackground: "#ffffff", textColor: "#000000" }, strings: { accessibilityClose: "Close", accessibilityNext: "Next", accessibilityPrevious: "Previous", closeGallery: "Close gallery", zoomGallery: "Zoom", errorGallery: "Image cannot be loaded", searchNoResults: "No results could be found.", addOrderNote: "Add order note", editOrderNote: "Edit order note", shippingEstimatorNoResults: "Sorry, we do not ship to your address.", shippingEstimatorOneResult: "There is one shipping rate for your address:", shippingEstimatorMultipleResults: "There are several shipping rates for your address:", shippingEstimatorError: "One or more error occurred while retrieving shipping rates:" }, breakpoints: { 'sm': 'screen and (min-width: 700px)', 'md': 'screen and (min-width: 1000px)', 'lg': 'screen and (min-width: 1150px)', 'xl': 'screen and (min-width: 1400px)', 'sm-max': 'screen and (max-width: 699px)', 'md-max': 'screen and (max-width: 999px)', 'lg-max': 'screen and (max-width: 1149px)', 'xl-max': 'screen and (max-width: 1399px)' } }; // For detecting native share document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script><script> if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) { const importMapPolyfill = document.createElement('script'); importMapPolyfill.async = true; importMapPolyfill.src = "//www.ooly.com/cdn/shop/t/197/assets/es-module-shims.min.js?v=140375185335194536761747068053"; document.head.appendChild(importMapPolyfill); } </script> <script type="importmap">{ "imports": { "vendor": "//www.ooly.com/cdn/shop/t/197/assets/vendor.min.js?v=87984156289740595151747068053", "theme": "//www.ooly.com/cdn/shop/t/197/assets/theme.js?v=22440545759440676931747068053", "photoswipe": "//www.ooly.com/cdn/shop/t/197/assets/photoswipe.min.js?v=13374349288281597431747068053" } } </script> <script type="module" src="//www.ooly.com/cdn/shop/t/197/assets/vendor.min.js?v=87984156289740595151747068053"></script> <script type="module" src="//www.ooly.com/cdn/shop/t/197/assets/theme.js?v=22440545759440676931747068053"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="rME4yCCt4StUKj50459DUIKQKKrMtgHx32FdW77vVCs"> <meta name="facebook-domain-verification" content="vzyigbngrkcq2egdxlgpbkbsslepfy"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/24862582/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="79a66d1e585ab9e801095e88740badc5"> <meta id="in-context-paypal-metadata" data-shop-id="24862582" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=24862582" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":24862582,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/24862582","merchantName":"OOLY","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"OOLY","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"79a66d1e585ab9e801095e88740badc5","betas":["rich-media-storefront-analytics"],"domain":"www.ooly.com","predictiveSearch":true,"shopId":24862582,"locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "ooly-store.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"6.3.0 Update (Shipping Updates)","id":161375617059,"schema_name":"Impact","schema_version":"6.3.0","theme_store_id":1190,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.ooly.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_BfKVZiy9.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js"],"shop-button":["modules/v2/client.shop-button_BwDCWxey.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C4vP6YrQ.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_LaEauLU7.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"init-windoid":["modules/v2/client.init-windoid_6B06gVsu.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BEh7ctMD.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DvJY8gfp.en.esm.js","modules/v2/client.shop-login-button_DBNrbeEE.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_KDSsgf4T.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"pay-button":["modules/v2/client.pay-button_BrAljVqQ.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DBNrbeEE.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CvpgdlvW.en.esm.js","modules/v2/client.shop-login-button_DBNrbeEE.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_Dy8goVzs.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Byc5uGw-.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BynO5F_W.en.esm.js","modules/v2/client.shop-login-button_DBNrbeEE.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BQ6cmSOQ.en.esm.js","modules/v2/chunk.common_6dgAr_1a.esm.js","modules/v2/chunk.modal_Bv4fH4s0.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/cdn.getcarro.com\/script-tags\/all\/nb-101920173500.js?shop=ooly-store.myshopify.com","https:\/\/instafeed.nfcube.com\/cdn\/30c927a036fbfa17fa3561c2d0523552.js?shop=ooly-store.myshopify.com","https:\/\/cdn1.stamped.io\/files\/widget.min.js?shop=ooly-store.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/shareasale-tracking.js?sasmid=97188\u0026ssmtid=81571\u0026shop=ooly-store.myshopify.com","https:\/\/api.fastbundle.co\/scripts\/src.js?shop=ooly-store.myshopify.com","https:\/\/api.fastbundle.co\/scripts\/script_tag.js?shop=ooly-store.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":24862582,"offset":-25200,"reqid":"5491ecf0-22f7-4e73-afa4-788bb9428273-1747492122","pageurl":"www.ooly.com\/","u":"27aa698423ee","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.ooly.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.ooly.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.ooly.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; </script> <script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); </script> <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); </script> <link rel="stylesheet" media="screen" href="https://www.ooly.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-accelerated-checkout-cart"> #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } </style> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link href="//www.ooly.com/cdn/shop/t/197/assets/theme.css?v=175705282698407059761747262044" rel="stylesheet" type="text/css" media="all" /><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/N78h82/klaviyo.js?company_id=N78h82"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/fbp-fast-bundle/blocks/fast_bundle/9e87fbe2-9041-4c23-acf5-322413994cef --> <script> window.rbrHideScripts = true </script> <!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 24862582,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 24862582,storefrontBaseUrl: "https://www.ooly.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"356188195","configuration":"{\"accountID\":\"N78h82\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4dc2bf2f415d498931f502e99c2a3863","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"240320547","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-4F0JSMJ5LQ\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-4F0JSMJ5LQ\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-4F0JSMJ5LQ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-4F0JSMJ5LQ\\\",\\\"MC-7V9G9W3B0J\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-4F0JSMJ5LQ\\\",\\\"MC-7V9G9W3B0J\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-4F0JSMJ5LQ\\\",\\\"MC-7V9G9W3B0J\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-4F0JSMJ5LQ\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-4F0JSMJ5LQ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"32490078a1ca868202a857e260a8d770","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"206274595","configuration":"{\"clickstreamId\":\"4504d800-6082-4ed3-b3b5-49b78bd60c32\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"dcfdcabc2cdf683be91ee1aab415cc48","type":"APP","apiClientId":44186959873,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"67436579","configuration":"{\"pixel_id\":\"859740347445079\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"56295459","configuration":"{\"masterTagID\":\"81571\",\"merchantID\":\"97188\",\"appPath\":\"https://daedalus.shareasale.com\",\"storeID\":\"NaN\",\"xTypeMode\":\"NaN\",\"xTypeValue\":\"NaN\",\"channelDedup\":\"NaN\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"630a98b3fb48984bbf4a09b4ac42defc","type":"APP","apiClientId":4929191,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"48693283","configuration":"{\"tagID\":\"2613314870173\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"12451875","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ShareASale Tracking"},{"id":"13074467","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM and dataLayer"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"OOLY","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ooly-store.myshopify.com","countryCode":"US","storefrontUrl":"https://www.ooly.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.ooly.com/cdn","230b189fw3875b864p642644e6m74838f3a",{"modern":"","legacy":""},{"shopId":"24862582","storefrontBaseUrl":"https://www.ooly.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"230b189fw3875b864p642644e6m74838f3a"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 24862582, theme_id: 161375617059, app_name: "storefront", context_url: window.location.href, source_url: "//www.ooly.com/cdn/s/trekkie.storefront.fc89087661a0619ee61984dff12e5581bfee89c0.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.ooly.com/cdn/s/trekkie.storefront.fc89087661a0619ee61984dff12e5581bfee89c0.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.ooly.com/cdn/s/trekkie.storefront.fc89087661a0619ee61984dff12e5581bfee89c0.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":24862582,"isMerchantRequest":null,"themeId":161375617059,"themeCityHash":"7276496252895045808","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.ooly.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); } console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); }; if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); } } </script> <script defer src="https://www.ooly.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.2.min.js" data-application="storefront-renderer" data-shop-id="24862582" data-render-region="gcp-europe-west1" data-page-type="index" data-theme-instance-id="161375617059" data-theme-name="Impact" data-theme-version="6.3.0" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true" ></script> </head> <body class="zoom-image--enabled"><!-- DRAWER --> <template id="drawer-default-template"> <style> [hidden] { display: none !important; } </style> <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> <div part="overlay"></div> <div part="content"> <header part="header"> <slot name="header"></slot> <button part="close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> </header> <div part="body"> <slot></slot> </div> <footer part="footer"> <slot name="footer"></slot> </footer> </div> </template> <!-- POPOVER --> <template id="popover-default-template"> <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> <div part="overlay"></div> <div part="content"> <header part="title"> <slot name="title"></slot> </header> <div part="body"> <slot></slot> </div> </div> </template><a href="#main" class="skip-to-content sr-only">Skip to content</a><!-- BEGIN sections: header-group --> <aside id="shopify-section-sections--21298988417059__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section--announcement-bar"><style> :root { --sticky-announcement-bar-enabled:0; }</style><height-observer variable="announcement-bar"> <div class="announcement-bar text-custom"style="--text-color: 0 0 0;" ><marquee-text scrolling-speed="10" class="announcement-bar__scrolling-list" ><span class="announcement-bar__item" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span><span class="announcement-bar__item" aria-hidden="true" ><p class="bold text-base" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons">🖌️ FREE Watercolor Gel Crayons! 🎨</a></p> <span class="shape-circle shape--sm"></span><p class="bold text-base" ><a href="/pages/peanuts">Shop OOLY x Peanuts 🛍️</a></p> <span class="shape-circle shape--sm"></span></span></marquee-text></div> </height-observer> <script> document.documentElement.style.setProperty('--announcement-bar-height', Math.round(document.getElementById('shopify-section-sections--21298988417059__announcement-bar').clientHeight) + 'px'); </script> </aside><header id="shopify-section-sections--21298988417059__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style> :root { --sticky-header-enabled:1; } #shopify-section-sections--21298988417059__header { --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr); --header-padding-block: var(--spacing-3); --header-background-opacity: 1.0; --header-background-blur-radius: 6px; --header-transparent-text-color: 255 255 255;--header-logo-width: 100px; --header-logo-height: 48px;position: sticky; top: 0; z-index: 10; }.shopify-section--announcement-bar ~ #shopify-section-sections--21298988417059__header { top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px)); }@media screen and (max-width: 699px) { .navigation-drawer { --drawer-content-max-height: calc(100vh - (var(--spacing-2) * 2)); } }@media screen and (min-width: 700px) { #shopify-section-sections--21298988417059__header {--header-logo-width: 120px; --header-logo-height: 57px;--header-padding-block: var(--spacing-6); } }@media screen and (min-width: 1150px) {#shopify-section-sections--21298988417059__header { --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) fit-content(70%) minmax(0, 1fr); } }</style> <height-observer variable="header"> <store-header class="header" hide-on-scroll="100" sticky> <div class="header__wrapper"><div class="header__main-nav"> <div class="header__icon-list"> <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu"> <span class="sr-only">Menu</span><svg role="presentation" stroke-width="1.5" focusable="false" width="22" height="22" class="icon icon-hamburger" viewBox="0 0 22 22"> <path d="M1 5h20M1 11h20M1 17h20" stroke="currentColor" stroke-linecap="round"></path> </svg></button> <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer"> <span class="sr-only">Search</span><svg role="presentation" stroke-width="1.5" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22"> <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle> <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg></a><nav class="header__link-list justify-center wrap" role="navigation"> <ul class="contents" role="list"> <li><details is="mega-menu-disclosure" trigger="click" > <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/all">Shop<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7"> <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg></summary><style> @media screen and (min-width: 1150px) { #mega-menu-1a41bf9e-f872-477e-9093-90d8a9d113e0 { --mega-menu-nav-column-max-width: 160px; --mega-menu-justify-content: space-between; --mega-menu-nav-gap: var(--spacing-12); --column-list-max-width: 75%; } } @media screen and (min-width: 1400px) { #mega-menu-1a41bf9e-f872-477e-9093-90d8a9d113e0 { --mega-menu-nav-column-max-width: 180px; --mega-menu-nav-gap: var(--spacing-12); --column-list-max-width: 75%; } } @media screen and (min-width: 1600px) { #mega-menu-1a41bf9e-f872-477e-9093-90d8a9d113e0 { --mega-menu-nav-gap: var(--spacing-16); } } @media screen and (min-width: 1800px) { #mega-menu-1a41bf9e-f872-477e-9093-90d8a9d113e0 { --mega-menu-nav-gap: var(--spacing-20); } } </style><div id="mega-menu-1a41bf9e-f872-477e-9093-90d8a9d113e0" class="mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start"> <a href="/collections/most-popular" class="h5" > <span class="reversed-link hover:show">Bestsellers</span> </a></li><li class="v-stack gap-4 justify-items-start"> <a href="/collections/new" class="h5" > <span class="reversed-link hover:show">New</span> </a></li><li class="v-stack gap-4 justify-items-start"> <a href="/collections/activity-kits" class="h5" > <span class="reversed-link hover:show">Activity & Craft Kits</span> </a><ul class="v-stack gap-2 justify-items-start" role="list"><li> <a href="/collections/coloring-books" class="link-faded"> <span >Coloring Books</span> </a> </li><li> <a href="/collections/shrink-its" class="link-faded"> <span >Shrink Art Kits</span> </a> </li><li> <a href="/collections/activity-cards" class="link-faded"> <span >Activity Cards</span> </a> </li><li> <a href="/collections/paint-canvas-kits" class="link-faded"> <span >Paint & Canvas Kits</span> </a> </li><li> <a href="/collections/creatibles-air-dry-clay-kits" class="link-faded"> <span >Air Dry Clay Kits</span> </a> </li><li> <a href="/collections/tiny-tadas" class="link-faded"> <span >Notecard & Sticker Kits</span> </a> </li><li> <a href="/collections/scratch-art-kits" class="link-faded"> <span >Scratch Art Kits</span> </a> </li><li> <a href="/collections/gem-art-kits" class="link-faded"> <span >Gem Art Kits</span> </a> </li><li> <a href="/collections/temporary-tattoos" class="link-faded"> <span >Temporary Tattoos</span> </a> </li><li> <a href="/collections/stickers" class="link-faded"> <span >Stickers</span> </a> </li></ul></li><li class="v-stack gap-4 justify-items-start"> <a href="/collections/color-draw" class="h5" > <span class="reversed-link hover:show">Coloring & Drawing</span> </a><ul class="v-stack gap-2 justify-items-start" role="list"><li> <a href="/collections/markers" class="link-faded"> <span >Markers</span> </a> </li><li> <a href="/collections/coloring-books" class="link-faded"> <span >Coloring Books</span> </a> </li><li> <a href="/collections/gel-pens" class="link-faded"> <span >Gel Pens</span> </a> </li><li> <a href="/collections/crayons" class="link-faded"> <span >Crayons</span> </a> </li><li> <a href="/collections/sketchbooks" class="link-faded"> <span >Sketchbooks</span> </a> </li><li> <a href="/collections/chunkies-paint-sticks" class="link-faded"> <span >Paint Sticks</span> </a> </li><li> <a href="/collections/colored-pencils" class="link-faded"> <span >Colored Pencils</span> </a> </li><li> <a href="/collections/pencils-sharpeners" class="link-faded"> <span >Pencils</span> </a> </li><li> <a href="/collections/erasers" class="link-faded"> <span >Erasers</span> </a> </li></ul></li><li class="v-stack gap-4 justify-items-start"> <a href="/collections/calendar-planner-supplies" class="h5" > <span class="reversed-link hover:show">Planning & Organizing</span> </a><ul class="v-stack gap-2 justify-items-start" role="list"><li> <a href="/collections/fountain-pens" class="link-faded"> <span >Fountain Pens</span> </a> </li><li> <a href="/collections/gel-pens" class="link-faded"> <span >Gel Pens</span> </a> </li><li> <a href="/collections/highlighters" class="link-faded"> <span >Highlighters</span> </a> </li></ul></li><li class="v-stack gap-4 justify-items-start"> <a href="/collections/gifts" class="h5" > <span class="reversed-link hover:show">Gifts</span> </a><ul class="v-stack gap-2 justify-items-start" role="list"><li> <a href="/collections/bonus-boxes" class="link-faded"> <span >Bonus Box Bundles</span> </a> </li><li> <a href="/collections/gifts" class="link-faded"> <span >Gift Sets</span> </a> </li></ul></li><li class="v-stack gap-4 justify-items-start"> <a href="/collections/buy-with-prime" class="h5" > <span class="reversed-link hover:show">Buy with Prime</span> </a></li></ul> <style> #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- { --navigation-promo-grid: auto / repeat(1, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width))) ; --mega-menu-promo-grid-image-max-width: 300px; --mega-menu-promo-grid-image-min-width: 172px; --promo-heading-font-size: var(--text-h5); --content-over-media-row-gap: var(--spacing-3); --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2); --panel-wrapper-justify-content: flex-start;} #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);} @media screen and (min-width:700px) { #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px; --content-over-media-row-gap: var(--spacing-4); --content-over-media-column-gap: var(--spacing-5); } }@media screen and (min-width: 1150px) { #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- { --promo-heading-font-size: var(--text-h4); --promo-heading-line-height: 1.3; --navigation-promo-gap: var(--spacing-0-5); --mega-menu-promo-grid-image-min-width: 220px; margin-block-start: calc(-1 * var(--mega-menu-block-padding)); margin-block-end: calc(-1 * var(--mega-menu-block-padding)); margin-inline-end: calc(-1 * (100vw - min(100vw - var(--container-gutter) * 2, var(--container-max-width))) / 2); } #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- { --content-over-media-row-gap: var(--spacing-6); --content-over-media-column-gap: var(--spacing-8); } } @media screen and (min-width: 1400px) { #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- { --mega-menu-promo-grid-image-max-width: 440px; --promo-heading-font-size: var(--text-h6); --promo-heading-line-height: 1.4; } #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7- { --content-over-media-row-gap: var(--spacing-4); --content-over-media-column-gap: var(--spacing-5); } }</style><div class="navigation-promo__wrapper " id="navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-7-"><div class="navigation-promo navigation-promo--grid scroll-area bleed"> <a href="/pages/peanuts" class="content-over-media group " style="--text-color: 104 5 251; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=1000 1000w" width="2400" height="2400" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px) " class="zoom-image"></a> </div></div></div></details></li> <li><details is="mega-menu-disclosure" trigger="click" > <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/pages/peanuts">OOLY x Peanuts<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7"> <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg></summary><style> @media screen and (min-width: 1150px) { #mega-menu-mega_menu_JTWHcQ { --mega-menu-nav-column-max-width: 180px; --mega-menu-justify-content: space-between; --mega-menu-nav-gap: var(--spacing-12); } } @media screen and (min-width: 1400px) { #mega-menu-mega_menu_JTWHcQ { --mega-menu-nav-column-max-width: 220px; --mega-menu-nav-gap: var(--spacing-12); --column-list-max-width: max-content; } } @media screen and (min-width: 1600px) { #mega-menu-mega_menu_JTWHcQ { --mega-menu-nav-gap: var(--spacing-16); } } @media screen and (min-width: 1800px) { #mega-menu-mega_menu_JTWHcQ { --mega-menu-nav-gap: var(--spacing-20); } } </style><div id="mega-menu-mega_menu_JTWHcQ" class="mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start"> <a href="/pages/peanuts" class="h5" > <span class="reversed-link hover:show">OOLY x Peanuts</span> </a><ul class="v-stack gap-2 justify-items-start" role="list"><li> <a href="/pages/ooly-x-peanuts-crafts-and-diy" class="link-faded"> <span >Crafts and DIY</span> </a> </li><li> <a href="/products/ooly-peanuts-bonus-box" class="link-faded"> <span >Bonus Box</span> </a> </li><li> <a href="/collections/peanuts" class="link-faded"> <span >Peanuts Collection</span> </a> </li></ul></li></ul> <style> #navigation-promo-mega_menu_JTWHcQ-1- { --navigation-promo-grid: auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width))) ; --mega-menu-promo-grid-image-max-width: 300px; --mega-menu-promo-grid-image-min-width: 172px; --promo-heading-font-size: var(--text-h5); --content-over-media-row-gap: var(--spacing-3); --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2); --panel-wrapper-justify-content: flex-start;} #navigation-promo-mega_menu_JTWHcQ-1- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);} @media screen and (min-width:700px) { #navigation-promo-mega_menu_JTWHcQ-1- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px; --content-over-media-row-gap: var(--spacing-4); --content-over-media-column-gap: var(--spacing-5); } }@media screen and (min-width: 1150px) { #navigation-promo-mega_menu_JTWHcQ-1- { --promo-heading-font-size: var(--text-h4); --promo-heading-line-height: 1.3; --navigation-promo-gap: var(--spacing-0-5); --mega-menu-promo-grid-image-min-width: 220px; margin-block-start: calc(-1 * var(--mega-menu-block-padding)); margin-block-end: calc(-1 * var(--mega-menu-block-padding)); margin-inline-end: calc(-1 * (100vw - min(100vw - var(--container-gutter) * 2, var(--container-max-width))) / 2); } #navigation-promo-mega_menu_JTWHcQ-1- { --content-over-media-row-gap: var(--spacing-6); --content-over-media-column-gap: var(--spacing-8); } } @media screen and (min-width: 1400px) { #navigation-promo-mega_menu_JTWHcQ-1- { --mega-menu-promo-grid-image-max-width: 440px; } }</style><div class="navigation-promo__wrapper " id="navigation-promo-mega_menu_JTWHcQ-1-"><div class="navigation-promo navigation-promo--grid scroll-area bleed"> <a href="/pages/peanuts" class="content-over-media group " style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=1000 1000w" width="2400" height="2400" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px) " class="zoom-image"></a><a href="/pages/ooly-x-peanuts-crafts-and-diy" class="content-over-media group " style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=1000 1000w" width="2400" height="2400" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px) " class="zoom-image"></a><a href="/products/ooly-peanuts-bonus-box" class="content-over-media group " style="--text-color: 104 5 251; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036" alt="Open colorable OOLY box with content coming out of OOLY x Peanuts Bonus Box" srcset="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=1000 1000w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px) " class="zoom-image"><div class="place-self-end-start text-custom"> <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">shop bonus box</p> </div></a> </div></div></div></details></li> <li><a href="/blogs/blog" class="bold link-faded-reverse" >Craft Blog</a></li> <li><a href="/pages/meet-ooly" class="bold link-faded-reverse" >Meet OOLY</a></li> <li><details class="relative" is="dropdown-disclosure" trigger="click"> <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/pages/faq">FAQ<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7"> <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg></summary> <div class="dropdown-menu dropdown-menu--restrictable"> <ul class="contents" role="list"><li><a href="/pages/shipping-returns" class="dropdown-menu__item group" > <span><span class="reversed-link">Shipping & Returns</span></span> </a></li><li><a href="https://www.ooly.com/apps/tracktor/track" class="dropdown-menu__item group" > <span><span class="reversed-link">Track Your Order</span></span> </a></li><li><a href="/pages/faq" class="dropdown-menu__item group" > <span><span class="reversed-link">FAQ</span></span> </a></li><li><a href="/pages/contact" class="dropdown-menu__item group" > <span><span class="reversed-link">Contact Us</span></span> </a></li><li><a href="/pages/ooly-reviews" class="dropdown-menu__item group" > <span><span class="reversed-link">Reviews</span></span> </a></li></ul> </div> </details></li> <li><a href="/pages/loyalty" class="bold link-faded-reverse" >JOIN Sparkle Rewards</a></li></ul> </nav></div> </div><h1 class="header__logo"> <a href="/"><span class="sr-only">OOLY</span><img src="//www.ooly.com/cdn/shop/files/OOLY_logo.png?v=1687890250&width=512" alt="" srcset="//www.ooly.com/cdn/shop/files/OOLY_logo.png?v=1687890250&width=240 240w, //www.ooly.com/cdn/shop/files/OOLY_logo.png?v=1687890250&width=360 360w" width="512" height="244" sizes="120px" class="header__logo-image"><img src="//www.ooly.com/cdn/shop/files/OOLY_logo_WHITE_-_280_x_133.png?v=1689979214&width=280" alt="" srcset="//www.ooly.com/cdn/shop/files/OOLY_logo_WHITE_-_280_x_133.png?v=1689979214&width=240 240w" width="280" height="133" sizes="120px" class="header__logo-image header__logo-image--transparent"></a> </h1> <div class="header__secondary-nav"><ul class="header__icon-list"><li> <a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer"> <span class="sr-only">Search</span><svg role="presentation" stroke-width="1.5" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22"> <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle> <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg></a> </li><li> <a href="/account/login" class="hidden tap-area sm:block"> <span class="sr-only">Login</span><svg role="presentation" stroke-width="1.5" focusable="false" width="22" height="22" class="icon icon-account" viewBox="0 0 22 22"> <circle cx="11" cy="7" r="4" fill="none" stroke="currentColor"></circle> <path d="M3.5 19c1.421-2.974 4.247-5 7.5-5s6.079 2.026 7.5 5" fill="none" stroke="currentColor" stroke-linecap="round"></path> </svg></a> </li><li> <a href="/cart" data-no-instant class="relative tap-area" aria-controls="cart-drawer"> <span class="sr-only">Cart</span><svg role="presentation" stroke-width="1.5" focusable="false" width="22" height="22" class="icon icon-cart" viewBox="0 0 22 22"> <path d="M14.666 7.333a3.666 3.666 0 1 1-7.333 0M3.33 6.785l-.642 7.7c-.137 1.654-.206 2.48.073 3.119a2.75 2.75 0 0 0 1.21 1.314c.612.332 1.442.332 3.102.332h7.853c1.66 0 2.49 0 3.103-.332a2.75 2.75 0 0 0 1.21-1.314c.279-.638.21-1.465.072-3.12l-.642-7.7c-.118-1.423-.178-2.134-.493-2.673A2.75 2.75 0 0 0 16.99 3.02c-.563-.269-1.277-.269-2.705-.269h-6.57c-1.428 0-2.142 0-2.705.27A2.75 2.75 0 0 0 3.823 4.11c-.315.539-.374 1.25-.493 2.674Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg><div class="header__cart-count"> <cart-count class="count-bubble opacity-0"> <span class="sr-only">0 items</span> <span aria-hidden="true">0</span> </cart-count> </div> </a> </li> </ul> </div> </div> </store-header> </height-observer><navigation-drawer mobile-opening="left" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" > <button is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="19" height="19" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button><div class="panel-list__wrapper"> <div class="panel"> <div class="panel__wrapper" > <div class="panel__scroller v-stack gap-8"><ul class="v-stack gap-4"> <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0"> <span>Shop</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li> <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1"> <span>OOLY x Peanuts</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li> <li class="h3 sm:h4"><a href="/blogs/blog" class="group block w-full"> <span><span class="reversed-link">Craft Blog</span></span> </a></li> <li class="h3 sm:h4"><a href="/pages/meet-ooly" class="group block w-full"> <span><span class="reversed-link">Meet OOLY</span></span> </a></li> <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-2"> <span>FAQ</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li> <li class="h3 sm:h4"><a href="/pages/loyalty" class="group block w-full"> <span><span class="reversed-link">JOIN Sparkle Rewards</span></span> </a></li></ul></div><div class="panel-footer v-stack gap-5"><ul class="social-media " role="list"><li> <a href="https://www.facebook.com/weareooly/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.instagram.com/weareooly/?hl=en" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.pinterest.com/weareooly/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Pinterest"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-pinterest" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.765 2.401c3.59-.054 5.837 1.4 6.895 3.95.349.842.722 2.39.442 3.675-.112.512-.144 1.048-.295 1.53-.308.983-.708 1.853-1.238 2.603-.72 1.02-1.81 1.706-3.182 2.052-1.212.305-2.328-.152-2.976-.643-.206-.156-.483-.36-.56-.643h-.029c-.046.515-.244 1.062-.383 1.531-.193.65-.23 1.321-.472 1.929a12.345 12.345 0 0 1-.942 1.868c-.184.302-.692 1.335-1.061 1.347-.04-.078-.057-.108-.06-.245-.118-.19-.035-.508-.087-.766-.082-.4-.145-1.123-.06-1.53v-.643c.096-.442.092-.894.207-1.317.25-.92.39-1.895.648-2.848.249-.915.477-1.916.678-2.847.045-.21-.21-.815-.265-1.041-.174-.713-.042-1.7.176-2.236.275-.674 1.08-1.703 2.122-1.439.838.212 1.371 1.118 1.09 2.266-.295 1.205-.677 2.284-.943 3.49-.068.311.05.641.118.827.248.672 1 1.324 2.004 1.072 1.52-.383 2.193-1.76 2.652-3.246.124-.402.109-.781.206-1.225.204-.935.118-2.331-.177-3.061-.472-1.17-1.353-1.92-2.563-2.328L12.707 4.3c-.56-.128-1.626.064-2.004.183-1.69.535-2.737 1.427-3.388 3.032-.222.546-.344 1.1-.383 1.868l-.03.276c.13.686.144 1.14.413 1.653.132.252.447.451.5.765.032.185-.104.464-.147.613-.065.224-.041.48-.147.673-.192.349-.714.087-.943-.061-1.192-.77-2.175-2.995-1.62-5.144.085-.332.09-.62.206-.919.723-1.844 1.802-2.978 3.359-3.95.583-.364 1.37-.544 2.092-.734l1.149-.154Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.youtube.com/c/weareooly/videos" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.tiktok.com/@weareooly?lang=en" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewBox="0 0 24 24"> <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.linkedin.com/company/weareooly" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on LinkedIn"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-linkedin" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.349 5.478a1.875 1.875 0 1 0-3.749 0 1.875 1.875 0 1 0 3.749 0ZM7.092 19.2H3.857V8.78h3.235V19.2ZM12.22 8.78H9.121V19.2h3.228v-5.154c0-1.36.257-2.676 1.94-2.676 1.658 0 1.68 1.554 1.68 2.763V19.2H19.2v-5.715c0-2.806-.605-4.963-3.877-4.963-1.573 0-2.629.863-3.06 1.683h-.044V8.78Z" fill="currentColor"/> </svg></a> </li></ul><div class="panel-footer__localization-wrapper h-stack gap-6 border-t md:hidden"><a href="/account" class="panel-footer__account-link bold text-sm">Account</a></div></div></div> </div><div class="panel gap-8"> <div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden> <ul class="v-stack gap-4"> <li class="lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>Shop </button> </li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/most-popular"><span><span class="reversed-link">Bestsellers</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/new"><span><span class="reversed-link">New</span></span> </a></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-0"> <span>Activity & Crafts Kits</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-1"> <span>Coloring & Drawing</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-2"> <span>Planning & Organizing</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-3"> <span>Gifts</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/buy-with-prime"><span><span class="reversed-link">Buy with Prime</span></span> </a></li></ul> <style> #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-drawer-7- { --navigation-promo-grid: auto / repeat(1, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width))) ; --mega-menu-promo-grid-image-max-width: 300px; --mega-menu-promo-grid-image-min-width: 172px; --promo-heading-font-size: var(--text-h5); --content-over-media-row-gap: var(--spacing-3); --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2); --panel-wrapper-justify-content: flex-start;} #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-drawer-7- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);} @media screen and (min-width:700px) { #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-drawer-7- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px; --content-over-media-row-gap: var(--spacing-4); --content-over-media-column-gap: var(--spacing-5); } }@media screen and (min-width: 1150px) { #navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-drawer-7- { --promo-heading-font-size: var(--text-h5); --content-over-media-row-gap: var(--spacing-5); --content-over-media-column-gap: var(--spacing-7); --mega-menu-promo-grid-image-min-width: 220px; } }</style><div class="navigation-promo__wrapper " id="navigation-promo-1a41bf9e-f872-477e-9093-90d8a9d113e0-drawer-7-"><div class="navigation-promo navigation-promo--grid scroll-area bleed"> <a href="/pages/peanuts" class="content-over-media group " style="--text-color: 104 5 251; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=1000 1000w" width="2400" height="2400" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px " class="zoom-image"></a> </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden> <ul class="v-stack gap-4"> <li class="lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>OOLY x Peanuts </button> </li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/peanuts"><span><span class="reversed-link">OOLY x Peanuts</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/ooly-x-peanuts-crafts-and-diy"><span><span class="reversed-link">Crafts and DIY</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/products/ooly-peanuts-bonus-box"><span><span class="reversed-link">Bonus Box</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/peanuts"><span><span class="reversed-link">Peanuts Collection</span></span> </a></li></ul> <style> #navigation-promo-mega_menu_JTWHcQ-drawer-4- { --navigation-promo-grid: auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width))) ; --mega-menu-promo-grid-image-max-width: 300px; --mega-menu-promo-grid-image-min-width: 172px; --promo-heading-font-size: var(--text-h5); --content-over-media-row-gap: var(--spacing-3); --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2); --panel-wrapper-justify-content: flex-start;} #navigation-promo-mega_menu_JTWHcQ-drawer-4- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);} @media screen and (min-width:700px) { #navigation-promo-mega_menu_JTWHcQ-drawer-4- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px; --content-over-media-row-gap: var(--spacing-4); --content-over-media-column-gap: var(--spacing-5); } }@media screen and (min-width: 1150px) { #navigation-promo-mega_menu_JTWHcQ-drawer-4- { --promo-heading-font-size: var(--text-h5); --content-over-media-row-gap: var(--spacing-5); --content-over-media-column-gap: var(--spacing-7); --mega-menu-promo-grid-image-min-width: 220px; } }</style><div class="navigation-promo__wrapper " id="navigation-promo-mega_menu_JTWHcQ-drawer-4-"><div class="navigation-promo navigation-promo--grid scroll-area bleed"> <a href="/pages/peanuts" class="content-over-media group " style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=1000 1000w" width="2400" height="2400" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px " class="zoom-image"></a><a href="/pages/ooly-x-peanuts-crafts-and-diy" class="content-over-media group " style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-craft-blog-see-inspiration-mobile.jpg?v=1741219740&width=1000 1000w" width="2400" height="2400" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px " class="zoom-image"></a><a href="/products/ooly-peanuts-bonus-box" class="content-over-media group " style="--text-color: 104 5 251; grid-area: ;"><img src="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036" alt="Open colorable OOLY box with content coming out of OOLY x Peanuts Bonus Box" srcset="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Open-Colorable.jpg?v=1741286036&width=1000 1000w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px " class="zoom-image"><div class="place-self-end-start text-custom"> <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">shop bonus box</p> </div></a> </div></div></div><div class="panel__wrapper" hidden> <ul class="v-stack gap-4"> <li class="lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>FAQ </button> </li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/shipping-returns"><span><span class="reversed-link">Shipping & Returns</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="https://www.ooly.com/apps/tracktor/track"><span><span class="reversed-link">Track Your Order</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/faq"><span><span class="reversed-link">Frequently Asked Questions</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/contact"><span><span class="reversed-link">Contact Us</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/ooly-reviews"><span><span class="reversed-link">Reviews</span></span> </a></li></ul></div> </div> <div class="panel"> <div class="panel__wrapper" hidden> <ul class="v-stack gap-3"> <li class="text-with-icon lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>Activity & Crafts Kits </button> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/activity-kits"><img src="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Flat-with-Products.png?v=1741106806&width=104" alt="Flat lay of contents of OOLY x Peanuts Bonus Box" srcset="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Flat-with-Products.png?v=1741106806&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Flat-with-Products.png?v=1741106806&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Shop All</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/coloring-books"><img src="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Coloring-Kit-Markers-Stickers-Coloring-Book-Packaging-Front.png?v=1738621057&width=104" alt="Front of package of OOLY Yummy Yummy Scented Coloring Kit - Markers Stickers Coloring Book" srcset="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Coloring-Kit-Markers-Stickers-Coloring-Book-Packaging-Front.png?v=1738621057&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Coloring-Kit-Markers-Stickers-Coloring-Book-Packaging-Front.png?v=1738621057&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Coloring Books</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/shrink-its"><img src="//www.ooly.com/cdn/shop/files/OOLY-Shrink-its-DIY-Shrink-Art-Kit-Cute-Crew-B1-3000px.png?v=1727646525&width=104" alt="OOLY Shrink-its! DIY Shrink Art Kit - Cute Crew front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Shrink-its-DIY-Shrink-Art-Kit-Cute-Crew-B1-3000px.png?v=1727646525&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Shrink-its-DIY-Shrink-Art-Kit-Cute-Crew-B1-3000px.png?v=1727646525&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Shrink Art Kits</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/activity-cards"><img src="//www.ooly.com/cdn/shop/files/OOLY-Joke-Decoder-Activity-Cards-Package-Front.png?v=1730489630&width=104" alt="OOLY Joke Decoder Paper Games activity cart set front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Joke-Decoder-Activity-Cards-Package-Front.png?v=1730489630&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Joke-Decoder-Activity-Cards-Package-Front.png?v=1730489630&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Activity Cards</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/paint-canvas-kits"><img src="//www.ooly.com/cdn/shop/files/OOLY-Paintology-Acrylic-Paint-Set-Classic-Colors-Package-Front.png?v=1717456420&width=104" alt="Front of packaging of OOLY Paintology Acrylic Paint Set - Classic Colors" srcset="//www.ooly.com/cdn/shop/files/OOLY-Paintology-Acrylic-Paint-Set-Classic-Colors-Package-Front.png?v=1717456420&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Paintology-Acrylic-Paint-Set-Classic-Colors-Package-Front.png?v=1717456420&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Paint & Canvas Kits</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/creatibles-air-dry-clay-kits"><img src="//www.ooly.com/cdn/shop/files/OOLY-Creatibles-Deluxe-Air-Dry-Clay-Kit-Package-Front.png?v=1730492655&width=104" alt="OOLY Creatibles Deluxe Air Dry Clay Kit front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Creatibles-Deluxe-Air-Dry-Clay-Kit-Package-Front.png?v=1730492655&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Creatibles-Deluxe-Air-Dry-Clay-Kit-Package-Front.png?v=1730492655&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Air Dry Clay Kits</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/tiny-tadas"><img src="//www.ooly.com/cdn/shop/files/OOLY-Tiny-Tadas-Note-Cards-Sticker-Set-Sweet-Treats-Package-Front.png?v=1735399667&width=104" alt="Front of packaging of OOLY Tiny Tadas! Note Cards and Sticker Set - Sweet Treats" srcset="//www.ooly.com/cdn/shop/files/OOLY-Tiny-Tadas-Note-Cards-Sticker-Set-Sweet-Treats-Package-Front.png?v=1735399667&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Tiny-Tadas-Note-Cards-Sticker-Set-Sweet-Treats-Package-Front.png?v=1735399667&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Notecard & Sticker Kits</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/scratch-art-kits"><img src="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Scratch-Art-Kit-Packaging-Front.png?v=1738684404&width=104" alt="Front of packaging of OOLY x Peanuts Scratch Art Kit" srcset="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Scratch-Art-Kit-Packaging-Front.png?v=1738684404&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Scratch-Art-Kit-Packaging-Front.png?v=1738684404&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Scratch Art Kits</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/gem-art-kits"><img src="//www.ooly.com/cdn/shop/products/161-088-Razzle-Dazzle-DIY-Mini-Gem-Art-Kit-Cutesy-Cat-C1.png?v=1653519314&width=104" alt="OOLY view of Razzle Dazzle DIY Gem Art Kit - Cutesy Cat in packaging" srcset="//www.ooly.com/cdn/shop/products/161-088-Razzle-Dazzle-DIY-Mini-Gem-Art-Kit-Cutesy-Cat-C1.png?v=1653519314&width=52 52w, //www.ooly.com/cdn/shop/products/161-088-Razzle-Dazzle-DIY-Mini-Gem-Art-Kit-Cutesy-Cat-C1.png?v=1653519314&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Gem Art Kits</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/temporary-tattoos"><img src="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Temporary-Tattoos-Packaging-Front.png?v=1740685147&width=104" alt="Front of packaging of OOLY x Peanuts Temporary Tattoos" srcset="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Temporary-Tattoos-Packaging-Front.png?v=1740685147&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Temporary-Tattoos-Packaging-Front.png?v=1740685147&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Temporary Tattoos</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/stickers"><img src="//www.ooly.com/cdn/shop/files/OOLY-Stickiville-Suzy-Ultman-A-Whole-Lotta-Stickers-Sticker-Book-Dress-Up-Cats-Package-Front.png?v=1712875650&width=104" alt="OOLY Stickiville Suzy Ultman Sticker Book Dress Up front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Stickiville-Suzy-Ultman-A-Whole-Lotta-Stickers-Sticker-Book-Dress-Up-Cats-Package-Front.png?v=1712875650&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Stickiville-Suzy-Ultman-A-Whole-Lotta-Stickers-Sticker-Book-Dress-Up-Cats-Package-Front.png?v=1712875650&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Stickers</span></span> </a> </li></ul> </div><div class="panel__wrapper" hidden> <ul class="v-stack gap-3"> <li class="text-with-icon lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>Coloring & Drawing </button> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/color-draw"><img src="//www.ooly.com/cdn/shop/files/OOLY-Cat-Parade-Gel-Crayons-Packaging-Front.png?v=1727626676&width=104" alt="Front of packaging of OOLY Cat Parade Gel Crayons Packaging Front" srcset="//www.ooly.com/cdn/shop/files/OOLY-Cat-Parade-Gel-Crayons-Packaging-Front.png?v=1727626676&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Cat-Parade-Gel-Crayons-Packaging-Front.png?v=1727626676&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Shop All</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/markers"><img src="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Markers-Packaging-Front.png?v=1716398939&width=104" alt="Yummy Yummy Scented Markers - Set of 12" srcset="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Markers-Packaging-Front.png?v=1716398939&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Markers-Packaging-Front.png?v=1716398939&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Markers</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/coloring-books"><img src="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Coloring-Kit-Markers-Stickers-Coloring-Book-Packaging-Front.png?v=1738621057&width=104" alt="Front of package of OOLY Yummy Yummy Scented Coloring Kit - Markers Stickers Coloring Book" srcset="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Coloring-Kit-Markers-Stickers-Coloring-Book-Packaging-Front.png?v=1738621057&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Scented-Coloring-Kit-Markers-Stickers-Coloring-Book-Packaging-Front.png?v=1738621057&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Coloring Books</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/gel-pens"><img src="//www.ooly.com/cdn/shop/products/132-144-Very-Berry-Scented-Gel-Pens_B1_1200px.png?v=1670372689&width=104" alt="OOLY Very Berry Strawberry Scented Gel Pens in packaging" srcset="//www.ooly.com/cdn/shop/products/132-144-Very-Berry-Scented-Gel-Pens_B1_1200px.png?v=1670372689&width=52 52w, //www.ooly.com/cdn/shop/products/132-144-Very-Berry-Scented-Gel-Pens_B1_1200px.png?v=1670372689&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Gel Pens</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/crayons"><img src="//www.ooly.com/cdn/shop/files/OOLY-Cat-Parade-Gel-Crayons-Packaging-Front.png?v=1727626676&width=104" alt="Front of packaging of OOLY Cat Parade Gel Crayons Packaging Front" srcset="//www.ooly.com/cdn/shop/files/OOLY-Cat-Parade-Gel-Crayons-Packaging-Front.png?v=1727626676&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Cat-Parade-Gel-Crayons-Packaging-Front.png?v=1727626676&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Crayons</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/sketchbooks"><img src="//www.ooly.com/cdn/shop/products/118-280-Sketch-and-Show-Standing-Sketchbook-Pets-at-Play_B1_1200px.png?v=1670365064&width=104" alt="OOLY Sketch & Show Standing Sketchbook - Pets at Play view of cover" srcset="//www.ooly.com/cdn/shop/products/118-280-Sketch-and-Show-Standing-Sketchbook-Pets-at-Play_B1_1200px.png?v=1670365064&width=52 52w, //www.ooly.com/cdn/shop/products/118-280-Sketch-and-Show-Standing-Sketchbook-Pets-at-Play_B1_1200px.png?v=1670365064&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Sketchbooks</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/chunkies-paint-sticks"><img src="//www.ooly.com/cdn/shop/files/OOLY-Chunkies-Paint-Sticks-Variety-Pack-Package-Front_50b0df42-68ba-4181-a300-957c0fae5ab7.png?v=1735327526&width=104" alt="OOLY Chunkies Paint Sticks variety pack with original colors, pastel and metallic" srcset="//www.ooly.com/cdn/shop/files/OOLY-Chunkies-Paint-Sticks-Variety-Pack-Package-Front_50b0df42-68ba-4181-a300-957c0fae5ab7.png?v=1735327526&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Chunkies-Paint-Sticks-Variety-Pack-Package-Front_50b0df42-68ba-4181-a300-957c0fae5ab7.png?v=1735327526&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Paint Sticks</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/colored-pencils"><img src="//www.ooly.com/cdn/shop/products/128-159-Pastel-Hues-Colored-Pencils-Set-of-12-B1.png?v=1607974437&width=104" alt="OOLY Pastel Hues colored pencils set of 24 in packaging" srcset="//www.ooly.com/cdn/shop/products/128-159-Pastel-Hues-Colored-Pencils-Set-of-12-B1.png?v=1607974437&width=52 52w, //www.ooly.com/cdn/shop/products/128-159-Pastel-Hues-Colored-Pencils-Set-of-12-B1.png?v=1607974437&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Colored Pencils</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/pencils-sharpeners"><img src="//www.ooly.com/cdn/shop/files/OOLY-Unique-Unicorns-Graphite-Pencils-Packaging-Front.jpg?v=1699480222&width=104" alt="OOLY Unique Unicorns Graphite Pencils front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Unique-Unicorns-Graphite-Pencils-Packaging-Front.jpg?v=1699480222&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Unique-Unicorns-Graphite-Pencils-Packaging-Front.jpg?v=1699480222&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Pencils</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/erasers"><img src="//www.ooly.com/cdn/shop/products/112-090-Magic-Bakery-Unicorn-Donuts-Scented-Erasers-B1_-_Copy.png?v=1574543305&width=104" alt="Magic Bakery Unicorn Donut Scented Erasers in package" srcset="//www.ooly.com/cdn/shop/products/112-090-Magic-Bakery-Unicorn-Donuts-Scented-Erasers-B1_-_Copy.png?v=1574543305&width=52 52w, //www.ooly.com/cdn/shop/products/112-090-Magic-Bakery-Unicorn-Donuts-Scented-Erasers-B1_-_Copy.png?v=1574543305&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Erasers</span></span> </a> </li></ul> </div><div class="panel__wrapper" hidden> <ul class="v-stack gap-3"> <li class="text-with-icon lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>Planning & Organizing </button> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/calendar-planner-supplies"><img src="//www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Glitter-Markers-Packaging-Front.png?v=1733263746&width=104" alt="Packaging front of OOLY Rainbow Sparkle Glitter Markers" srcset="//www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Glitter-Markers-Packaging-Front.png?v=1733263746&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Glitter-Markers-Packaging-Front.png?v=1733263746&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Shop All</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/fountain-pens"><img src="//www.ooly.com/cdn/shop/files/OOLY-Splendid-Duo-Fountain-Pens-Blue-Black-Ink-Packaging-Front.jpg?v=1702680366&width=104" alt="OOLY Splendid Duo - Fountain Pens - Black & Blue Ink front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Splendid-Duo-Fountain-Pens-Blue-Black-Ink-Packaging-Front.jpg?v=1702680366&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Splendid-Duo-Fountain-Pens-Blue-Black-Ink-Packaging-Front.jpg?v=1702680366&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Fountain Pens</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/gel-pens"><img src="//www.ooly.com/cdn/shop/products/132-144-Very-Berry-Scented-Gel-Pens_B1_1200px.png?v=1670372689&width=104" alt="OOLY Very Berry Strawberry Scented Gel Pens in packaging" srcset="//www.ooly.com/cdn/shop/products/132-144-Very-Berry-Scented-Gel-Pens_B1_1200px.png?v=1670372689&width=52 52w, //www.ooly.com/cdn/shop/products/132-144-Very-Berry-Scented-Gel-Pens_B1_1200px.png?v=1670372689&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Gel Pens</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/highlighters"><img src="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Highlighters-Packaging-Front.png?v=1716398846&width=104" alt="OOLY Yummy Yummy Scented Highlighters - Set of 6 packaging front" srcset="//www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Highlighters-Packaging-Front.png?v=1716398846&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Yummy-Yummy-Highlighters-Packaging-Front.png?v=1716398846&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Highlighters</span></span> </a> </li></ul> </div><div class="panel__wrapper" hidden> <ul class="v-stack gap-3"> <li class="text-with-icon lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>Gifts </button> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/gifts"><img src="//www.ooly.com/cdn/shop/files/Metallic-Art-Gift-Pack-Giftable-Zipper-Pouch.png?v=1736212186&width=104" alt="Front of Metallic Art Gift Pack showing contents and zipper pouch with gift tag" srcset="//www.ooly.com/cdn/shop/files/Metallic-Art-Gift-Pack-Giftable-Zipper-Pouch.png?v=1736212186&width=52 52w, //www.ooly.com/cdn/shop/files/Metallic-Art-Gift-Pack-Giftable-Zipper-Pouch.png?v=1736212186&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Gift Sets</span></span> </a> </li><li class="h3 sm:h5"> <a class="group h-stack gap-4" href="/collections/bonus-boxes"><img src="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Flat-with-Products.png?v=1741106806&width=104" alt="Flat lay of contents of OOLY x Peanuts Bonus Box" srcset="//www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Flat-with-Products.png?v=1741106806&width=52 52w, //www.ooly.com/cdn/shop/files/OOLY-Peanuts-Bonus-Box-Flat-with-Products.png?v=1741106806&width=104 104w" width="104" height="104" loading="lazy" sizes="52px" class="panel-link__image rounded"><span><span class="reversed-link">Bonus Box Bundles</span></span> </a> </li></ul> </div> </div></div></navigation-drawer><script> document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--21298988417059__header').clientHeight) + 'px'); </script> <style> #shopify-section-sections--21298988417059__header .mega-menu {--mega-menu-nav-gap: 1rem;} #shopify-section-sections--21298988417059__header .h5 {font-weight: bold;} #shopify-section-sections--21298988417059__header .link-faded {font-size: 1rem; /* Adjust as needed */ </style></header> <!-- END sections: header-group --><!-- BEGIN sections: overlay-group --> <div id="shopify-section-sections--21298989465635__privacy-banner" class="shopify-section shopify-section-group-overlay-group shopify-section--privacy-banner"><privacy-bar class="privacy-bar" hidden> <div class="privacy-bar__inner"> <button type="button" class="privacy-bar__close" data-action="close"> <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="10" height="10" class="icon icon-delete" viewBox="0 0 10 10"> <path d="m.757.757 8.486 8.486m-8.486 0L9.243.757" stroke="currentColor"></path> </svg></button> <div class="v-stack gap-4"> <div class="v-stack gap-2"><p class="bold">Cookie policy</p><div class="prose text-xs"><p>We use cookies and similar technologies to provide the best experience on our website. Refer to our Privacy Policy for more information.</p></div></div> <div class="h-stack gap-2"> <button type="button" class="button button--sm" data-action="accept">Accept</button> <button type="button" class="button button--sm button--subdued" data-action="decline">Decline</button> </div> </div> </div> </privacy-bar> </div><div id="shopify-section-sections--21298989465635__search-drawer" class="shopify-section shopify-section-group-overlay-group"><search-drawer class="search-drawer drawer drawer--lg" id="search-drawer"> <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search"> <div class="search-input"> <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search"> <button type="reset" class="text-subdued">Clear</button> <button type="button" is="close-button"> <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> </div> <style> #shopify-section-sections--21298989465635__search-drawer { --predictive-search-column-count: 3; } </style> <input type="hidden" name="type" value="product"> <predictive-search class="predictive-search" section-id="sections--21298989465635__search-drawer"><div slot="results"></div> <div slot="loading"> <div class="v-stack gap-5 sm:gap-6 "> <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div> <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div></div> </div></div> </predictive-search> </form> </search-drawer> </div> <!-- END sections: overlay-group --><main role="main" id="main" class="anchor"> <section id="shopify-section-template--21298992676899__slideshow_JiNPPX" class="shopify-section shopify-section--slideshow"><style>#shopify-section-template--21298992676899__slideshow_JiNPPX { --slideshow-background: #ffd300; --slideshow-controls-background: ; --slideshow-controls-color: 255 255 255;}#block-image_hqzjm4 {--slideshow-slide-background: #ffd300; --slideshow-slide-controls-background: ; --slideshow-slide-controls-color: 255 255 255; }</style><x-slideshow class="slideshow " ><slideshow-carousel id="slideshow-template--21298992676899__slideshow_JiNPPX" class="slideshow__carousel" selector=".slideshow__slide" transition="fade_with_text" role="region"><div id="block-image_hqzjm4" class="slideshow__slide is-selected" data-slide-type="image" role="group" ><div class="content-over-media content-over-media--auto " style="--content-over-media-content-max-width: 780px; --content-over-media-overlay: 236 0 140 / 0.0"><picture><source media="(max-width: 699px)" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=1000 1000w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-mobile.jpg?v=1741216467&width=1200 1200w" width="2400" height="2400" ><img src="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=3000" alt="" srcset="//www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=700 700w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=900 900w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=1000 1000w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=1200 1200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=1400 1400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=1600 1600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=1800 1800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=2000 2000w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=2200 2200w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=2400 2400w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=2600 2600w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=2800 2800w, //www.ooly.com/cdn/shop/files/ooly-peanuts-landing-page-banner-narrow-desktop.jpg?v=1741216466&width=3000 3000w" width="3000" height="1000" loading="eager" fetchpriority="high" sizes="100vw"></picture><div class="place-self-center text-center sm:place-self-center sm:text-center text-custom"style="--text-color: 255 255 255;"> <div class="prose"> <a class="button button--xl" style="--button-background: 236 0 140 / var(--button-background-opacity, 1);--button-outline-color: 236 0 140;--button-text-color: 255 211 0;" href="/pages/peanuts" >shop now</a></div> </div> </div></div></slideshow-carousel> </x-slideshow> <style> #shopify-section-template--21298992676899__slideshow_JiNPPX .h2 {font-weight: bold;} #shopify-section-template--21298992676899__slideshow_JiNPPX .button.button--xl {border-radius: 50px !important;} #shopify-section-template--21298992676899__slideshow_JiNPPX .button--xl {font-size: 1.2rem !important; /* Adjust rem value as needed */} </style></section><section id="shopify-section-template--21298992676899__slideshow_zMWTXY" class="shopify-section shopify-section--slideshow"><style>#shopify-section-template--21298992676899__slideshow_zMWTXY { --slideshow-background: #ffd300; --slideshow-controls-background: ; --slideshow-controls-color: 255 255 255;margin-block-start: calc(-1 * var(--header-height) * var(--section-is-first));}#block-video_CPFXeK {--slideshow-slide-background: #ffd300; --slideshow-slide-controls-background: ; --slideshow-slide-controls-color: 255 255 255; }</style><x-slideshow class="slideshow " allow-transparent-header><slideshow-carousel id="slideshow-template--21298992676899__slideshow_zMWTXY" class="slideshow__carousel" selector=".slideshow__slide" transition="fade_with_text" role="region"><a id="block-video_CPFXeK" href="/pages/peanuts" class="slideshow__slide is-selected" data-slide-type="video" role="group" ><div class="content-over-media content-over-media--auto " style="--content-over-media-content-max-width: 780px; --content-over-media-overlay: 0 0 0 / 0.0"><video-media class="sm:hidden" style="--aspect-ratio: 1.0"><video playsinline="true" class="object-cover sm:hidden" muted="muted" loop="loop" preload="metadata" poster="//www.ooly.com/cdn/shop/files/preview_images/e8ace34e99bd44548442e6d6d921090e.thumbnail.0000000000_400x.jpg?v=1741819738"><source src="//www.ooly.com/cdn/shop/videos/c/vp/e8ace34e99bd44548442e6d6d921090e/e8ace34e99bd44548442e6d6d921090e.HD-1080p-7.2Mbps-44072757.mp4?v=0" type="video/mp4"><img src="//www.ooly.com/cdn/shop/files/preview_images/e8ace34e99bd44548442e6d6d921090e.thumbnail.0000000000_400x.jpg?v=1741819738"></video></video-media><video-media class="hidden sm:block" style="--aspect-ratio: 1.775"><video playsinline="true" preload="metadata" muted="muted" loop="loop" poster="//www.ooly.com/cdn/shop/files/preview_images/120e1f5428f74bfeb9567fd3e1521e51.thumbnail.0000000000_800x.jpg?v=1741819738"><source src="//www.ooly.com/cdn/shop/videos/c/vp/120e1f5428f74bfeb9567fd3e1521e51/120e1f5428f74bfeb9567fd3e1521e51.HD-1080p-4.8Mbps-44072755.mp4?v=0" type="video/mp4"><img src="//www.ooly.com/cdn/shop/files/preview_images/120e1f5428f74bfeb9567fd3e1521e51.thumbnail.0000000000_800x.jpg?v=1741819738"></video></video-media><div class="place-self-center text-center sm:place-self-center sm:text-center text-custom"style="--text-color: 255 255 255;"> <div class="prose"></div> </div> </div></a></slideshow-carousel> </x-slideshow> </section><section id="shopify-section-template--21298992676899__text_with_icon_button_YeUKQh" class="shopify-section shopify-section--text-with-icons"><style> #shopify-section-template--21298992676899__text_with_icon_button_YeUKQh { --section-background-hash: 009058070536000030948927308052530; } #shopify-section-template--21298992676899__text_with_icon_button_YeUKQh + * { --previous-section-background-hash: 009058070536000030948927308052530; }</style><style> #shopify-section-template--21298992676899__text_with_icon_button_YeUKQh { --text-with-icons-template: minmax(0, 1fr); --text-with-icons-justify: center; --text-with-icons-text-align: center; --text-with-icons-gap: var(--spacing-5); }@media screen and (min-width: 699px) { #shopify-section-template--21298992676899__text_with_icon_button_YeUKQh { --text-with-icons-template: repeat(2, minmax(0, 1fr)); } }@media screen and (min-width: 1150px) { #shopify-section-template--21298992676899__text_with_icon_button_YeUKQh { --text-with-icons-gap: var(--spacing-5); } }@media screen and (min-width: 1150px) { #shopify-section-template--21298992676899__text_with_icon_button_YeUKQh { --text-with-icons-template: repeat(4, 1fr); --text-with-icons-justify: center; --text-with-icons-text-align: center; } }</style> <div class="section section-full bg-custom"style="--background: 79 207 255;"> <div class="section-stack"><div class="text-with-icons"> <scroll-carousel class="text-with-icons__list scroll-area full-bleed lg:unbleed" id="carousel-template--21298992676899__text_with_icon_button_YeUKQh" role="region" ><div id="block-template--21298992676899__text_with_icon_button_YeUKQh-item_GHV8TY" class="text-with-icons__item snap-center" role="group" aria-label="Item 1 of 4" ><div><a href="/collections/new"> <img src="//www.ooly.com/cdn/shop/files/new_from_OOLY.png?v=1728000656&width=909" alt="" srcset="//www.ooly.com/cdn/shop/files/new_from_OOLY.png?v=1728000656&width=400 400w, //www.ooly.com/cdn/shop/files/new_from_OOLY.png?v=1728000656&width=800 800w" width="909" height="908" loading="lazy" sizes="400px" style="--mobile-icon-max-width: 400px; --icon-max-width: 400px" class="image-icon"> </a></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icon_button_YeUKQh-item_yA7WQk" class="text-with-icons__item snap-center" role="group" aria-label="Item 2 of 4" ><div><a href="/collections/most-popular"> <img src="//www.ooly.com/cdn/shop/files/bestsellers.png?v=1728000657&width=909" alt="" srcset="//www.ooly.com/cdn/shop/files/bestsellers.png?v=1728000657&width=400 400w, //www.ooly.com/cdn/shop/files/bestsellers.png?v=1728000657&width=800 800w" width="909" height="908" loading="lazy" sizes="400px" style="--mobile-icon-max-width: 400px; --icon-max-width: 400px" class="image-icon"> </a></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icon_button_YeUKQh-item_GPtEaw" class="text-with-icons__item snap-center" role="group" aria-label="Item 3 of 4" ><div><a href="/collections/activity-kits"> <img src="//www.ooly.com/cdn/shop/files/activity_kits.png?v=1728000657&width=909" alt="" srcset="//www.ooly.com/cdn/shop/files/activity_kits.png?v=1728000657&width=400 400w, //www.ooly.com/cdn/shop/files/activity_kits.png?v=1728000657&width=800 800w" width="909" height="908" loading="lazy" sizes="400px" style="--mobile-icon-max-width: 400px; --icon-max-width: 400px" class="image-icon"> </a></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icon_button_YeUKQh-item_MfKYU8" class="text-with-icons__item snap-center" role="group" aria-label="Item 4 of 4" ><div><a href="/collections/color-draw"> <img src="//www.ooly.com/cdn/shop/files/color_and_draw.png?v=1728000656&width=909" alt="" srcset="//www.ooly.com/cdn/shop/files/color_and_draw.png?v=1728000656&width=400 400w, //www.ooly.com/cdn/shop/files/color_and_draw.png?v=1728000656&width=800 800w" width="909" height="908" loading="lazy" sizes="400px" style="--mobile-icon-max-width: 400px; --icon-max-width: 400px" class="image-icon"> </a></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div></scroll-carousel><page-dots aria-controls="carousel-template--21298992676899__text_with_icon_button_YeUKQh" class="page-dots peer-not-scrollable:hidden"><button type="button" class="tap-area" aria-current="true" > <span class="sr-only">Go to item 1</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 2</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 3</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 4</span> </button></page-dots></div> </div> </div> </section><section id="shopify-section-template--21298992676899__text_with_icons_n8fXbN" class="shopify-section shopify-section--text-with-icons"><style> #shopify-section-template--21298992676899__text_with_icons_n8fXbN { --section-background-hash: 009250800209740285000000749039902; } #shopify-section-template--21298992676899__text_with_icons_n8fXbN + * { --previous-section-background-hash: 009250800209740285000000749039902; }</style><style> #shopify-section-template--21298992676899__text_with_icons_n8fXbN { --text-with-icons-template: auto-flow 100%; --text-with-icons-justify: center; --text-with-icons-text-align: center; --text-with-icons-gap: var(--spacing-6); }@media screen and (min-width: 1150px) { #shopify-section-template--21298992676899__text_with_icons_n8fXbN { --text-with-icons-gap: var(--spacing-6); } }@media screen and (min-width: 1150px) { #shopify-section-template--21298992676899__text_with_icons_n8fXbN { --text-with-icons-template: repeat(5, 1fr); --text-with-icons-justify: center; --text-with-icons-text-align: center; } }</style> <div class="section section-full bg-custom"style="--background: 255 161 216;"> <div class="section-stack"><div class="text-with-icons"> <scroll-carousel class="text-with-icons__list scroll-area full-bleed lg:unbleed" id="carousel-template--21298992676899__text_with_icons_n8fXbN" role="region" ><div id="block-template--21298992676899__text_with_icons_n8fXbN-item_p9aCUC" class="text-with-icons__item snap-center" role="group" aria-label="Item 1 of 5" ><div ><img src="//www.ooly.com/cdn/shop/files/WomenOwned_-_240_x_240.png?v=1691519565&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/WomenOwned_-_240_x_240.png?v=1691519565&width=120 120w, //www.ooly.com/cdn/shop/files/WomenOwned_-_240_x_240.png?v=1691519565&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icons_n8fXbN-item_wXmyq6" class="text-with-icons__item snap-center" role="group" aria-label="Item 2 of 5" ><div ><img src="//www.ooly.com/cdn/shop/files/Craftsmanship_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/Craftsmanship_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/Craftsmanship_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icons_n8fXbN-item_MMeH8z" class="text-with-icons__item snap-center" role="group" aria-label="Item 3 of 5" ><div ><img src="//www.ooly.com/cdn/shop/files/SafetyMatters_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/SafetyMatters_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/SafetyMatters_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icons_n8fXbN-item_3NWrgm" class="text-with-icons__item snap-center" role="group" aria-label="Item 4 of 5" ><div ><img src="//www.ooly.com/cdn/shop/files/DesignedInCalifornia_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/DesignedInCalifornia_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/DesignedInCalifornia_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div><div id="block-template--21298992676899__text_with_icons_n8fXbN-item_4FjEJi" class="text-with-icons__item snap-center" role="group" aria-label="Item 5 of 5" ><div ><img src="//www.ooly.com/cdn/shop/files/CreatesExperiences_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/CreatesExperiences_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/CreatesExperiences_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"></div> </div> </div></scroll-carousel><page-dots aria-controls="carousel-template--21298992676899__text_with_icons_n8fXbN" class="page-dots peer-not-scrollable:hidden"><button type="button" class="tap-area" aria-current="true" > <span class="sr-only">Go to item 1</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 2</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 3</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 4</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 5</span> </button></page-dots></div> </div> </div> <style> #shopify-section-template--21298992676899__text_with_icons_n8fXbN .text-with-icons__text-wrapper {display: none !important;} </style></section><section id="shopify-section-template--21298992676899__featured_collection_zny8mL" class="shopify-section shopify-section--featured-collection"><style> #shopify-section-template--21298992676899__featured_collection_zny8mL { --section-background-hash: 0; } #shopify-section-template--21298992676899__featured_collection_zny8mL + * { --previous-section-background-hash: 0; }</style><style>#shopify-section-template--21298992676899__featured_collection_zny8mL .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 2; --product-list-carousel-item-width: 74vw; --product-list-grid: auto / auto-flow var(--product-list-carousel-item-width); } @media screen and (min-width: 700px) { #shopify-section-template--21298992676899__featured_collection_zny8mL .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 2; --product-list-carousel-item-width: 36vw; } } @media screen and (min-width: 1000px) { #shopify-section-template--21298992676899__featured_collection_zny8mL .product-list { --product-list-items-per-row: 5; --product-list-carousel-item-width: calc(var(--container-inner-width) / 5 - (var(--product-list-column-gap) / 5 * 4)); } } </style> <div class="section section-blends section-full text-custom"style="--text-color: 51 51 51;"> <div class="section-stack"> <section-header class="section-header "><div class="prose"><h2 class="h2" reveal-on-scroll="true"><span class="text-custom " style="--text-color: 51 51 51;"><split-lines>bestsellers</split-lines></span></h2></div><a href="/collections/most-popular" class="text-with-icon group"> <span class="reversed-link">shop all bestsellers</span> <span class="circle-chevron group-hover:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </a></section-header><div class="floating-controls-container"><scroll-carousel selector="product-card" id="scroll-area-template--21298992676899__featured_collection_zny8mL" class="scroll-area bleed "> <reveal-items selector=".product-list > *"> <product-list class="product-list"><product-card handle="rainbow-sparkle-watercolor-gel-crayons" class="product-card product-card--blends product-card--show-secondary-media text-custom"style="--text-color: 0 0 0;" ><div class="product-card__badge-list"><span class="badge badge--primary">bestseller</span></div><div class="product-card__figure"> <a href="/products/rainbow-sparkle-watercolor-gel-crayons" data-instant><img src="//www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=3000" alt="OOLY Rainbow Sparkle Metallic Watercolor Gel Crayons - Set of 12 front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Package-Front_a75a90b3-2438-4a52-bc0f-974fa9e25b88.png?v=1725378054&width=1800 1800w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))" class="product-card__image product-card__image--primary aspect-natural"><img src="//www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=3000" alt="OOLY Rainbow Sparkle Metallic Watercolor Gel Crayons - Set of 12 row of uncapped crayons" srcset="//www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Rainbow-Sparkle-Metallic-Watercolor-Gel-Crayons-Row.png?v=1738957777&width=1800 1800w" width="3000" height="3000" loading="lazy" class="product-card__image product-card__image--secondary object-fill" fetchpriority="low" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_7033781714979" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40541023666211"> <div class="pointer-fine:hidden"> <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add" ><svg role="presentation" fill="none" stroke-width="1.5" focusable="false" width="15" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 15 14"> <path d="M9.752 4.36a2.61 2.61 0 1 1-5.218 0m-2.85-.39-.456 5.48c-.098 1.177-.147 1.765.052 2.22.175.398.478.727.86.935.437.236 1.027.236 2.209.236h5.588c1.181 0 1.772 0 2.208-.236.383-.208.686-.537.86-.936.2-.454.15-1.042.052-2.22l-.456-5.48c-.085-1.012-.127-1.518-.351-1.902a1.957 1.957 0 0 0-.845-.777c-.4-.191-.908-.191-1.925-.191H4.805c-1.016 0-1.524 0-1.925.191-.353.17-.647.44-.844.777-.224.384-.267.89-.351 1.903Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> </div> <div class="pointer-coarse:hidden"> <button type="submit" class="button" is="custom-button" >+ Quick add</button></div><input type="hidden" name="product-id" value="7033781714979" /><input type="hidden" name="section-id" value="template--21298992676899__featured_collection_zny8mL" /></form></div></div><div class="product-card__info product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title" ><a href="/products/rainbow-sparkle-watercolor-gel-crayons" class="bold" data-instant>Rainbow Sparkle Metallic Watercolor Gel Crayons - Set of 12</a></span ><!-- Stamped - Begin Star Rating Badge --> <span class="stamped-product-reviews-badge" data-id="7033781714979" data-product-sku="rainbow-sparkle-watercolor-gel-crayons" data-product-type="Crayon" data-product-title="Rainbow Sparkle Metallic Watercolor Gel Crayons - Set of 12" style="display:block;" > </span> <!-- Stamped - End Star Rating Badge --><price-list class="price-list justify-center"><sale-price class="text-subdued"> <span class="sr-only">Sale price</span>$19.95</sale-price></price-list></div></div> </product-card> <product-card handle="magic-puffy-pens" class="product-card product-card--blends product-card--show-secondary-media text-custom"style="--text-color: 0 0 0;" ><div class="product-card__badge-list"><span class="badge badge--primary">bestseller</span></div><div class="product-card__figure"> <a href="/products/magic-puffy-pens" data-instant><img src="//www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=3000" alt="OOLY Magic Puffy Pens front of packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Magic-Puffy-Neon-Pens-Set-of-6-Package-Front.png?v=1718121925&width=1800 1800w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))" class="product-card__image product-card__image--primary aspect-natural"><img src="//www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=1080" alt="Magic Puffy Pens" srcset="//www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=200 200w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=300 300w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=400 400w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=500 500w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=600 600w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=700 700w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=800 800w, //www.ooly.com/cdn/shop/files/ooly-magic-puffy-pens-holiday-penguin.jpg?v=1734128795&width=1000 1000w" width="1080" height="1080" loading="lazy" class="product-card__image product-card__image--secondary object-fill" fetchpriority="low" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_7058838683683" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40613443436579"> <div class="pointer-fine:hidden"> <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add" ><svg role="presentation" fill="none" stroke-width="1.5" focusable="false" width="15" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 15 14"> <path d="M9.752 4.36a2.61 2.61 0 1 1-5.218 0m-2.85-.39-.456 5.48c-.098 1.177-.147 1.765.052 2.22.175.398.478.727.86.935.437.236 1.027.236 2.209.236h5.588c1.181 0 1.772 0 2.208-.236.383-.208.686-.537.86-.936.2-.454.15-1.042.052-2.22l-.456-5.48c-.085-1.012-.127-1.518-.351-1.902a1.957 1.957 0 0 0-.845-.777c-.4-.191-.908-.191-1.925-.191H4.805c-1.016 0-1.524 0-1.925.191-.353.17-.647.44-.844.777-.224.384-.267.89-.351 1.903Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> </div> <div class="pointer-coarse:hidden"> <button type="submit" class="button" is="custom-button" >+ Quick add</button></div><input type="hidden" name="product-id" value="7058838683683" /><input type="hidden" name="section-id" value="template--21298992676899__featured_collection_zny8mL" /></form></div></div><div class="product-card__info product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title" ><a href="/products/magic-puffy-pens" class="bold" data-instant>Magic Puffy Pens</a></span ><!-- Stamped - Begin Star Rating Badge --> <span class="stamped-product-reviews-badge" data-id="7058838683683" data-product-sku="magic-puffy-pens" data-product-type="Craft" data-product-title="Magic Puffy Pens" style="display:block;" > </span> <!-- Stamped - End Star Rating Badge --><price-list class="price-list justify-center"><sale-price class="text-subdued"> <span class="sr-only">Sale price</span>$16.95</sale-price></price-list></div></div> </product-card> <product-card handle="vivid-pop-water-based-paint-markers-set-of-8" class="product-card product-card--blends product-card--show-secondary-media text-custom"style="--text-color: 0 0 0;" ><div class="product-card__badge-list"><span class="badge badge--primary">bestseller</span><span class="badge badge--primary">new!</span></div><div class="product-card__figure"> <a href="/products/vivid-pop-water-based-paint-markers-set-of-8" data-instant><img src="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=3000" alt="OOLY Vivid Pop! Water Based paint markers in packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Package-Front.png?v=1727624763&width=1800 1800w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))" class="product-card__image product-card__image--primary aspect-natural"><img src="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=3000" alt="Color swatches with markers on black paper from OOLY Vivid Pop! Water Based Paint Markers - Set of 8" srcset="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Swatches.png?v=1727625109&width=1800 1800w" width="3000" height="3000" loading="lazy" class="product-card__image product-card__image--secondary object-fill" fetchpriority="low" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_6845957144611" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40056987779107"> <div class="pointer-fine:hidden"> <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add" ><svg role="presentation" fill="none" stroke-width="1.5" focusable="false" width="15" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 15 14"> <path d="M9.752 4.36a2.61 2.61 0 1 1-5.218 0m-2.85-.39-.456 5.48c-.098 1.177-.147 1.765.052 2.22.175.398.478.727.86.935.437.236 1.027.236 2.209.236h5.588c1.181 0 1.772 0 2.208-.236.383-.208.686-.537.86-.936.2-.454.15-1.042.052-2.22l-.456-5.48c-.085-1.012-.127-1.518-.351-1.902a1.957 1.957 0 0 0-.845-.777c-.4-.191-.908-.191-1.925-.191H4.805c-1.016 0-1.524 0-1.925.191-.353.17-.647.44-.844.777-.224.384-.267.89-.351 1.903Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> </div> <div class="pointer-coarse:hidden"> <button type="submit" class="button" is="custom-button" >+ Quick add</button></div><input type="hidden" name="product-id" value="6845957144611" /><input type="hidden" name="section-id" value="template--21298992676899__featured_collection_zny8mL" /></form></div></div><div class="product-card__info product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title" ><a href="/products/vivid-pop-water-based-paint-markers-set-of-8" class="bold" data-instant>Vivid Pop! Water Based Paint Markers - Set of 8</a></span ><!-- Stamped - Begin Star Rating Badge --> <span class="stamped-product-reviews-badge" data-id="6845957144611" data-product-sku="vivid-pop-water-based-paint-markers-set-of-8" data-product-type="Paint" data-product-title="Vivid Pop! Water Based Paint Markers - Set of 8" style="display:block;" > </span> <!-- Stamped - End Star Rating Badge --><price-list class="price-list justify-center"><sale-price class="text-subdued"> <span class="sr-only">Sale price</span>$14.95</sale-price></price-list></div></div> </product-card> <product-card handle="vivid-pop-water-based-paint-markers-pastel" class="product-card product-card--blends product-card--show-secondary-media text-custom"style="--text-color: 0 0 0;" ><div class="product-card__badge-list"><span class="badge badge--primary">bestseller</span><span class="badge badge--primary">new!</span></div><div class="product-card__figure"> <a href="/products/vivid-pop-water-based-paint-markers-pastel" data-instant><img src="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=3000" alt="Vivid Pop! Water Based Paint Markers - Pastel packaging front" srcset="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel-Package-Front.png?v=1716300724&width=1800 1800w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))" class="product-card__image product-card__image--primary aspect-natural"><img src="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=2818" alt="Quarter angle of OOLY Vivid Pop! Water Based Paint Markers - Pastel packaging" srcset="//www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Vivid-Pop-Water-Based-Paint-Markers-Pastel.png?v=1716478601&width=1800 1800w" width="2818" height="3000" loading="lazy" class="product-card__image product-card__image--secondary object-fill" fetchpriority="low" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_6994168283171" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40448257425443"> <div class="pointer-fine:hidden"> <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add" ><svg role="presentation" fill="none" stroke-width="1.5" focusable="false" width="15" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 15 14"> <path d="M9.752 4.36a2.61 2.61 0 1 1-5.218 0m-2.85-.39-.456 5.48c-.098 1.177-.147 1.765.052 2.22.175.398.478.727.86.935.437.236 1.027.236 2.209.236h5.588c1.181 0 1.772 0 2.208-.236.383-.208.686-.537.86-.936.2-.454.15-1.042.052-2.22l-.456-5.48c-.085-1.012-.127-1.518-.351-1.902a1.957 1.957 0 0 0-.845-.777c-.4-.191-.908-.191-1.925-.191H4.805c-1.016 0-1.524 0-1.925.191-.353.17-.647.44-.844.777-.224.384-.267.89-.351 1.903Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> </div> <div class="pointer-coarse:hidden"> <button type="submit" class="button" is="custom-button" >+ Quick add</button></div><input type="hidden" name="product-id" value="6994168283171" /><input type="hidden" name="section-id" value="template--21298992676899__featured_collection_zny8mL" /></form></div></div><div class="product-card__info product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title" ><a href="/products/vivid-pop-water-based-paint-markers-pastel" class="bold" data-instant>Vivid Pop! Water Based Paint Markers - Pastel - Set of 8</a></span ><!-- Stamped - Begin Star Rating Badge --> <span class="stamped-product-reviews-badge" data-id="6994168283171" data-product-sku="vivid-pop-water-based-paint-markers-pastel" data-product-type="Paint" data-product-title="Vivid Pop! Water Based Paint Markers - Pastel - Set of 8" style="display:block;" > </span> <!-- Stamped - End Star Rating Badge --><price-list class="price-list justify-center"><sale-price class="text-subdued"> <span class="sr-only">Sale price</span>$14.95</sale-price></price-list></div></div> </product-card> <product-card handle="switch-eroo-sparkle-glittery-color-changing-markers" class="product-card product-card--blends product-card--show-secondary-media text-custom"style="--text-color: 0 0 0;" ><div class="product-card__badge-list"><span class="badge badge--primary">new!</span></div><div class="product-card__figure"> <a href="/products/switch-eroo-sparkle-glittery-color-changing-markers" data-instant><img src="//www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=3000" alt="OOLY Switch-Eroo Sparkle Glittery Color Changing Markers packaging front" srcset="//www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Front.png?v=1734027653&width=1800 1800w" width="3000" height="3000" loading="lazy" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))" class="product-card__image product-card__image--primary aspect-natural"><img src="//www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=3000" alt="Quarter angle of packaging and purple pen from OOLY Switch-Eroo Sparkle Glittery Color Changing Markers" srcset="//www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=200 200w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=300 300w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=400 400w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=500 500w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=600 600w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=700 700w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=800 800w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=1000 1000w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=1200 1200w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=1400 1400w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=1600 1600w, //www.ooly.com/cdn/shop/files/OOLY-Switch-Eroo-Sparkle-Glittery-Color-Changing-Markers-Package-Quarter.png?v=1738957777&width=1800 1800w" width="3000" height="3000" loading="lazy" class="product-card__image product-card__image--secondary object-fill" fetchpriority="low" sizes="(max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 5 - (24px / 5 * 4))"></a><div class="product-card__quick-buy"><form method="post" action="/cart/add" id="product_form_7072046841891" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" is="product-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40670606655523"> <div class="pointer-fine:hidden"> <button type="submit" is="custom-button" class="product-card__mobile-quick-buy-button" aria-label="+ Quick add" ><svg role="presentation" fill="none" stroke-width="1.5" focusable="false" width="15" height="14" class="icon icon-quick-buy-cart" viewBox="0 0 15 14"> <path d="M9.752 4.36a2.61 2.61 0 1 1-5.218 0m-2.85-.39-.456 5.48c-.098 1.177-.147 1.765.052 2.22.175.398.478.727.86.935.437.236 1.027.236 2.209.236h5.588c1.181 0 1.772 0 2.208-.236.383-.208.686-.537.86-.936.2-.454.15-1.042.052-2.22l-.456-5.48c-.085-1.012-.127-1.518-.351-1.902a1.957 1.957 0 0 0-.845-.777c-.4-.191-.908-.191-1.925-.191H4.805c-1.016 0-1.524 0-1.925.191-.353.17-.647.44-.844.777-.224.384-.267.89-.351 1.903Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg></button> </div> <div class="pointer-coarse:hidden"> <button type="submit" class="button" is="custom-button" >+ Quick add</button></div><input type="hidden" name="product-id" value="7072046841891" /><input type="hidden" name="section-id" value="template--21298992676899__featured_collection_zny8mL" /></form></div></div><div class="product-card__info product-card__info--center"><div class="v-stack gap-0.5 w-full justify-items-center"><span class="product-card__title" ><a href="/products/switch-eroo-sparkle-glittery-color-changing-markers" class="bold" data-instant>Switch-Eroo Sparkle Glittery Color Changing Markers - Set of 12</a></span ><!-- Stamped - Begin Star Rating Badge --> <span class="stamped-product-reviews-badge" data-id="7072046841891" data-product-sku="switch-eroo-sparkle-glittery-color-changing-markers" data-product-type="Marker" data-product-title="Switch-Eroo Sparkle Glittery Color Changing Markers - Set of 12" style="display:block;" > </span> <!-- Stamped - End Star Rating Badge --><price-list class="price-list justify-center"><sale-price class="text-subdued"> <span class="sr-only">Sale price</span>$12.95</sale-price></price-list></div></div> </product-card> </product-list> </reveal-items> </scroll-carousel><button is="prev-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--21298992676899__featured_collection_zny8mL" disabled> <span class="sr-only">Previous</span> <span class="animated-arrow animated-arrow--reverse"></span> </button> <button is="next-button" class="circle-button circle-button--lg circle-button--fill border group" aria-controls="scroll-area-template--21298992676899__featured_collection_zny8mL"> <span class="sr-only">Next</span> <span class="animated-arrow"></span> </button></div> </div> </div> <style> #shopify-section-template--21298992676899__featured_collection_zny8mL .h2 {font-weight: bold;} </style></section><section id="shopify-section-template--21298992676899__blog_posts_PKadGb" class="shopify-section shopify-section--blog-posts"><style> #shopify-section-template--21298992676899__blog_posts_PKadGb { --section-background-hash: 006000350053605413709020540042007; } #shopify-section-template--21298992676899__blog_posts_PKadGb + * { --previous-section-background-hash: 006000350053605413709020540042007; }</style><style> #shopify-section-template--21298992676899__blog_posts_PKadGb { --blog-posts-per-row: 3; --blog-posts-grid: auto / minmax(0, 1fr)); } @media screen and (min-width: 700px) { #shopify-section-template--21298992676899__blog_posts_PKadGb { --blog-posts-grid: auto / repeat(var(--blog-posts-per-row), minmax(0, 1fr)); } } @media screen and (min-width: 1000px) { #shopify-section-template--21298992676899__blog_posts_PKadGb { --blog-posts-grid: auto / repeat(var(--blog-posts-per-row), minmax(0, 1fr)); } } </style> <div class="section section-full bg-custom text-custom"style="--background: 254 240 246; --text-color: 0 140 60;"> <div class="section-stack"> <section-header class="section-header "><div class="prose"><h2 class="h2" reveal-on-scroll="true"><split-lines>craft blog highlight</split-lines></h2><p>Keep tiny hands busy and big ideas flowing with OOLY’s crafty creations</p></div><a href="/blogs/blog" class="text-with-icon group"> <span class="reversed-link">see more craft inspo</span> <span class="circle-chevron group-hover:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </a></section-header><div class="blog-posts scroll-area bleed md:unbleed"><blog-post-card class="blog-post-card blog-post-card--featured snap-center group rounded bg-secondary"><a href="/blogs/blog/drawing-coloring-art-activities-kids-adults" class="blog-post-card__figure "><img src="//www.ooly.com/cdn/shop/articles/OOLY-craft-blog-step-5-finished-zentangle-circles_c1633efa-9830-4c6b-834c-f263bbba21cc.jpg?v=1738096960&width=900" alt="A completed zentangle artwork with every section of the overlapping circles filled with vibrant, glittery patterns like waves, checkerboards, and spirals, using Yummy Yummy Scented Glitter Gel Pens." srcset="//www.ooly.com/cdn/shop/articles/OOLY-craft-blog-step-5-finished-zentangle-circles_c1633efa-9830-4c6b-834c-f263bbba21cc.jpg?v=1738096960&width=300 300w, //www.ooly.com/cdn/shop/articles/OOLY-craft-blog-step-5-finished-zentangle-circles_c1633efa-9830-4c6b-834c-f263bbba21cc.jpg?v=1738096960&width=400 400w, //www.ooly.com/cdn/shop/articles/OOLY-craft-blog-step-5-finished-zentangle-circles_c1633efa-9830-4c6b-834c-f263bbba21cc.jpg?v=1738096960&width=500 500w, //www.ooly.com/cdn/shop/articles/OOLY-craft-blog-step-5-finished-zentangle-circles_c1633efa-9830-4c6b-834c-f263bbba21cc.jpg?v=1738096960&width=600 600w, //www.ooly.com/cdn/shop/articles/OOLY-craft-blog-step-5-finished-zentangle-circles_c1633efa-9830-4c6b-834c-f263bbba21cc.jpg?v=1738096960&width=800 800w" width="900" height="900" loading="lazy" sizes="(max-width: 1000px) calc(100vw - 40px), calc(min(100vw - 96px, 1440px) * 0.65)" class="w-full h-full object-cover zoom-image"></a><div class="blog-post-card__info"> <div class="v-stack gap-5 sm:gap-6"> <div class="v-stack gap-3 sm:gap-5"><p class="h2"><a href="/blogs/blog/drawing-coloring-art-activities-kids-adults">Coloring Art and Drawing Activities for Kids and Adults</a></p><p class="text-lg">Doing art with my five-year-old son is our bonding time together. Lately when 6am rolls around he’s right beside my bed asking if we can do art together. I know that he may not always want to do ar...</p></div></div> </div></blog-post-card></div> </div> </div> <style> #shopify-section-template--21298992676899__blog_posts_PKadGb .h2 {font-weight: bold;} </style></section><section id="shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78" class="shopify-section shopify-section--recently-viewed-products"><style> #shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78 { --section-background-hash: 0; } #shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78 + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78 .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 1; --product-list-carousel-item-width: 74vw; --product-list-grid: auto / auto-flow var(--product-list-carousel-item-width); } @media screen and (min-width: 700px) { #shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78 .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 2; --product-list-carousel-item-width: 36vw; } } @media screen and (min-width: 1000px) { #shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78 .product-list { --product-list-items-per-row: 5; --product-list-carousel-item-width: calc(var(--container-inner-width) / 5 - (var(--product-list-column-gap) / 5 * 4)); } } </style><recently-viewed-products products-count="6" class="section section-blends section-full"></recently-viewed-products> <style> #shopify-section-template--21298992676899__e0eca33f-c336-4a12-8039-606cf7674f78 .h2 {font-weight: bold;} </style></section><section id="shopify-section-template--21298992676899__custom_liquid_GUEkiV" class="shopify-section shopify-section--custom-liquid"><style> #shopify-section-template--21298992676899__custom_liquid_GUEkiV { --section-background-hash: 0; } #shopify-section-template--21298992676899__custom_liquid_GUEkiV + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-template--21298992676899__custom_liquid_GUEkiV { } </style> <div class="section section-blends section-full"> <script type="text/javascript"> var _learnq = _learnq || []; var buttons = document.querySelectorAll('button[type="submit"]'); buttons.forEach(button => { button.addEventListener('click', function (e) { // Send a request to shopify for the current cart contents var cartContents = fetch(window.Shopify.routes.root + 'cart.js') .then(response => response.json()) .then(data => { // Build the array of products in the cart var itemList = []; data['items'].forEach(function (item, i) { var itemObj = new Object(); itemObj.variant_id = item['variant_id']; itemObj.sku = item['sku']; itemObj.title = item['product_title']; itemObj.quantity = item['quantity']; itemObj.price = item['price'] / 100; itemObj.RowTotal = item['line_price'] / 100; itemObj.url = 'https://www.ooly.com' + item['url']; itemObj.image = item['featured_image']['url']; itemList.push(itemObj); }); // Push the add to cart event to Klaviyo _learnq.push(['track', 'Added to Cart', { "ProductID": button.parentNode.getAttribute('data-id'), "quantity": 1, "Price": button.parentNode.getAttribute('data-price'), "URL": button.parentNode.getAttribute('data-url'), "ImageURL": button.parentNode.getAttribute('data-image'), "Name": button.parentNode.getAttribute('data-title'), "Categories": button.parentNode.getAttribute('data-collections').split('|'), 'items': itemList } ]); }); jQuery.ajax({ type: 'GET', url: '/cart.json', data: {}, dataType: 'json', success: function (response) { // Build the array of products in the cart var itemList = []; response['items'].forEach(function (item, i) { var itemObj = new Object(); itemObj.variant_id = item['variant_id']; itemObj.sku = item['sku']; itemObj.title = item['product_title']; itemObj.quantity = item['quantity']; itemObj.price = item['price'] / 100; itemObj.RowTotal = item['line_price'] / 100; itemObj.url = 'https://www.ooly.com' + item['url']; itemObj.image = item['featured_image']['url']; itemList.push(itemObj); }); // Push the add to cart event to Klaviyo _learnq.push(['track', 'Added to Cart', { "ProductID": button.parentNode.getAttribute('data-id'), "quantity": 1, "Price": button.parentNode.getAttribute('data-price'), "URL": button.parentNode.getAttribute('data-url'), "ImageURL": button.parentNode.getAttribute('data-image'), "Name": button.parentNode.getAttribute('data-title'), "Categories": button.parentNode.getAttribute('data-collections').split('|'), 'items': itemList } ]); } }); }); }); </script> </div> </section> <!-- BEGIN sections: footer-group --> <section id="shopify-section-sections--21298988351523__text-with-icons" class="shopify-section shopify-section-group-footer-group shopify-section--text-with-icons"><style> #shopify-section-sections--21298988351523__text-with-icons { --section-background-hash: 001090540349100060205007095070997; } #shopify-section-sections--21298988351523__text-with-icons + * { --previous-section-background-hash: 001090540349100060205007095070997; }</style><style> #shopify-section-sections--21298988351523__text-with-icons { --text-with-icons-template: auto-flow 100%; --text-with-icons-justify: center; --text-with-icons-text-align: center; --text-with-icons-gap: var(--spacing-5); }@media screen and (min-width: 1150px) { #shopify-section-sections--21298988351523__text-with-icons { --text-with-icons-gap: var(--spacing-5); } }@media screen and (min-width: 1150px) { #shopify-section-sections--21298988351523__text-with-icons { --text-with-icons-template: repeat(5, 1fr); --text-with-icons-justify: center; --text-with-icons-text-align: center; } }</style> <div class="section section-full bg-custom"style="--background: 247 247 247;"> <div class="section-stack"><div class="text-with-icons"> <scroll-carousel class="text-with-icons__list scroll-area full-bleed lg:unbleed" id="carousel-sections--21298988351523__text-with-icons" role="region" ><div id="block-sections--21298988351523__text-with-icons-discount" class="text-with-icons__item snap-center" role="group" aria-label="Item 1 of 5" ><div class="text-custom"style="--text-color: 114 191 68;"><img src="//www.ooly.com/cdn/shop/files/SafetyMatters_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/SafetyMatters_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/SafetyMatters_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p>We believe safety is non-negotiable, and all of our product offerings meet and/or exceed regulatory requirements and safety standards.</p></div> </div> </div><div id="block-sections--21298988351523__text-with-icons-customer-support" class="text-with-icons__item snap-center" role="group" aria-label="Item 2 of 5" ><div class="text-custom"style="--text-color: 236 0 140;"><img src="//www.ooly.com/cdn/shop/files/Craftsmanship_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/Craftsmanship_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/Craftsmanship_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p>We are committed to craftsmanship and raise the standard when it comes to quality and design.</p></div> </div> </div><div id="block-sections--21298988351523__text-with-icons-af0fde9c-b9d2-4d8a-a244-94fd3ab2cf74" class="text-with-icons__item snap-center" role="group" aria-label="Item 3 of 5" ><div ><img src="//www.ooly.com/cdn/shop/files/InvestedInInnovation_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/InvestedInInnovation_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/InvestedInInnovation_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p>We are always pushing the boundaries of what's possible, crafting unique and trend-forward products that are designed to be both fun and functional.</p></div> </div> </div><div id="block-sections--21298988351523__text-with-icons-payment" class="text-with-icons__item snap-center" role="group" aria-label="Item 4 of 5" ><div class="text-custom"style="--text-color: 244 122 77;"><img src="//www.ooly.com/cdn/shop/files/CreatesExperiences_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/CreatesExperiences_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/CreatesExperiences_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p>For almost two decades, we have been dreaming up all kinds of fun and functional products that help people of all ages smile, explore their imagination and express themselves.</p></div> </div> </div><div id="block-sections--21298988351523__text-with-icons-free-shipping" class="text-with-icons__item snap-center" role="group" aria-label="Item 5 of 5" ><div class="text-custom"style="--text-color: 0 174 239;"><img src="//www.ooly.com/cdn/shop/files/DesignedInCalifornia_-_240_x_240.png?v=1691519564&width=240" alt="" srcset="//www.ooly.com/cdn/shop/files/DesignedInCalifornia_-_240_x_240.png?v=1691519564&width=120 120w, //www.ooly.com/cdn/shop/files/DesignedInCalifornia_-_240_x_240.png?v=1691519564&width=240 240w" width="240" height="240" loading="lazy" sizes="120px" style="--mobile-icon-max-width: 120px; --icon-max-width: 120px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p>Our products are designed in California, a place known for its creativity, innovation, and free-spiritedness.</p></div> </div> </div></scroll-carousel><page-dots aria-controls="carousel-sections--21298988351523__text-with-icons" class="page-dots peer-not-scrollable:hidden"><button type="button" class="tap-area" aria-current="true" > <span class="sr-only">Go to item 1</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 2</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 3</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 4</span> </button><button type="button" class="tap-area" aria-current="false" > <span class="sr-only">Go to item 5</span> </button></page-dots></div> </div> </div> </section><footer id="shopify-section-sections--21298988351523__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style> @media screen and (min-width: 1000px) { #shopify-section-sections--21298988351523__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between; } } </style><div class="footer"> <div class="container"> <div class="footer__wrapper"><div class="footer__block-list empty:hidden"><div class="footer__block footer__block--newsletter" ><img src="//www.ooly.com/cdn/shop/files/WOB_COLOR_STD.png?v=1658347909&width=938" alt="Women Owned Business" srcset="//www.ooly.com/cdn/shop/files/WOB_COLOR_STD.png?v=1658347909&width=200 200w, //www.ooly.com/cdn/shop/files/WOB_COLOR_STD.png?v=1658347909&width=400 400w" width="938" height="414" loading="lazy" style="max-width: 200px" sizes="200px"><div class="v-stack gap-6"><p class="h4">Subscribe to OOLY's newsletter and unlock 10% off!</p><div class="prose text-subdued"><p>By subscribing, you acknowledge that you have read & agree to OOLY’s <a href="https://www.ooly.com/pages/terms-of-use">terms of use</a> & <a href="https://www.ooly.com/pages/privacy-policy">privacy policy</a>. New customers only, coupon will be emailed to you.</p></div><form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input-sections--21298988351523__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " autocomplete="email" enterkeyhint="send" required ><label for="input-sections--21298988351523__footer--contactemail" class="floating-label">E-mail</label><div class="self-submit-button"> <button type="submit" class="circle-chevron hover:colors"> <span class="sr-only">Subscribe</span><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></button> </div></div></form></div> </div><div class="footer__block footer__block--menu" ><p class="bold">help + info</p><ul class="v-stack gap-3" role="list"><li> <a href="/pages/meet-ooly" class="inline-block link-faded break-all">meet OOLY</a> </li><li> <a href="/blogs/blog" class="inline-block link-faded break-all">blog</a> </li><li> <a href="/pages/faq" class="inline-block link-faded break-all">faq</a> </li><li> <a href="/pages/loyalty-faq" class="inline-block link-faded break-all">sparkle rewards faq</a> </li><li> <a href="/pages/ooly-reviews" class="inline-block link-faded break-all">reviews</a> </li><li> <a href="https://www.youtube.com/@WeAreOOLY/videos" class="inline-block link-faded break-all">product how-to videos</a> </li><li> <a href="/pages/safety" class="inline-block link-faded break-all">safety</a> </li><li> <a href="/pages/shipping-returns" class="inline-block link-faded break-all">shipping + returns</a> </li><li> <a href="/pages/terms-of-use" class="inline-block link-faded break-all">terms of use</a> </li><li> <a href="/pages/privacy-policy" class="inline-block link-faded break-all">privacy policy</a> </li></ul> </div><div class="footer__block footer__block--menu" ><p class="bold">quick links</p><ul class="v-stack gap-3" role="list"><li> <a href="/pages/loyalty" class="inline-block link-faded break-all">join sparkle rewards</a> </li><li> <a href="https://www.ooly.com/apps/tracktor/track" class="inline-block link-faded break-all">track your order</a> </li><li> <a href="/account" class="inline-block link-faded break-all">my account</a> </li><li> <a href="/pages/promotions" class="inline-block link-faded break-all">promotions</a> </li><li> <a href="/pages/contact" class="inline-block link-faded break-all">contact</a> </li><li> <a href="/pages/ooly-wholesale-home" class="inline-block link-faded break-all">wholesale</a> </li><li> <a href="/pages/donation-request" class="inline-block link-faded break-all">donation request</a> </li><li> <a href="/pages/sitemap" class="inline-block link-faded break-all">sitemap</a> </li></ul> </div><div class="footer__block footer__block--text" ><div class="follow-on-shop"><script defer="defer" async type="module" src="//www.ooly.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-follow-button_Dy8goVzs.en.esm.js"></script> <script defer="defer" async type="module" src="//www.ooly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6dgAr_1a.esm.js"></script> <script defer="defer" async type="module" src="//www.ooly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_Bv4fH4s0.esm.js"></script> <script type="module"> await import("//www.ooly.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-follow-button_Dy8goVzs.en.esm.js"); await import("//www.ooly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_6dgAr_1a.esm.js"); await import("//www.ooly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_Bv4fH4s0.esm.js"); </script> <shop-follow-button proxy="true"></shop-follow-button> </div></div></div><div class="footer__aside empty:hidden"><div class="footer__aside-top"><ul class="social-media " role="list"><li> <a href="https://www.facebook.com/weareooly/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.instagram.com/weareooly/?hl=en" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.pinterest.com/weareooly/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Pinterest"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-pinterest" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.765 2.401c3.59-.054 5.837 1.4 6.895 3.95.349.842.722 2.39.442 3.675-.112.512-.144 1.048-.295 1.53-.308.983-.708 1.853-1.238 2.603-.72 1.02-1.81 1.706-3.182 2.052-1.212.305-2.328-.152-2.976-.643-.206-.156-.483-.36-.56-.643h-.029c-.046.515-.244 1.062-.383 1.531-.193.65-.23 1.321-.472 1.929a12.345 12.345 0 0 1-.942 1.868c-.184.302-.692 1.335-1.061 1.347-.04-.078-.057-.108-.06-.245-.118-.19-.035-.508-.087-.766-.082-.4-.145-1.123-.06-1.53v-.643c.096-.442.092-.894.207-1.317.25-.92.39-1.895.648-2.848.249-.915.477-1.916.678-2.847.045-.21-.21-.815-.265-1.041-.174-.713-.042-1.7.176-2.236.275-.674 1.08-1.703 2.122-1.439.838.212 1.371 1.118 1.09 2.266-.295 1.205-.677 2.284-.943 3.49-.068.311.05.641.118.827.248.672 1 1.324 2.004 1.072 1.52-.383 2.193-1.76 2.652-3.246.124-.402.109-.781.206-1.225.204-.935.118-2.331-.177-3.061-.472-1.17-1.353-1.92-2.563-2.328L12.707 4.3c-.56-.128-1.626.064-2.004.183-1.69.535-2.737 1.427-3.388 3.032-.222.546-.344 1.1-.383 1.868l-.03.276c.13.686.144 1.14.413 1.653.132.252.447.451.5.765.032.185-.104.464-.147.613-.065.224-.041.48-.147.673-.192.349-.714.087-.943-.061-1.192-.77-2.175-2.995-1.62-5.144.085-.332.09-.62.206-.919.723-1.844 1.802-2.978 3.359-3.95.583-.364 1.37-.544 2.092-.734l1.149-.154Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.youtube.com/c/weareooly/videos" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.tiktok.com/@weareooly?lang=en" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewBox="0 0 24 24"> <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.linkedin.com/company/weareooly" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on LinkedIn"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-linkedin" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.349 5.478a1.875 1.875 0 1 0-3.749 0 1.875 1.875 0 1 0 3.749 0ZM7.092 19.2H3.857V8.78h3.235V19.2ZM12.22 8.78H9.121V19.2h3.228v-5.154c0-1.36.257-2.676 1.94-2.676 1.658 0 1.68 1.554 1.68 2.763V19.2H19.2v-5.715c0-2.806-.605-4.963-3.877-4.963-1.573 0-2.629.863-3.06 1.683h-.044V8.78Z" fill="currentColor"/> </svg></a> </li></ul></div><div class="footer__aside-bottom"><p class="footer__copyright text-sm text-subdued">© 2025, OOLY. <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></p> </div> </div> </div> </div> </div> </footer> <!-- END sections: footer-group --></main> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: 'N78h82', platform: 'shopify', list: 'PGE2jw', }); klaviyo.enable('backinstock',{ trigger: { product_page_text: 'Notify me when available', product_page_class: 'btn', product_page_text_align: 'center', product_page_margin: '0px', replace_sold_out: true }, modal: { headline: '{product_name}', body_content: 'Register to receive a notification when this item comes back in stock.', email_field_label: 'Email', button_label: 'Notify me when available', subscription_success_label: 'You\'re in! We\'ll let you know when it\'s back.', footer_content: '', close_label: 'Close', drop_background_color: '#000', background_color: '#fff', text_color: '#222', button_text_color: '#fff', button_background_color: '#00aeef', close_button_color: '#ccc', error_background_color: '#fcd6d7', error_text_color: '#C72E2F', success_background_color: '#d3efcd', success_text_color: '#1B9500' } }); </script> <script src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=ooly-store.myshopify.com" async></script> <div data-rebuy-id="49311"></div> <div data-rebuy-id="198469"></div> <!-- Widget : Gift with Purchase - Test Shopify Functions --> <div data-rebuy-id="195097"></div> <!-- End Widget : Gift with Purchase - Test Shopify Functions --> <script> function myInit(){ StampedFn.init({ apiKey: 'pubkey-ChD0k0mbHuBv4mOM560667y01pBQ23', sId: '41257' }); } </script> <script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script> <!-- Stamped style for add to cart rewards issue --> <style> button.stamped-rewards-widget-modal-button[data-type="apply"]:after { content: 'Copy code and apply at checkout'; font-size: 14px; border: 0px solid; pointer-events: none; } button.stamped-rewards-widget-modal-button[data-type="apply"] { font-size: 0px; border: 0px solid; pointer-events: none; } .stamped-rewards-widget-item .stamped-rewards-widget-item-inner .stamped-rewards-widget-campaign-image > img { display: -webkit-inline-box !important; } </style> <style> .content-over-media {grid-template: 0 minmax(0, 1fr) 0 / minmax(0, 1fr) minmax( 0, min( var(--container-max-width), 100% - var( --content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter)) ) * 2 ) ) minmax(0, 1fr) !important;} .badge {border-radius: 50px; /* Adds the 50px border radius */} .badge--primary {color: white; /* Ensures the text inside the badge is white */} .navigation-drawer {height: calc( 100vh - 100px ); /* Set height to full view height minus 100px for Loyalty Widget*/ padding-bottom: 100px; /* Add padding to ensure space at the bottom */} </style> <div id="shopify-block-AQVl2Vk93d0VXSFJ5M__471852632697159186" class="shopify-block shopify-app-block"> <div id='stamped-rewards-init' class='stamped-rewards-init' data-key-public='' ></div> </div></body> </html>