Skip to content
We ship nationwide. 30-day return policy. Free standard shipping on orders over AED 500.
Home
About Us
Wall Art
Blogs
Contact
Log in
Home
About Us
Wall Art
Blogs
Contact
Search
Log in
Cart
Contact form
Name
Email
*
Phone number
Comment
Send
</div> </section> </main> <!-- BEGIN sections: footer-group --> <section id="shopify-section-sections--25137038000492__newsletter_CEtfUx" class="shopify-section shopify-section-group-footer-group section"><link href="//artsmileydecor.com/cdn/shop/t/21/assets/component-newsletter.css?v=4727253280200485261754057466" rel="stylesheet" type="text/css" media="all" /> <link href="//artsmileydecor.com/cdn/shop/t/21/assets/newsletter-section.css?v=62410470717655853621754057468" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-sections--25137038000492__newsletter_CEtfUx-padding { padding-top: 30px; padding-bottom: 39px; } @media screen and (min-width: 750px) { .section-sections--25137038000492__newsletter_CEtfUx-padding { padding-top: 40px; padding-bottom: 52px; } }</style><div class="newsletter center "> <div class="newsletter__wrapper color-scheme-1 gradient content-container isolate content-container--full-width section-sections--25137038000492__newsletter_CEtfUx-padding"><h2 class="inline-richtext h1" > Get Our Latest Update ! </h2><div class="newsletter__subheading rte" > <p>Subscribe to our latest newsletter to get news about special discounts.</p> </div><div > <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-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="newsletter-form__field-wrapper" > <div class="field"> <input id="NewsletterForm--sections--25137038000492__newsletter_CEtfUx" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required > <label class="field__label" for="NewsletterForm--sections--25137038000492__newsletter_CEtfUx"> Email </label> <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe" > <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> </span> </button> </div></div></form> </div></div> </div> </section><div id="shopify-section-sections--25137038000492__foot_qMzEJr" class="shopify-section shopify-section-group-footer-group"><style> .custom-footer { font-family: 'Roboto', sans-serif; padding: 40px 0; background-color: #fff; } .custom-footer .footer-container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 85%; margin: auto; gap: 10px; } .custom-footer .footer-column { flex: 1 1 200px; min-width: 200px; } .custom-footer h4 { font-size: 16px; font-weight: 700; margin-bottom: 16px; } .custom-footer ul { list-style: none; padding: 0; margin: 0; } .custom-footer ul li { margin-bottom: 0px; } .custom-footer ul li a { text-decoration: none; color: #000; font-size: 14px; transition: color 0.3s; } .custom-footer ul li a:hover { color: #888; } .custom-footer .contact-item { display: flex; align-items: center; margin-bottom: 0px; font-size: 14px; } .custom-footer .contact-item svg { margin-right: 8px; flex-shrink: 0; } .custom-footer .social-icons { display: flex; gap: 0px; margin-top: 0px; } .custom-footer .social-icons a { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 50%; color: #000; text-decoration: none; font-size: 16px; } </style> <div class="custom-footer"> <div class="footer-container"> <div class="footer-column"> <h4>Our Information</h4> <div class="contact-item">📍 Art Smiley Art Gallery LLC,<br/> S01, 25 20b St - Al Quoz 2,<br/> Dubai, UAE</div> <div class="contact-item">📞 +97156 500 5825</div> <div class="contact-item">✉️ contactus@artsmiley.com</div> <div class="social-icons"> <a href="https://x.com/ArtsmileyDecor">✖</a> <a href="https://www.facebook.com/people/Art-Smiley-Decor/61575982464698/">f</a> <a href="https://www.pinterest.com/artsmileydecor/">📍</a> <a href="https://www.instagram.com/artsmileydecor/">📸</a> <a href="https://www.tiktok.com/@artsmileydecor">🎵</a> <a href="https://www.snapchat.com/add/artsmileydecor">👻</a> </div> </div> <div class="footer-column"> <h4>Quick Links</h4> <ul> <li><a href="https://artsmileydecor.com">➜ Home</a></li> <li><a href="https://artsmileydecor.com/pages/about-us">➜ About Us</a></li> <li><a href="https://artsmileydecor.com/collections/wall-art">➜ Wall Art</a></li> <li><a href="https://artsmileydecor.com/pages/contact">➜ Contact Us</a></li> <li><a href="https://artsmileydecor.com/blogs/news">➜ Blogs</a></li> </ul> </div> <div class="footer-column"> <h4>Services</h4> <ul> <li><a href="https://artsmileydecor.com/search">➜ Search</a></li> <li><a href="https://artsmileydecor.com/pages/faq">➜ FAQ</a></li> </ul> </div> <div class="footer-column"> <h4>Information</h4> <ul> <li><a href="https://artsmileydecor.com/policies/privacy-policy">➜ Privacy Policy</a></li> <li><a href="https://artsmileydecor.com/policies/shipping-policy">➜ Shipping Policy</a></li> <li><a href="https://artsmileydecor.com/policies/refund-policy">➜ Return and refund policy</a></li> <li><a href="https://artsmileydecor.com/policies/terms-of-service">➜ Terms of Service</a></li> </ul> </div> </div> </div> <!-- Roboto font --> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> </div> <!-- END sections: footer-group --> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <script> window.shopUrl = 'https://artsmileydecor.com'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.`, }; window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, unavailable_with_option: `[value] - Unavailable`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] items added`, itemAdded: `[quantity] item added`, itemsRemoved: `[quantity] items removed`, itemRemoved: `[quantity] item removed`, viewCart: `View cart`, each: `[money]/ea`, min_error: `This item has a minimum of [min]`, max_error: `This item has a maximum of [max]`, step_error: `You can only add this item in increments of [step]`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, countrySelectorSearchCount: `[count] countries/regions found`, }; </script><script src="//artsmileydecor.com/cdn/shop/t/21/assets/predictive-search.js?v=57209189334897115771754057468" defer="defer"></script> <style> #TopColumnContent {display: none;} </style> <div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block"> <script> window.SwymCollectionsConfig = { 'CollectionsSelectors': [], 'CollectionsPosition': "top-right", 'CollectionsIcon': "heart", 'CollectionsButtonSize': 25, 'CollectionsVerticalOffset': 0, 'CollectionsHorizontalOffset': 0, 'CollectionsProductLinkSelector': "-", 'CollectionsProductTileSelector': "-", 'CollectionsVariantSelector': "false", 'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist", 'CollectionsCreateListTitle': "Name Your Wishlist", 'CollectionsCreateListPlaceholder': "Enter wishlist name", 'CollectionsCustomIconAdd': "", 'CollectionsCustomIconAdded': "", 'CollectionsIconColor': "#000000", 'CollectionsIconThickness': "1.7", } </script> <style> .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset; width: 25px !important; height: 25px!important;} .swym-wishlist-collections-icon-heart-filled, .swym-wishlist-collections-icon-heart-unfilled, .swym-wishlist-collections-icon-star-filled, .swym-wishlist-collections-icon-star-unfilled, .swym-wishlist-collections-icon-bookmark-unfilled, .swym-wishlist-collections-icon-bookmark-filled {fill: #000000;} button.swym-wishlist-collections-v2 {cursor: pointer;} </style> <script> // Send heartbeat for collections button (function() { let collectionsButtonHeartbeatData = '{"editor":"2025-05-15T13:56:41.936Z","174801944940":"2025-05-15T11:58:24.502Z","177016471916":"2025-05-15T13:44:59.218Z"}'; try { collectionsButtonHeartbeatData = JSON.parse(collectionsButtonHeartbeatData) || {}; } catch (e) { collectionsButtonHeartbeatData = {}; } const ShopifyTheme = window.Shopify.theme; const themeId = ShopifyTheme.id; let heartbeatMetadata = { schema_name: ShopifyTheme?.schema_name, schema_version: ShopifyTheme?.schema_version, theme_store_id: ShopifyTheme?.theme_store_id, role: ShopifyTheme?.role }; const isDesignMode = !!window.swymDesignMode; if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push((swat) => { if (!swat || !themeId) { return; } const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId]; const themeContext = isDesignMode ? 'editor' : themeId; const extensionData = { extensionName: "add-to-wishlist-collections-button", extensionType: "app-embed", metadata: heartbeatMetadata, themeId: themeContext, extensionSource: "default" }; /** Stop heartbeat triggerHeartbeat(extensionData, lastHeartbeat); */ }); })(); // IIFE to prevent polluting global scope </script></div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: swymVersion --><script>var __SWYM__VERSION__ = '3.156.1';</script><!-- END app snippet --> <script> (function () { // Put metafields in window variable const commonCustomizationSettings = '{"global-settings":{"icon":"heart","primaryColor":"#000000","secondaryColor":"#ffffff","storefrontLayoutType":"as-section","buttonType":{"displayIcon":true,"displayText":false,"style":"text"},"collectionsButtonPosition":{"position":"top-right","verticalOffset":0,"horizontalOffset":0},"pdpButtonPosition":{"position":"default","verticalOffset":0,"horizontalOffset":0}}}'; try { const parsedSettings = JSON.parse(commonCustomizationSettings); if (parsedSettings) { window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; } else { window.SwymWishlistCommonCustomizationSettings = {}; } } catch (e) { window.SwymWishlistCommonCustomizationSettings = {}; } let enabledCommonFeatures = '{"add-to-wishlist-collections-button":true,"add-to-wishlist-pdp-button":true,"auto-add-to-wishlist-from-pdp":{"pdpViewCount":"3","notificationTimeoutDuration":"5","selectedPosition":"TopLeft","enabled":true},"sfl-popup-v2":true,"control-centre":true,"multiple-wishlist":false}'; try { enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; } catch (e) { enabledCommonFeatures = {}; } // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. window.SwymEnabledCommonFeatures = enabledCommonFeatures; })(); </script> <script id="wishlist-embed-init" defer async> (function () { window.swymWishlistEmbedLoaded = true; var fullAssetUrl = "https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/apps.bundle.js"; var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); var swymJsPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); window.SwymCurrentJSPath = baseJsPath; window.SwymAssetBaseUrl = assetBaseUrl; window.SwymCurrentStorePath = "//swymstore-v3free-01.swymrelay.com"; function loadSwymShopifyScript() { var element = ""; var scriptSrc = ""; element = "swym-ext-shopify-script"; window.SwymShopifyCdnInUse = true; scriptSrc = "https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/swym-ext-shopify.js"; if (document.getElementById(element)) { return; } var s = document.createElement("script"); s.id = element; s.type = "text/javascript"; s.async = true; s.defer = true; s.src = scriptSrc; s.onerror = function() { console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); // Fallback logic here element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; var fallbackJsPathVal = "\/\/freecdn.swymrelay.com\/code\/swym-shopify.js"; var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; var fallbackScript = document.createElement("script"); fallbackScript.id = element; fallbackScript.type = "text/javascript"; fallbackScript.async = true; fallbackScript.defer = true; fallbackScript.src = scriptSrc; var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(fallbackScript, y); }; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x); } var consentAPICallbackInvoked = false; function checkConsentAndLoad() { var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); if(!isCookieBannerVisible) { loadSwymShopifyScript(); return; } var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); if (shouldLoadSwymScript) { loadSwymShopifyScript(); } else { console.warn("No customer consent to load Swym Wishlist Plus"); } } function initialiseConsentCheck() { document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); window.Shopify?.loadFeatures?.( [{name: 'consent-tracking-api', version: '0.1'}], error => { consentAPICallbackInvoked = true; if (error) { if(!window.Shopify?.customerPrivacy) { loadSwymShopifyScript(); return; } } checkConsentAndLoad(); } ); } function consentCheckFallback(retryCount) { if(!consentAPICallbackInvoked) { if (window.Shopify?.customerPrivacy) { checkConsentAndLoad(); } else if (retryCount >= 1) { console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); loadSwymShopifyScript(); } else { setTimeout(() => consentCheckFallback(retryCount + 1), 1000); } } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initialiseConsentCheck); window.addEventListener("load", () => consentCheckFallback(0)); } else { initialiseConsentCheck(); } })(); </script> <!-- BEGIN app snippet: swymSnippet --><script defer> (function () { const currentSwymJSPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; const currentSwymStorePath = 'https://swymstore-v3free-01.swymrelay.com'; const dnsPrefetchLink = `<link rel="dns-prefetch" href="https://${currentSwymStorePath}" crossorigin>`; const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; const swymSnippet = document.getElementById('wishlist-embed-init'); if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} })() </script> <script id="swym-snippet" type="text"> window.swymLandingURL = document.URL; window.swymCart = {"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":"AED","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function() { window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {}; var unknown = {et: 0}; window.SwymPageData = unknown; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } };})();} window.swymCustomerId =null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "PvB8p5R21hKjraog3FMy11\/9wdqRudgpIJSjhr4JKJw=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify();} } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker) { tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { var x = function() { SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); });}; setTimeout(x, 10); });});} window.SwymOverrideMoneyFormat = "Dhs. {{amount}}"; </script> <style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet --> <script id="swymSnippetCheckAndActivate"> (function() { function postDomLoad() { var element = document.querySelector('script#swym-snippet:not([type="text"])'); if (!element) { var script = document.querySelector('script#swym-snippet[type="text"]'); if (script) { script.type = 'text/javascript'; new Function(script.textContent)(); } } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", postDomLoad); } else { postDomLoad(); } })(); </script> <script> (function() { // HEARTBEAT let wishlistAppHeartbeatData = '{"179377111404":"2025-07-30T05:46:36.400Z","177566581100":"2025-07-15T08:32:27.552Z","178929467756":"2025-07-21T06:14:34.646Z","179408208236":"2025-07-31T04:11:05.120Z","179423150444":"2025-07-31T15:50:36.114Z","179184861548":"2025-07-24T04:26:07.264Z","179454738796":"2025-08-01T12:15:52.053Z","179442286956":"2025-08-01T04:42:45.646Z","179458376044":"2025-08-05T03:59:12.594Z","179134923116":"2025-07-23T21:03:11.606Z","177501340012":"2025-05-28T12:49:54.527Z","177016471916":"2025-06-29T16:21:05.308Z","editor":"2025-08-05T08:00:00.250Z","174801944940":"2025-08-05T06:15:04.001Z"}'; try { wishlistAppHeartbeatData = JSON.parse(wishlistAppHeartbeatData) || {}; } catch (e) { wishlistAppHeartbeatData = {}; } const ShopifyTheme = window.Shopify.theme; const themeId = ShopifyTheme.id; const heartbeatMetadata = { schema_name: ShopifyTheme?.schema_name, schema_version: ShopifyTheme?.schema_version, theme_store_id: ShopifyTheme?.theme_store_id, role: ShopifyTheme?.role }; const themeSchemaName = window.Shopify.theme.schema_name; const isDesignMode = !!window.swymDesignMode; if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push((swat) => { if (!swat || !themeId) { return; } const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; const lastHeartbeat = isDesignMode ? wishlistAppHeartbeatData?.editor : wishlistAppHeartbeatData?.[themeId]; const themeContext = isDesignMode ? 'editor' : themeId; const extensionData = { extensionName: "wishlist-app", extensionType: "app-embed", metadata: heartbeatMetadata, themeId: themeContext, extensionSource: "default" }; triggerHeartbeat(extensionData, lastHeartbeat); // ENABLE COMMON FEATURES let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; Object.keys(swymEnabledCommonFeatures).forEach((key) => { if (!swymEnabledCommonFeatures[key]) return; switch (key) { case "add-to-wishlist-collections-button": swat?.collectionsApi?.setDefaultCustomizationOptions(); swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); // Send basic collections heartbeat let basicCollectionsHeartbeat = '{"editor":"2025-05-08T10:53:25.911Z","174801944940":"2025-05-08T10:54:05.787Z"}'; try { basicCollectionsHeartbeat = JSON.parse(basicCollectionsHeartbeat) || {}; } catch (e) { basicCollectionsHeartbeat = {}; } const lastBasicCollectionsHeartbeat = isDesignMode ? basicCollectionsHeartbeat?.editor : basicCollectionsHeartbeat?.[themeId]; /** Stop heartbeat triggerHeartbeat({ extensionName: "basic-add-to-wishlist-collections-button", extensionType: "app-embed", metadata: {}, themeId: themeContext, extensionSource: "default" }, lastBasicCollectionsHeartbeat); */ break; case "add-to-wishlist-pdp-button": if (!(window.SwymPageData && window.SwymPageData.et === 1)) { // Not initiating pdp button as it is not a product page return } // Inject addtowishlist.css into the document's <head> var head = document.head; var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/addtowishlistbutton.css"; var pdpButtonStylesheetTag = document.createElement("link"); pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; pdpButtonStylesheetTag.rel = "stylesheet"; pdpButtonStylesheetTag.href = pdpButtonStylesheet; if (!document.getElementById("swym-pdp-button-stylesheet")) { head.appendChild(pdpButtonStylesheetTag); } var x = document.getElementsByTagName("script")[0]; function createAndInsertScript(id, src, onLoadCallback) { var scriptTag = document.createElement("script"); scriptTag.id = id; scriptTag.type = "text/javascript"; scriptTag.src = src; scriptTag.onload = onLoadCallback; x.parentNode.insertBefore(scriptTag, x); } var pdpButtonScript = "https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/addtowishlistbutton.js"; createAndInsertScript( `swym-pdp-button-script`, pdpButtonScript, function () { const pdpBtnApi = window.WishlistPlusPDPButtonAPI; if (pdpBtnApi) { pdpBtnApi.setDefaultCustomizationOptions(swat); pdpBtnApi.initializePDPButton(swat, true); } } ); break; default: return; } }) }); })(); // IIFE to prevent polluting global scope </script> <script> (function () { // Get the settings from Shopify's Liquid variables and create the styles const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; const isControlCentreEnabledFromBlockSettings = false; if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { // Don't enable control centre if this is disabled and block settings are not enabled return; } let borderRadius = 6; let drawerWidth = 400; // Check if block settings exist, use them, otherwise fall back to common settings let primaryBgColor = isControlCentreEnabledFromBlockSettings ? "#000000" : window.SwymWishlistCommonCustomizationSettings.primaryColor; let primaryTextColor = isControlCentreEnabledFromBlockSettings ? "#ffffff" : window.SwymWishlistCommonCustomizationSettings.secondaryColor; let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? "#F4F8FE" : null; let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? "#333333" : null; // Only use color adjustment functions if we're using common settings if (!secondaryBgColor || !secondaryTextColor) { function adjustOpacity(color, opacity) { if (color[0] === '#') { color = color.slice(1); } if (color.length === 3) { color = color.split('').map(char => char + char).join(''); } const r = parseInt(color.slice(0, 2), 16); const g = parseInt(color.slice(2, 4), 16); const b = parseInt(color.slice(4, 6), 16); return `rgba(${r}, ${g}, ${b}, ${opacity})`; } function hexToRgb(color) { if (color[0] === '#') { color = color.slice(1); } if (color.length === 3) { color = color.split('').map(c => c + c).join(''); } return { r: parseInt(color.slice(0, 2), 16), g: parseInt(color.slice(2, 4), 16), b: parseInt(color.slice(4, 6), 16) }; } function getLuminance({ r, g, b }) { return 0.299 * r + 0.587 * g + 0.114 * b; } function generateSecondaryColors(primaryBgColor, primaryTextColor) { const secondaryBgOpacity = 0.2; const secondaryTextOpacity = 0.8; const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); const bgRgb = hexToRgb(primaryBgColor); const bgLuminance = getLuminance(bgRgb); // Determine whether to use dark or light text for contrast const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; return { secondaryBgColor, secondaryTextColor }; } const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; } // Create the CSS rule let styles = ` .swym-storefront-layout-root-component { --swym-storefront-layout-ui-border-radius: ${borderRadius}px; --swym-storefront-layout-button-border-radius: ${borderRadius}px; --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; } `; // Create a <style> element and append the styles let styleSheet = document.createElement("style"); styleSheet.type = "text/css"; styleSheet.innerText = styles; document.head.appendChild(styleSheet); if (typeof window.SwymStorefrontLayoutContext === 'undefined') { window.SwymStorefrontLayoutContext = {}; } if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ window.SwymStorefrontLayoutExtensions = {}; } if (isControlCentreEnabledFromBlockSettings) { // If block settings are enabled, use them SwymStorefrontLayoutContext.Settings = { EnableStorefrontLayoutOnLauncher: true, EnableStorefrontLayoutNotification: true, StorefrontLayoutType: window.SwymWishlistCommonCustomizationSettings.storefrontLayoutType || "as-drawer", StorefrontLayoutDrawerPosition: "left", StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", EnableStorefrontLayoutVariantSelector: true, StorefrontLayoutNotificationPosition: "left", StorefrontLayoutActionPopupPosition: "left", StorefrontLayoutNotificationDuration: 5000 }; } else { // If only metafield is enabled but no block settings, use common settings SwymStorefrontLayoutContext.Settings = { EnableStorefrontLayoutOnLauncher: true, EnableStorefrontLayoutNotification: true, StorefrontLayoutType: window.SwymWishlistCommonCustomizationSettings.storefrontLayoutType || "as-drawer", StorefrontLayoutDrawerPosition: "left", StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", EnableStorefrontLayoutVariantSelector: true, StorefrontLayoutNotificationPosition: "left", StorefrontLayoutActionPopupPosition: "left", StorefrontLayoutNotificationDuration: 5000 }; } const storefrontLayoutCallback = (swat) =>{ SwymStorefrontLayoutContext.swat = swat; let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; SwymStorefrontLayoutContext.Settings = { ...SwymStorefrontLayoutContext?.Settings, EnableStorefrontLayoutCollection: false, EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), } if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { detail: { settings: SwymStorefrontLayoutContext?.Settings } }); document.dispatchEvent(event); }else{ swat.utils.warn(`LayoutInitialized event is not defined.`); } }else{ swat.utils.warn(`Storefront Layout is disabled.`); document.getElementById("swym-storefront-layout-container")?.remove(); document.getElementById("swym-storefront-extention-render-container")?.remove(); } } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(storefrontLayoutCallback); SwymStorefrontLayoutContext.SwymCustomerData = { name: null, email: null }; SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; })(); </script> <div id="swym-storefront-extention-render-container"> <!-- BEGIN app snippet: swymStorefrontLayout --><script> (function () { const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; const isControlCentreEnabledFromBlockSettings = false; const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { return; } if (typeof window.SwymStorefrontLayoutContext === 'undefined') { window.SwymStorefrontLayoutContext = {}; } SwymStorefrontLayoutContext.Strings = { title: "My Wishlist", addToCart: "Add To Cart + ", addedToCart: "Added To Cart", soldOut:"Sold Out", addingToCart: "Adding...", viewCartCta: "View Cart", moveToCartCta: "Move to Cart + ", movingToCartCta: "Moving...", removeSflItemCta: "Remove from Saved for Later", loginHeading: "Don't lose your Lists!", loginText: "Login to save your favorites and access them whenever, wherever!", loginButtonText: "Login to Save", loggedUserWelcomeMessage: "Welcome!", VariantSelectorBtnText: "Translation missing: en.storefrontLayout.VariantSelectorBtnText", wishlistTitle:"Other items in my Wishlist", wishlistInfo:"Add to lists & organise", emptyWishlistTitle: "Your wishlist is empty", emptyWishlistDescription: "Add more items to this wishlist and see them here", collectionTitle: "My Lists", emptyCarouselCollectionText: "Your lists are empty!", emptyCollectionText: "This List is empty", emptyCollectionDescription: "Add more items to this list and see them here", addToCollectionTitle: "Add this item to list", removeItemCta: "Remove from List", addToCollectionCta: "Add to List", createCollectionCta:"Create new List", saveNewCollectionCta: "Save", renameCollectionCta: "Rename", deleteCollectionCta: "Delete List", shareCollectionCta: "Share Wishlist", saveCollectionCta: "Save List", editCollectionCta: "Edit", shareCollectionTitle: "Check This Out!", shareCollectionMessage: "View my List", sharedCollectionMessage: "This list was shared by {{email}} You can save it to edit", updateCollectionTitle: "Update List", errorMessageListNameRequired: "Name Required", errorMessageListNameRequire3Char: "Name must be at least 3 characters long", errorMessageListNameAlreadyExist: "Name already exist", notificationMessageItemSaved: "Item Saved", notificationMessageItemRemoved: "Item Removed", notificationMessageAddedToCart: "Added To Cart", notificationMessageAddedToCollection: "Item added to your list", notificationMessageCollectionSaved: "List Saved", notificationMessageCollectionDeleted: "List Deleted", notificationMessageCollectionUpdated: "Your lists have been updated", notificationMessageCollectionUnavailable: "List unavailable or removed", notificationMessageSFLItemSaved: "Saved for later", notificationMessageSFLItemRemoved: "Removed from Saved for later", notificationMessageMovedToCart: "Moved to Cart", notificationActionAddToCollection: "Add To List +", notificationActionView: "View", notificationActionViewCollection: "View List", notificationActionGoToCart: "Go To Cart", item: "item", items: "items", tabWishlist: "Wishlist", tabSavedForLater: "Saved for later", savedForLaterTitle: "Saved for Later", emptySavedForLaterTitle: "No items saved for later", emptySavedForLaterDescription: "Save items from your cart here until you're ready", } /** * Function to override Swym's default UI behavior. **/ const overrideSwymDefaultUI = (swat) => { try{ swat.ui.open = function(){ window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List; } swat.ui.uiRef.settings.UI.NotificationDisabled = true; }catch(e){ swat.utils?.warn('Error overriding Swym default UI:', e); } } /** * Callback function to override Swym's default UI behavior based on Storefront Layout settings. * * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled. * - Overrides Swym's default notifications to log notifications instead of displaying them. * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized. * * @param {Object} swat - Swym's UI object used for overriding UI behaviors. */ const swymStorefrontLayoutCallback = (swat) =>{ SwymStorefrontLayoutContext.swat = swat; overrideSwymDefaultUI(swat); let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; let wishlistNewUiHeartbeatData = '{"editor":"2025-05-07T10:32:06.731Z","174801944940":"2025-05-07T09:36:49.899Z"}'; try { wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {}; } catch (e) { wishlistNewUiHeartbeatData = {}; } let themeId = window.Shopify.theme.id; let isDesignMode = !!window.swymDesignMode; let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId]; let themeContext = isDesignMode ? 'editor' : themeId; let extensionData = { extensionName: "wishlist-new-ui", extensionType: "app-embed", metadata: {}, themeId: themeContext, extensionSource: "default" }; /** Stop heartbeat triggerHeartbeat(extensionData, lastHeartbeat); */ } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(swymStorefrontLayoutCallback); })(); </script> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/storefront-layout.css"> <script src="https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/async-wishlist-apis.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/storefront-layout.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/d1a46d24-97d8-4ec1-baa7-ae4b7375ad3d/wishlist-plus-499/assets/storefront-layout-components.js" defer="defer"></script> <swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout><!-- END app snippet --> </div> </div></body> </html>
