1<!doctype html> 2<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]--> 3<head>
3<script data-source-attribution="shopify.event_observer.bootstrap"> 4(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//rayaarishop.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`76166955055`)))})(); 5//# sourceURL=event-observer-collector.js 6</script>
6 7 8 <!-- Google Tag Manager --> 9
10<script>
vendor: 331 bytes, lines 10-18
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 11 12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13 14j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 15 16'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 17 18})(window,document,'script','dataLayer','
18GTM-5L3QBK5Q
vendor: 3 bytes, line 18
18');
18</script>
18 19 20<!-- End Google Tag Manager --> 21 <meta charset="utf-8"> 22 23 <link rel="shortcut icon" href="//rayaarishop.com/cdn/shop/t/3/assets/favicon.png?v=86561104198338838371778852378" type="image/png" /> 24 25 <!-- Title and description --> 26 <title> 27 Simba Gold Sugar Beads for Aari Work – RAY AARI SHOP 28 </title> 29 30 <meta name="description" content="Shop Simba Gold Sugar Beads for Aari work, embroidery, jewellery making, blouse designing, saree decoration, and creative craft projects."> 31 32 <!-- Social meta --> 33 34 35 <meta property="og:type" content="product"> 36 <meta property="og:title" content="Simba Gold Sugar Beads"> 37 <meta property="og:url" content="https://rayaarishop.com/products/simba-gold-sugar-beads"> 38 39 <meta property="og:image" content="http://rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_grande.jpg?v=1780388495"> 40 <meta property="og:image:secure_url" content="https://rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_grande.jpg?v=1780388495"> 41 42 <meta property="og:price:amount" content="20.00"> 43 <meta property="og:price:currency" content="INR"> 44 45 46 <meta property="og:description" content="Shop Simba Gold Sugar Beads for Aari work, embroidery, jewellery making, blouse designing, saree decoration, and creative craft projects."> 47 48<meta property="og:site_name" content="RAY AARI SHOP"> 49 50 51 52<meta name="twitter:card" content="summary"> 53 54 55 56 57 <meta name="twitter:title" content="Simba Gold Sugar Beads"> 58 <meta name="twitter:description" content="Discover premium Simba Gold Sugar Beads with a rich golden finish, perfect for Aari work, jewellery making, embroidery, blouse designs, and decorative craft projects."> 59 <meta name="twitter:image" content="https://rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_medium.jpg?v=1780388495"> 60 <meta name="twitter:image:width" content="240"> 61 <meta name="twitter:image:height" content="240"> 62 63 64 <link rel="canonical" href="https://rayaarishop.com/products/simba-gold-sugar-beads"> 65 <meta name="viewport" content="width=device-width,initial-scale=1"> 66 <meta name="theme-color" content="#9b0c0c"> 67 <!-- CSS --> 68 <link href="//rayaarishop.com/cdn/shop/t/3/assets/bootstrap.min.css?v=102160851808464328901778852378" rel="stylesheet" type="text/css" media="all" /> 69 <link href="//rayaarishop.com/cdn/shop/t/3/assets/timber.scss.css?v=24766394441078812321783606128" rel="stylesheet" type="text/css" media="all" /> 70 <link href="//rayaarishop.com/cdn/shop/t/3/assets/font-awesome.min.css?v=140533306961432629691778852378" rel="stylesheet" type="text/css" media="all" /> 71 <link href="//rayaarishop.com/cdn/shop/t/3/assets/material-design-iconic-font.min.css?v=8996130352833348591778852378" rel="stylesheet" type="text/css" media="all" /> 72 <link href="//rayaarishop.com/cdn/shop/t/3/assets/material-design-iconic-font.css?v=146025959603064133441778852378" rel="stylesheet" type="text/css" media="all" /> 73 <link href="//rayaarishop.com/cdn/shop/t/3/assets/animate.css?v=107502980827701580791778852378" rel="stylesheet" type="text/css" media="all" /> 74 <link href="//rayaarishop.com/cdn/shop/t/3/assets/style.css?v=452867636429457811780464630" rel="stylesheet" type="text/css" media="all" /> 75 <link href="//rayaarishop.com/cdn/shop/t/3/assets/slick.scss?v=158244937576883001951778852378" rel="stylesheet" type="text/css" media="all" /> 76 <link href="//rayaarishop.com/cdn/shop/t/3/assets/slick-theme.css?v=174867440334957552321778852378" rel="stylesheet" type="text/css" media="all" /> 77 78 79 80 <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600,700" rel="stylesheet"> 81 82 83<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600,700" rel="stylesheet"> 84 85 86<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600,700" rel="stylesheet"> 87 88 89 90 91 <!-- Header hook --><meta name="google-site-verification" content="xCqO3iD34J10lDBAoD4QSSnJk8q0utBDRj0CN96QxRg" /> 92
92<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
92<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/76166955055/digital_wallets/dialog"> 93<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/45408755482671:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://rayaarishop.com/products/simba-gold-sugar-beads.oembed">
94<script async="async" src="/checkouts/internal/preloads.js?locale=en-IN"></script>
vendor: 1 bytes, line 94
94
95<script id="shopify-features" type="application/json">{"accessToken":"6691be3679b386cab5125dd4ba8c3e72","betas":["rich-media-storefront-analytics"],"domain":"rayaarishop.com","predictiveSearch":true,"shopId":76166955055,"locale":"en"}</script>
vendor: 1 bytes, line 95
95
96<script>var Shopify = Shopify || {}; 97Shopify.shop = "rayaarishop.myshopify.com"; 98Shopify.locale = "en"; 99Shopify.currency = {"active":"INR","rate":"1.0"}; 100Shopify.country = "IN"; 101Shopify.theme = {"name":"theme-export-rayaarishop-testing-myshopify-com","id":156653781039,"schema_name":"Shopicart","schema_version":"2.2.0","theme_store_id":null,"role":"main"}; 102Shopify.theme.handle = "null"; 103Shopify.theme.style = {"id":null,"handle":null}; 104Shopify.cdnHost = "rayaarishop.com/cdn"; 105Shopify.routes = Shopify.routes || {}; 106Shopify.routes.root = "/"; 107Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 108Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 109Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 110Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 110
110
111<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 111
111
112<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>
vendor: 1 bytes, line 112
112
113<script> 114 window.Shopify = window.Shopify || {}; 115 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 116 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 117 window.Shopify.SignInWithShop.eligible = true; 118</script>
vendor: 1 bytes, line 118
118
119<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 119
119
120<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 120
120
121<script type="module"> 122 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 123 124 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 125 126</script>
vendor: 1 bytes, line 126
126
127<script> 128 window.Shopify = window.Shopify || {}; 129 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 130 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 131</script>
vendor: 1 bytes, line 131
131
132<script id="__st">var __st={"a":76166955055,"offset":19800,"reqid":"0500a76c-4c7c-4bb7-a15e-e1690a51add8-1791083662","pageurl":"rayaarishop.com\/products\/simba-gold-sugar-beads","u":"9f59e1753c33","p":"product","rtyp":"product","rid":8284680224815};</script>
vendor: 1 bytes, line 132
132
133<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 133
133
134<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.3.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>
vendor: 1 bytes, line 134
134
135<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//rayaarishop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 135
135
136<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//rayaarishop.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
136<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 136
136
137<script> 138 window.Shopify = window.Shopify || {}; 139 window.Shopify.MCP = window.Shopify.MCP || {}; 140 window.Shopify.MCP.enabled = true; 141 window.Shopify.MCP.shop = "rayaarishop.myshopify.com"; 142 window.Shopify.MCP.mcpEndpoint = "https:\/\/rayaarishop.com\/api\/mcp"; 143 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 144</script>
vendor: 1 bytes, line 144
144
145<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/rayaarishop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 146</script>
vendor: 1 bytes, line 146
146
147<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://rayaarishop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 148</script>
vendor: 1 bytes, line 148
148
149<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 150 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); 151</script>
vendor: 1 bytes, line 151
151
152<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})}})); 153</script>
153 154
155<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
vendor: 1 bytes, line 155
155
156<script>window.BOLD = window.BOLD || {}; 157 window.BOLD.common = window.BOLD.common || {}; 158 window.BOLD.common.Shopify = window.BOLD.common.Shopify || {}; 159 window.BOLD.common.Shopify.shop = { 160 domain: 'rayaarishop.com', 161 permanent_domain: 'rayaarishop.myshopify.com', 162 url: 'https://rayaarishop.com', 163 secure_url: 'https://rayaarishop.com', 164 money_format: "Rs. {{amount}}", 165 currency: "INR" 166 }; 167 window.BOLD.common.Shopify.customer = { 168 id: null, 169 tags: null, 170 }; 171 window.BOLD.common.Shopify.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":"INR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 172 window.BOLD.common.template = 'product';window.BOLD.common.Shopify.formatMoney = function(money, format) { 173 function n(t, e) { 174 return "undefined" == typeof t ? e : t 175 } 176 function r(t, e, r, i) { 177 if (e = n(e, 2), 178 r = n(r, ","), 179 i = n(i, "."), 180 isNaN(t) || null == t) 181 return 0; 182 t = (t / 100).toFixed(e); 183 var o = t.split(".") 184 , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r) 185 , s = o[1] ? i + o[1] : ""; 186 return a + s 187 } 188 "string" == typeof money && (money = money.replace(".", "")); 189 var i = "" 190 , o = /\{\{\s*(\w+)\s*\}\}/ 191 , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}"; 192 switch (a.match(o)[1]) { 193 case "amount": 194 i = r(money, 2, ",", "."); 195 break; 196 case "amount_no_decimals": 197 i = r(money, 0, ",", "."); 198 break; 199 case "amount_with_comma_separator": 200 i = r(money, 2, ".", ","); 201 break; 202 case "amount_no_decimals_with_comma_separator": 203 i = r(money, 0, ".", ","); 204 break; 205 case "amount_with_space_separator": 206 i = r(money, 2, " ", ","); 207 break; 208 case "amount_no_decimals_with_space_separator": 209 i = r(money, 0, " ", ","); 210 break; 211 case "amount_with_apostrophe_separator": 212 i = r(money, 2, "'", "."); 213 break; 214 } 215 return a.replace(o, i); 216 }; 217 window.BOLD.common.Shopify.saveProduct = function (handle, product) { 218 if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') { 219 if (typeof product === 'number') { 220 window.BOLD.common.Shopify.handles[product] = handle; 221 product = { id: product }; 222 } 223 window.BOLD.common.Shopify.products[handle] = product; 224 } 225 }; 226 window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) { 227 if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') { 228 window.BOLD.common.Shopify.variants[variant_id] = variant; 229 } 230 };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {}; 231 window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {}; 232 window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.handle = "simba-gold-sugar-beads" 233window.BOLD.common.Shopify.saveProduct("simba-gold-sugar-beads", 8284680224815);window.BOLD.common.Shopify.saveVariant(45408755482671, { product_id: 8284680224815, product_handle: "simba-gold-sugar-beads", price: 2000, group_id: '', csp_metafield: {}});window.BOLD.common.Shopify.saveVariant(45408755515439, { product_id: 8284680224815, product_handle: "simba-gold-sugar-beads", price: 8000, group_id: '', csp_metafield: {}});window.BOLD.common.Shopify.saveVariant(45408755548207, { product_id: 8284680224815, product_handle: "simba-gold-sugar-beads", price: 52000, group_id: '', csp_metafield: {}});window.BOLD.apps_installed = {} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};</script>
233 234
234<script src="//rayaarishop.com/cdn/shop/t/3/assets/header.js?v=46800480770296327591778852402" type="text/javascript"></script>
234 235 236 237
237<script type="text/javascript" src="https://ws.sharethis.com/button/buttons.js"></script>
237 238
238<script type="text/javascript">stLight.options({publisher: "4a467312-eb52-4e56-a80a-d5930e0afac4", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
238 239 240 241
241<script> 242/* loader */ 243$(window).load(function myFunction() { 244 $(".s-panel .loader").removeClass("wrloader"); 245}); 246</script>
vendor: 1 bytes, line 246
246
247<script> 248$(document).ready(function(){ 249 $('.toprated').appendTo('.toprt'); 250 if ($(document).width() <= 767){ 251 $('.wscur').appendTo('.rightac .dropdown-menu-right'); 252 $('.rightac').appendTo('.appcart'); 253 $('.appcry').appendTo('.wscur .dropdown-menu'); 254 $('.topws').appendTo('.wscur .dropdown-menu .header-panel-top'); 255 256 $('.collection_sidebar').appendTo('.afilter'); 257 } 258}); 259</script>
vendor: 1 bytes, line 259
259
260<script> 261$(document).ready(function () { 262 263 if ($(window).width() >= 768) { 264 265 $(window).scroll(function () { 266 var scrollPos = $(this).scrollTop(); 267 268 // Sticky headtop 269 if (scrollPos > 50) { 270 $('.headtop').addClass('fixed'); 271 } else { 272 $('.headtop').removeClass('fixed'); 273 } 274 275 // Sticky headernav below headtop 276 if (scrollPos > $('.headtop').outerHeight()) { 277 $('.headernav').addClass('fixed fadeInDown animated'); 278 } else { 279 $('.headernav').removeClass('fixed fadeInDown animated'); 280 } 281 282 }); 283 284 } 285 286}); 287</script>
287 288<!-- Add this directly before the closing <meta name="shopify-y" content="da01993e-6ec6-45b3-b41e-1324cb6ef356" data-expiration="1822641262000"><meta name="shopify-s" content="cb4dd27d-bcd6-44a1-93f5-95ed6a4c25de" data-expiration="1791085462000"><meta name="new-cookie-storage-activated" content="t"> 289</head> tag in your theme.liquid --> 290 291<!-- 1. Tailwind CSS via CDN -->
292<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
292 293 294<!-- 2. Google Fonts & Material Icons --> 295<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;600&family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet"/> 296 297<!-- 3. Your Custom Tailwind Configuration -->
298<script id="tailwind-config"> 299 tailwind.config = { 300 301 darkMode: "class", 302 theme: { 303 extend: { 304 "colors": { 305 "on-primary": "#ffffff", 306 "surface-container-high": "#e2e7ff", 307 "surface-bright": "#faf8ff", 308 "inverse-primary": "#b4c5ff", 309 "surface-container-highest": "#dae2fd", 310 "surface-tint": "#0053db", 311 "background": "#faf8ff", 312 "tertiary-container": "#996100", 313 "secondary-container": "#da2676", 314 "outline": "#737686", 315 "on-primary-container": "#eeefff", 316 "inverse-surface": "#283044", 317 "surface-dim": "#d2d9f4", 318 "surface": "#faf8ff", 319 "primary-fixed-dim": "#b4c5ff", 320 "primary-container": "#2563eb", 321 "error": "#ba1a1a", 322 "tertiary": "#784b00", 323 "surface-container": "#eaedff", 324 "on-secondary": "#ffffff", 325 "on-secondary-fixed": "#3f001c", 326 "on-tertiary-container": "#ffeedd", 327 "outline-variant": "#c3c6d7", 328 "tertiary-fixed-dim": "#ffb95f", 329 "secondary-fixed-dim": "#ffb1c7", 330 "on-primary-fixed-variant": "#003ea8", 331 "on-background": "#131b2e", 332 "secondary": "#b5005d", 333 "on-tertiary": "#ffffff", 334 "on-error-container": "#93000a", 335 "tertiary-fixed": "#ffddb8", 336 "surface-container-lowest": "#ffffff", 337 "on-primary-fixed": "#00174b", 338 "primary-fixed": "#dbe1ff", 339 "on-tertiary-fixed": "#2a1700", 340 "error-container": "#ffdad6", 341 "on-secondary-fixed-variant": "#8e0048", 342 "on-surface": "#131b2e", 343 "secondary-fixed": "#ffd9e2", 344 "inverse-on-surface": "#eef0ff", 345 "surface-variant": "#dae2fd", 346 "surface-container-low": "#f2f3ff", 347 "on-error": "#ffffff", 348 "on-secondary-container": "#fffbff", 349 "on-surface-variant": "#434655", 350 "on-tertiary-fixed-variant": "#653e00", 351 "primary": "#004ac6" 352 }, 353 "borderRadius": { 354 "DEFAULT": "0.25rem", 355 "lg": "0.5rem",
356 "xl": "0.75rem", 357 "full": "9999px" 358 }, 359 "spacing": { 360 "xs": "4px", 361 "margin": "32px", 362 "gutter": "24px", 363 "base": "8px", 364 "md": "24px", 365 "sm": "12px", 366 "xl": "80px", 367 "lg": "48px" 368 }, 369 "fontFamily": { 370 "price-lg": ["Plus Jakarta Sans"], 371 "label-lg": ["Inter"], 372 "headline-md": ["Plus Jakarta Sans"], 373 "headline-lg": ["Plus Jakarta Sans"], 374 "body-lg": ["Inter"], 375 "display-lg": ["Plus Jakarta Sans"], 376 "body-md": ["Inter"] 377 }, 378 "fontSize": { 379 "price-lg": ["22px", {"lineHeight": "1", "fontWeight": "700"}], 380 "label-lg": ["14px", {"lineHeight": "1.2", "fontWeight": "600"}], 381 "headline-md": ["24px", {"lineHeight": "1.3", "fontWeight": "600"}], 382 "headline-lg": ["32px", {"lineHeight": "1.2", "letterSpacing": "-0.01em", "fontWeight": "600"}], 383 "body-lg": ["18px", {"lineHeight": "1.6", "fontWeight": "400"}], 384 "display-lg": ["48px", {"lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "700"}], 385 "body-md": ["16px", {"lineHeight": "1.5", "fontWeight": "400"}] 386 } 387 }, 388 }, 389 } 390</script>
390 391 392<!-- 4. Global Styles --> 393<style> 394 /* Base Body Styles */ 395 .tw-custom { 396 background-color: #faf8ff; 397 color: #131b2e; 398 font-family: 'Inter', sans-serif; 399} 400 401 ::selection { 402 background-color: rgba(181, 0, 93, 0.3); 403 } 404 405 /* Custom Classes used in sections */ 406 .material-symbols-outlined { 407 font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; 408 } 409 .tw-custom .glass-card { 410 background: rgba(255, 255, 255, 0.7); 411 backdrop-filter: blur(10px); 412 border: 1px solid rgba(255, 255, 255, 0.3); 413 } 414 .active-nav { 415 position: relative; 416 } 417 .active-nav::after { 418 content: ''; 419 position: absolute; 420 bottom: -4px; 421 left: 0; 422 width: 100%; 423 height: 2px; 424 background-color: #2563eb; 425 } 426 .tw-custom header nav a { 427 display: inline-flex; 428 align-items: center; 429} 430</style> 431 432 433 434<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
435<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 76166955055,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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>
vendor: 1 bytes, line 435
435
436<script> 437 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 438</script>
vendor: 1 bytes, line 438
438
439<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
439).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 76166955055,storefrontBaseUrl: "https://rayaarishop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://rayaarishop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2495021103","configuration":"{\"pixel_id\":\"558778750122968\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2455273519","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-4BKSC7H52W\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"RAY AARI SHOP","paymentSettings":{"currencyCode":"INR"},"myshopifyDomain":"rayaarishop.myshopify.com","countryCode":"IN","storefrontUrl":"https:\/\/rayaarishop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":20.0,"currencyCode":"INR"},"product":{"title":"Simba Gold Sugar Beads","vendor":"rayaarishop","id":"8284680224815","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","type":"Sugar Beads"},"id":"45408755482671","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"sku":null,"title":"10 Gm","untranslatedTitle":"10 Gm"},{"price":{"amount":80.0,"currencyCode":"INR"},"product":{"title":"Simba Gold Sugar Beads","vendor":"rayaarishop","id":"8284680224815","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","type":"Sugar Beads"},"id":"45408755515439","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"sku":null,"title":"50 Gm","untranslatedTitle":"50 Gm"},{"price":{"amount":520.0,"currencyCode":"INR"},"product":{"title":"Simba Gold Sugar Beads","vendor":"rayaarishop","id":"8284680224815","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","type":"Sugar Beads"},"id":"45408755548207","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"sku":null,"title":"1 Pak - 450 Gm","untranslatedTitle":"1 Pak - 450 Gm"}],"products":[{"id":"8284680224815","handle":"simba-gold-sugar-beads","isCollective":null,"title":"Simba Gold Sugar Beads","type":"Sugar Beads","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","vendor":"rayaarishop","remoteShopId":null,"variants":[{"id":"45408755482671","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"price":{"amount":20.0,"currencyCode":"INR"},"sku":null,"title":"10 Gm","untranslatedTitle":"10 Gm"},{"id":"45408755515439","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"price":{"amount":80.0,"currencyCode":"INR"},"sku":null,"title":"50 Gm","untranslatedTitle":"50 Gm"},{"id":"45408755548207","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"price":{"amount":520.0,"currencyCode":"INR"},"sku":null,"title":"1 Pak - 450 Gm","untranslatedTitle":"1 Pak - 450 Gm"}]}],"purchasingCompany":null},},"https://rayaarishop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"156653781039","themePublished":"true","eventMetadataId":"b6e1e014-cf71-4cd3-987e-4633859215e2","pageType":"product","resourceId":"8284680224815","shopId":"76166955055","storefrontBaseUrl":"https:\/\/rayaarishop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":20.0,\"currencyCode\":\"INR\"},\"product\":{\"title\":\"Simba Gold Sugar Beads\",\"vendor\":\"rayaarishop\",\"id\":\"8284680224815\",\"untranslatedTitle\":\"Simba Gold Sugar Beads\",\"url\":\"\/products\/simba-gold-sugar-beads\",\"type\":\"Sugar Beads\"},\"id\":\"45408755482671\",\"image\":{\"src\":\"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495\"},\"sku\":null,\"title\":\"10 Gm\",\"untranslatedTitle\":\"10 Gm\"}}]]"});})();</script>
439<script> 440 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 441 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 442 window.ShopifyAnalytics.meta.currency = 'INR'; 443 var meta = {"product":{"id":8284680224815,"gid":"gid:\/\/shopify\/Product\/8284680224815","vendor":"rayaarishop","type":"Sugar Beads","handle":"simba-gold-sugar-beads","variants":[{"id":45408755482671,"price":2000,"name":"Simba Gold Sugar Beads - 10 Gm","public_title":"10 Gm","sku":null},{"id":45408755515439,"price":8000,"name":"Simba Gold Sugar Beads - 50 Gm","public_title":"50 Gm","sku":null},{"id":45408755548207,"price":52000,"name":"Simba Gold Sugar Beads - 1 Pak - 450 Gm","public_title":"1 Pak - 450 Gm","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8284680224815,"requestId":"0500a76c-4c7c-4bb7-a15e-e1690a51add8-1791083662"}}; 444 for (var attr in meta) { 445 window.ShopifyAnalytics.meta[attr] = meta[attr]; 446 } 447</script>
vendor: 1 bytes, line 447
447
448<script class="analytics"> 449 (function () { 450 var customDocumentWrite = function(content) { 451 var jquery = null; 452 453 if (window.jQuery) { 454 jquery = window.jQuery; 455 } else if (window.Checkout && window.Checkout.$) { 456 jquery = window.Checkout.$; 457 } 458 459 if (jquery) { 460 jquery('body').append(content); 461 } 462 }; 463 464 var hasLoggedConversion = function(token) { 465 if (token) { 466 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 467 } 468 return false; 469 } 470 471 var setCookieIfConversion = function(token) { 472 if (token) { 473 var twoMonthsFromNow = new Date(Date.now()); 474 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 475 476 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 477 } 478 } 479 480 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 481 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 482 if (trekkie.integrations) { 483 return; 484 } 485 trekkie.methods = [ 486 'identify', 487 'page', 488 'ready', 489 'track', 490 'trackForm', 491 'trackLink' 492 ]; 493 trekkie.factory = function(method) { 494 return function() { 495 var args = Array.prototype.slice.call(arguments); 496 args.unshift(method); 497 trekkie.push(args); 498 if (method == 'track' || method == 'page') { 499 var pageUrl; 500 try { 501 pageUrl = window.location.href; 502 } catch (e) {} 503 var pageReferrer; 504 try { 505 pageReferrer = document.referrer; 506 } catch (e) {} 507 try { 508 if (window.__TREKKIE_SHIM_QUEUE == null) { 509 window.__TREKKIE_SHIM_QUEUE = []; 510 } 511 window.__TREKKIE_SHIM_QUEUE.push({ 512 from: 'trekkie-stub', 513 method: method, 514 args: args.slice(1), 515 pageContext: { 516 url: pageUrl, 517 referrer: pageReferrer 518 } 519 }); 520 } catch (e) { 521 // no-op 522 } 523 } 524 return trekkie; 525 }; 526 }; 527 for (var i = 0; i < trekkie.methods.length; i++) { 528 var key = trekkie.methods[i]; 529 trekkie[key] = trekkie.factory(key); 530 } 531 trekkie.load = function(config) { 532 trekkie.config = config || {}; 533 trekkie.config.initialDocumentCookie = document.cookie; 534 var first = document.getElementsByTagName('script')[0]; 535var script = document.createElement('script'); 536script.type = 'text/javascript'; 537script.onerror = function(e) { 538 var scriptFallback = document.createElement('script'); 539 scriptFallback.type = 'text/javascript'; 540 scriptFallback.onerror = function(error) { 541 var Monorail = { 542 produce: function produce(monorailDomain, schemaId, payload) { 543 var currentMs = new Date().getTime(); 544 var event = { 545 schema_id: schemaId, 546 payload: payload, 547 metadata: { 548 event_created_at_ms: currentMs, 549 event_sent_at_ms: currentMs 550 } 551 }; 552 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 553 }, 554 sendRequest: function sendRequest(endpointUrl, payload) { 555 // Try the sendBeacon API 556 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 557 var blobData = new window.Blob([payload], { 558 type: 'text/plain' 559 }); 560 561 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 562 return true; 563 } // sendBeacon was not successful 564 565 } // XHR beacon 566 567 var xhr = new XMLHttpRequest(); 568 569 try { 570 xhr.open('POST', endpointUrl); 571 xhr.setRequestHeader('Content-Type', 'text/plain'); 572 xhr.send(payload); 573 } catch (e) { 574 console.log(e); 575 } 576 577 return false; 578 }, 579 isIos12: function isIos12() { 580 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 581 } 582 }; 583 Monorail.produce('monorail-edge.shopifysvc.com', 584 'trekkie_storefront_load_errors/1.1', 585 {shop_id: 76166955055, 586 theme_id: 156653781039, 587 app_name: "storefront", 588 context_url: window.location.href, 589 source_url: "//rayaarishop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 590 591 }; 592 scriptFallback.async = true; 593 scriptFallback.src = '//rayaarishop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 594 first.parentNode.insertBefore(scriptFallback, first); 595}; 596script.async = true; 597script.src = '//rayaarishop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 598first.parentNode.insertBefore(script, first); 599 600 }; 601 trekkie.load( 602 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":76166955055,"isMerchantRequest":null,"themeId":1566
60253781039,"themeCityHash":"12755740806202774330","contentLanguage":"en","currency":"INR","eventMetadataId":"b6e1e014-cf71-4cd3-987e-4633859215e2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 603 ); 604 605 var loaded = false; 606 trekkie.ready(function() { 607 if (loaded) return; 608 loaded = true; 609 610 window.ShopifyAnalytics.lib = window.trekkie; 611 612 var originalDocumentWrite = document.write; 613 document.write = customDocumentWrite; 614 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 615 document.write = originalDocumentWrite; 616 617 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 618 var token = match? match[1]: undefined; 619 if (!hasLoggedConversion(token)) { 620 setCookieIfConversion(token); 621 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"INR","variantId":45408755482671,"productId":8284680224815,"productGid":"gid:\/\/shopify\/Product\/8284680224815","name":"Simba Gold Sugar Beads - 10 Gm","price":"20.00","sku":null,"brand":"rayaarishop","variant":"10 Gm","category":"Sugar Beads","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 622 } 623 }); 624 625 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8284680224815,"requestId":"0500a76c-4c7c-4bb7-a15e-e1690a51add8-1791083662","shopifyEmitted":true}); 626 627 var eventsListenerScript = document.createElement('script'); 628 eventsListenerScript.async = true; 629 eventsListenerScript.src = "//rayaarishop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 630 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 631})();</script>
vendor: 1 bytes, line 631
631
632<script 633 defer 634 src="https://rayaarishop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 635 data-application="storefront-renderer" 636 data-shop-id="76166955055" 637 data-render-region="gcp-us-central1" 638 data-page-type="product" 639 data-theme-instance-id="156653781039" 640 data-theme-name="Shopicart" 641 data-theme-version="2.2.0" 642 data-monorail-region="shop_domain" 643 data-resource-timing-sampling-rate="10" 644 data-shs="true" 645 data-shs-beacon="true" 646 data-shs-export-with-fetch="true" 647 data-shs-logs-sample-rate="1" 648 data-shs-beacon-endpoint="https://rayaarishop.com/api/collect" 649></script>
649 650</head> 651<body id="simba-gold-sugar-beads-for-aari-work" class="template-product" > 652 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 652-654
652 653 654<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
654GTM-5L3QBK5Q
vendor: 85 bytes, lines 654-657
654" 655 656height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 657
658<!-- End Google Tag Manager (noscript) --> 659 660 <div id="PageContainer"></div> 661 <div class="quick-view"></div> 662 <div id="shopify-section-custom-header" class="shopify-section"><style> 663 #desktop-nav, #desktop-icons { display: flex; } 664 .mobile-menu-wrapper { display: none; } 665 .header-left { gap: 20px; } 666 #desktop-nav { gap: 15px !important; } 667 #desktop-nav a { font-size: 14px; font-weight: bold; } 668 .header-logo { height: 50px !important; } 669 670 @media (max-width: 1200px) { 671 #desktop-nav, #desktop-icons { display: none !important; } 672 .mobile-menu-wrapper { display: block !important; } 673 .header-logo { height: 44px !important; } 674 .mobile-menu-wrapper details { position: static; } 675 .mobile-menu-wrapper summary { 676 list-style: none; cursor: pointer; 677 display: inline-flex; align-items: center; justify-content: center; 678 padding: 6px; background: none; border: none; color: #475569; 679 } 680 .mobile-menu-wrapper summary::-webkit-details-marker { display: none; } 681 .mobile-nav-content { 682 position: fixed; 683 top: 72px; 684 left: 0; 685 right: 0; 686 background: white; 687 border-top: 1px solid #e2e8f0; 688 padding: 16px 20px 120px; 689 display: flex; 690 flex-direction: column; 691 gap: 8px; 692 z-index: 9999; 693 max-height: calc(100vh - 72px); 694 overflow-y: auto; 695 box-shadow: 0 8px 20px rgba(0,0,0,0.1); 696} 697 .mobile-nav-content a { 698 padding: 14px; 699 border-radius: 12px; 700 text-decoration: none; 701 background: #f8fafc; 702 display: flex; 703 flex-direction: column; 704 gap: 4px; 705 border: 1px solid #e2e8f0; 706 transition: 0.2s; 707 } 708 709 .mobile-nav-content a:hover { 710 background: #eff6ff; 711 border-color: #93c5fd; 712 } 713 714 .mobile-nav-content a strong { 715 font-size: 15px; 716 color: #0f172a; 717 font-weight: 700; 718 } 719 body:has(details[open]) { overflow: hidden; } 720 } 721 722 #cart-count-badge { 723 position: absolute !important; 724 top: 0px !important; 725 right: 0px !important; 726 background: rgb(244, 63, 94) !important; 727 color: white !important; 728 font-size: 9px !important; 729 font-weight: 700 !important; 730 min-width: 16px !important; 731 height: 16px !important; 732 padding: 0 3px !important; 733 border-radius: 8px !important; 734 line-height: 1 !important; 735 pointer-events: none !important; 736 z-index: 100000 !important; 737 box-sizing: border-box !important; 738 display: none !important; 739 align-items: center !important; 740 justify-content: center !important; 741 transition: opacity 0.2s !important; 742 } 743 #cart-count-badge.visible { 744 display: flex !important; 745 } 746 747 #mini-cart-wrapper { position: relative; } 748 749 #mini-cart { 750 position: absolute; 751 top: calc(100% + 8px); 752 right: 0; 753 width: 370px; 754 background: white; 755 border-radius: 12px; 756 box-shadow: 0 8px 32px rgba(0,0,0,0.18); 757 z-index: 99999; 758 max-height: 520px; 759 display: none; 760 flex-direction: column; 761 } 762 763 #mc-top { padding: 16px 20px 0 20px; flex-shrink: 0; } 764 765 #mc-items-scroll { 766 flex: 1; overflow-y: auto; padding: 12px 20px; 767 scrollbar-width: thin; scrollbar-color: rgb(181 0 93) #f1f1f1; 768 } 769 #mc-items-scroll::-webkit-scrollbar { width: 4px; } 770 #mc-items-scroll::-webkit-scrollbar-track { background: rgb(181 0 93); border-radius: 10px; } 771 #mc-items-scroll::-webkit-scrollbar-thumb { background: rgb(181 0 93); border-radius: 10px; } 772 773 #mc-empty { text-align: center; padding: 30px 20px; } 774 775 #mc-footer { 776 display: none; border-top: 1px solid #eee; 777 padding: 14px 20px 16px 20px; flex-shrink: 0; 778 background: white; border-radius: 0 0 12px 12px; 779 } 780 781 .mc-item { display: flex; gap: 12px; margin-bottom: 14px; align-items: flex-start; } 782 .mc-item:last-child { margin-bottom: 0; } 783 .mc-item img { width: 58px; height: 58px; object-fit: cover; border-radius: 8px; flex-shrink: 0; } 784 .mc-item-info { flex: 1; min-width: 0; } 785 .mc-item-title { font-size: 13px; font-weight: 600; margin: 0 0 3px; line-height: 1.3; color: #1e293b; } 786 .mc-item-variant { font-size: 11px; color: #888; margin: 0 0 3px; } 787 .mc-item-price { font-size: 12px; color: #666; margin: 0; } 788 .mc-del-btn { background: none; border: none; cursor: pointer; color: #ccc; padding: 2px; line-height: 1; flex-shrink: 0; transition: color 0.2s; } 789 .mc-del-btn:hover { color: rgb(181 0 93); } 790 791 .mc-subtotal-row { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 15px; font-weight: 700; } 792 .mc-subtotal-amt { color: rgb(181 0 93); } 793 794 .mc-actions { display: flex; gap: 10px; } 795 .mc-view-btn { 796 flex: 1; text-align: center; padding: 11px 8px; 797 border: 2px solid rgb(181 0 93); border-radius: 8px; 798 color: rgb(181 0 93); font-weight: 700; font-size: 13px; 799 text-decoration: none; display: block; transition: background 0.2s; 800 } 801 .mc-view-btn:hover { background: #fff; } 802 .mc-checkout-btn { 803 flex: 1; text-align: center; padding: 11px 8px; 804 background: rgb(181 0 93); border-radius: 8px; 805 color: white; font-weight: 700; font-size: 13px; 806 text-decoration: none; display: block; transition: background 0.2s; 807 } 808 .mc-checkout-btn:hover { background: rgb(181 0 93); color:#fff; } 809</style> 810 811<header class="fixed top-0 left-0 right-0 z-50 bg-white/90 dark:bg-slate-900/90 backdrop-blur-md shadow-sm border-b border-slate-100 dar
811k:border-slate-800"> 812 <div class="flex justify-between items-center w-full px-5 py-3 max-w-[1280px] mx-auto"> 813 <div class="flex items-center header-left"> 814 <a href="/"> 815 816 <img 817 alt="RAY AARI SHOP" 818 class="header-logo w-auto" 819 src="https://cdn.shopify.com/s/files/1/0761/6695/5055/files/logo.png?v=1778084910" 820 > 821 822 </a> 823 824 <nav id="desktop-nav" class="flex flex-wrap font-['Plus_Jakarta_Sans'] font-medium tracking-tight"> 825 826 827 828 829 <a 830 class="text-slate-600 hover:text-blue-500 transition-colors duration-200" 831 href="/pages/silk-thread-materials" 832 >Silk Thread Materials</a> 833 834 <a 835 class="text-slate-600 hover:text-blue-500 transition-colors duration-200" 836 href="/pages/aari-materials" 837 >Aari Work Materials</a> 838 839 <a 840 class="text-slate-600 hover:text-blue-500 transition-colors duration-200" 841 href="/pages/invisible-chain-materials" 842 >Invisible Chain Materials</a> 843 844 <a 845 class="text-slate-600 hover:text-blue-500 transition-colors duration-200" 846 href="/pages/brooch-materials" 847 > Brooch Materials</a> 848 849 <a 850 class="text-slate-600 hover:text-blue-500 transition-colors duration-200" 851 href="/pages/resin-materials" 852 >Resin Materials</a> 853 854 <a 855 class="text-slate-600 hover:text-blue-500 transition-colors duration-200" 856 href="/collections/tailoring-materials" 857 >Tailoring Materials</a> 858 859 860 </nav> 861 </div> 862 863 <div id="desktop-icons" class="flex items-center gap-5"> 864 <div class="relative"> 865 <form action="/search" method="get" role="search"> 866 <input 867 class="pl-10 pr-4 py-2 rounded-full border-none focus:ring-2 focus:ring-primary text-sm w-56" 868 name="q" 869 placeholder="Search premium crafts..." 870 type="text" 871 > 872 <button type="submit" style="position:absolute;left:7px;top:45%;transform:translateY(-50%);"> 873 <span class="material-symbols-outlined" style="font-size:18px;">search</span> 874 </button> 875 </form> 876 </div> 877 878 <div class="flex" style="position:relative;"> 879 <a 880 href="https://rayaarishop.com/customer_authentication/redirect?locale=en®ion_country=IN" 881 class="p-2 text-slate-600 hover:text-blue-500" 882 > 883 <span class="material-symbols-outlined">person</span> 884 </a> 885 886 <a href="/pages/wishlist" class="p-2 text-slate-600 hover:text-blue-500 relative" id="wishlist-icon-link"> 887 <span class="material-symbols-outlined">favorite</span> 888 <span id="wishlist-dot" style="position:absolute;top:4px;right:4px;width:8px;height:8px;background:#f43f5e;border-radius:50%;display:none;"></span> 889 </a> 890 891 <div id="mini-cart-wrapper"> 892 <a 893 href="/cart" 894 id="cart-icon-btn" 895 class="p-2 text-slate-600 hover:text-blue-500" 896 style="position:relative; display:inline-flex; align-items:center;" 897 > 898 <span class="material-symbols-outlined">shopping_cart</span> 899 <span id="cart-count-badge"></span> 900 </a> 901 902 <div id="mini-cart"> 903 <div id="mc-empty"> 904 <span class="material-symbols-outlined" style="font-size:48px;color:#ccc;display:block;margin-bottom:8px;" 905 >shopping_basket</span 906 > 907 <p style="color:#999;font-size:14px;margin:0;">Your cart is empty</p> 908 </div> 909 <div id="mc-items-scroll" style="display:none;"> 910 <div id="mc-items"></div> 911 </div> 912 <div id="mc-footer"> 913 <div class="mc-subtotal-row">
914 <span>Subtotal:</span> 915 <span id="mc-subtotal" class="mc-subtotal-amt">â¹0.00</span> 916 </div> 917 <div class="mc-actions"> 918 <a href="/cart" class="mc-view-btn">VIEW CART</a> 919 <a href="/pages/checkout" class="mc-checkout-btn">CHECKOUT</a> 920 </div> 921 </div> 922 </div> 923 </div> 924 </div> 925 </div> 926 927 <div class="mobile-menu-wrapper"> 928 <details> 929 <summary aria-label="Menu"> 930 <span class="material-symbols-outlined" style="font-size:26px;">menu</span> 931 </summary> 932 933 <div class="mobile-nav-content"> 934 <a href="/pages/silk-thread-materials"> 935 <strong>Silk Thread Materials</strong> 936 </a> 937 938 <a href="/pages/aari-materials"> 939 <strong>Aari Work Materials</strong> 940 </a> 941 942 <a href="/pages/invisible-chain-materials"> 943 <strong>Invisible Chain Materials</strong> 944 </a> 945 946 <a href="/pages/brecelet-beads-charms"> 947 <strong>Bracelet Beads & Charms</strong> 948 </a> 949 950 <a href="/pages/brooch-materials"> 951 <strong>Brooch Materials</strong> 952 </a> 953 954 <a href="/collections/hair-accessories"> 955 <strong>Hair Accessories</strong> 956 </a> 957 958 <a href="/collections/jumka-making-materials"> 959 <strong>Jhumka Making Materials</strong> 960 </a> 961 962 <a href="/pages/clip-stones-crystal-stones-beads"> 963 <strong>Clip Stones / Crystal Stones & Beads</strong> 964 </a> 965 966 <a href="/collections/packing-materials"> 967 <strong>Packing Materials</strong> 968 </a> 969 970 <a href="/collections/painting-materials"> 971 <strong>Painting Materials</strong> 972 </a> 973 974 <a href="/collections/tailoring-materials"> 975 <strong>Tailoring Materials</strong> 976 </a> 977 978 <a href="/collections/flowers"> 979 <strong>Flowers & Ribbons</strong> 980 </a> 981 982 <a href="/collections/glass-bangles"> 983 <strong>Glass Bangles</strong> 984 </a> 985 986 <a href="/collections/glues"> 987 <strong>Glue</strong> 988 </a> 989 990 <a href="/pages/resin-materials"> 991 <strong>Resin Materials</strong> 992 </a> 993 994 <a href="#"> 995 <strong>Terracotta</strong> 996 </a> 997 </div> 998 </details> 999 </div> 1000 </div> 1001</header> 1002
1003<script> 1004 (function () { 1005 var closeTimer = null; 1006 var initialized = false; 1007 1008 function getBadge() { 1009 return document.getElementById('cart-count-badge'); 1010 } 1011 function getMC() { 1012 return document.getElementById('mini-cart'); 1013 } 1014 function getWrapper() { 1015 return document.getElementById('mini-cart-wrapper'); 1016 } 1017 1018 function showBadge(count) { 1019 var b = getBadge(); 1020 if (!b) return; 1021 if (count > 0) { 1022 b.textContent = count > 99 ? '99+' : String(count); 1023 b.classList.add('visible'); 1024 } else { 1025 b.textContent = ''; 1026 b.classList.remove('visible'); 1027 } 1028 } 1029 1030 function openMC() { 1031 var mc = getMC(); 1032 if (mc) mc.style.display = 'flex'; 1033 } 1034 function closeMC() { 1035 var mc = getMC(); 1036 if (mc) mc.style.display = 'none'; 1037 } 1038 1039 function esc(s) { 1040 return String(s).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"'); 1041 } 1042 1043 function renderCart(cart, keepOpen) { 1044 var itemsEl = document.getElementById('mc-items'); 1045 var scrollEl = document.getElementById('mc-items-scroll'); 1046 var emptyEl = document.getElementById('mc-empty'); 1047 var footerEl = document.getElementById('mc-footer'); 1048 var subtotalEl = document.getElementById('mc-subtotal'); 1049 if (!itemsEl) return; 1050 1051 showBadge(cart.items ? cart.items.length : 0); 1052 1053 if (!cart.items || cart.items.length === 0) { 1054 emptyEl.style.display = 'block'; 1055 scrollEl.style.display = 'none'; 1056 footerEl.style.display = 'none'; 1057 itemsEl.innerHTML = ''; 1058 return; 1059 } 1060 1061 emptyEl.style.display = 'none'; 1062 scrollEl.style.display = 'block'; 1063 footerEl.style.display = 'block'; 1064 subtotalEl.textContent = 'â¹' + (cart.total_price / 100).toFixed(2); 1065 1066 itemsEl.innerHTML = cart.items 1067 .map(function (item) { 1068 var price = (item.price / 100).toFixed(2); 1069 return ( 1070 '<div class="mc-item">' + 1071 '<img src="' + 1072 (item.image || '') + 1073 '" alt="">' + 1074 '<div class="mc-item-info">' + 1075 '<p class="mc-item-title">' + 1076 esc(item.product_title) + 1077 '</p>' + 1078 '<p class="mc-item-price">' + 1079 item.quantity + 1080 ' Ã â¹' + 1081 price + 1082 '</p>' + 1083 '</div>' + 1084 '<button class="mc-del-btn" data-key="' + 1085 item.key + 1086 '">' + 1087 '<span class="material-symbols-outlined" style="font-size:18px;">delete</span>' + 1088 '</button></div>' 1089 ); 1090 }) 1091 .join(''); 1092 1093 if (keepOpen) { 1094 openMC(); 1095 clearTimeout(closeTimer); 1096 closeTimer = setTimeout(closeMC, 3000); 1097 } 1098 } 1099 1100 function loadCart(thenOpen) { 1101 fetch('/cart.js') 1102 .then(function (r) { 1103 return r.json(); 1104 }) 1105 .then(function (cart) { 1106 renderCart(cart, thenOpen); 1107 }) 1108 .catch(function (err) { 1109 console.log('Cart error', err); 1110 }); 1111 } 1112 1113 function setupHover() { 1114 var w = getWrapper(); 1115 if (!w || w.dataset.bound) return; 1116 w.dataset.bound = '1'; 1117 w.addEventListener('mouseenter', function () { 1118 clearTimeout(closeTimer); 1119 loadCart(false); 1120 openMC(); 1121 }); 1122 w.addEventListener('mouseleave', function () { 1123 closeTimer = setTimeout(closeMC, 400); 1124 }); 1125 } 1126 1127function updateWishlistDot() { 1128 var dot = document.getElementById('wishlist-dot'); 1129 if (!dot) return; 1130 try { 1131 var raw = localStorage.getItem('user_wishlist'); 1132 var items = raw ? JSON.parse(raw) : []; 1133 dot.style.display = (Array.isArray(items) && items.length > 0) ? 'block' : 'none'; 1134 } catch (e) { 1135 dot.style.display = 'none'; 1136 } 1137} 1138 1139window.updateWishlistDot = updateWishlistDot; 1140 1141document.addEventListener('DOMContentLoaded', updateWishlistDot); 1142window.addEventListener('storage', function(e) { 1143 if (e.key === 'user_wishlist') updateWishlistDot(); 1144}); 1145 1146// Expose globally so product page and wishlist page can call it instantly 1147window.updateWishlistDot = updateWishlistDot; 1148 1149// Run on page load 1150document.addEventListener('DOMContentLoaded', updateWishlistDot); 1151window.addEventListener('storage', updateWishlistDot); 1152 1153// Run on page load 1154document.addEventListener('DOMContentLoaded', updateWishlistDot); 1155window.addEventListener('storage', updateWishlistDot); 1156 1157 document.addEventListener('click', function (e) { 1158 var btn = e.target.closest('.mc-del-btn'); 1159 if (!btn) return; 1160 fetch('/cart/change.js', { 1161 method: 'POST', 1162 headers: { 'Content-Type': 'application/json' }, 1163 body: JSON.stringify({ id: btn.dataset.key, quantity: 0 }), 1164 }) 1165 .then(function (r) { 1166 return r.json(); 1167 }) 1168 .then(function (cart) { 1169 renderCart(cart, true); 1170 // If user is on cart page, reload it to sync 1171 if (window.location.pathname === '/cart') { 1172 window.location.reload(); 1173 } 1174 }); 1175 });
1176 1177 /* KEY FIX: poll every 150ms until badge element exists in DOM */ 1178 function tryInit() { 1179 if (initialized) return; 1180 if (!getBadge() || !getWrapper()) { 1181 setTimeout(tryInit, 150); 1182 return; 1183 } 1184 initialized = true; 1185 setupHover(); 1186 loadCart(false); 1187 updateWishlistDot(); 1188 } 1189 1190 tryInit(); 1191 document.addEventListener('DOMContentLoaded', tryInit); 1192 window.addEventListener('load', tryInit); 1193 })(); 1194</script>
1194 1195 1196 1197</div> 1198 1199 <main class="main-content"> 1200 <div class="container-fluid px-3 px-lg-4"> 1201 <div class="row gx-3"> 1202 1203 <div class="col-12"> 1204 1205<div class=""> 1206<div class="row"> 1207 1208<div class="col-xs-12"> 1209<nav class="breadcrumb" aria-label="breadcrumbs"> 1210 1211 1212 1213 <span aria-hidden="true" class="breadcrumb__sep">|</span> 1214 <span>Simba Gold Sugar Beads</span> 1215 1216 1217 1218</nav> 1219</div> 1220 1221</div> 1222</div> 1223 1224 <!-- 1. PRODUCT BANNER SECTION --> 1225<div class="product-banner-wrapper"> 1226 <div class="breadcrumb-container"> 1227 <a href="/">Home</a> 1228 <span class="sep">/</span> 1229 <a href="/collections/all">Products</a> 1230 <span class="sep">/</span> 1231 <span class="current">Simba Gold Sugar Beads</span> 1232 </div> 1233 1234 1235</div> 1236 1237<!-- INVENTORY TOAST POPUP --> 1238<div id="inventory-toast" style=" 1239 display:none; 1240 position:fixed; 1241 bottom:30px; 1242 left:50%; 1243 transform:translateX(-50%); 1244 background:#1e293b; 1245 color:#fff; 1246 padding:14px 24px; 1247 border-radius:10px; 1248 font-size:14px; 1249 font-weight:600; 1250 z-index:9999; 1251 box-shadow:0 4px 20px rgba(0,0,0,0.2); 1252 white-space:nowrap; 1253"> 1254 <span id="inventory-toast-msg"></span> 1255</div> 1256 1257<!-- 2. MAIN PRODUCT CONTENT --> 1258<div class="product-container"> 1259 <div class="product-grid"> 1260 <!-- Left: Product Media --> 1261 <div class="product-media"> 1262 <div class="main-image-box"> 1263 <img id="MainProductImage" src="//rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_1000x1000.jpg?v=1780388495" alt="Simba Gold Sugar Beads"> 1264 </div> 1265 1266 1267 </div> 1268 1269 <!-- Right: Product Info --> 1270 <div class="product-info-panel"> 1271 <p class="vendor-label"> 1272 1273 Sugar Beads 1274 1275 </p> 1276 <h2 class="title-display">Simba Gold Sugar Beads</h2> 1277 1278 <div class="price-section"> 1279 <span class="price-main">Total: â¹20.00</span> 1280 1281 </div> 1282 1283 <div class="product-desc"> 1284 <p><span data-sheets-root="1">Discover premium Simba Gold Sugar Beads with a rich golden finish, perfect for Aari work, jewellery making, embroidery, blouse designs, and decorative craft projects.</span></p> 1285 </div> 1286 1287 <!-- Action Form --> 1288 <form action="/cart/add" method="post" enctype="multipart/form-data" class="action-form"> 1289 <!-- UPDATED VARIANT SELECTOR (Rows instead of Dropdown) --> 1290 1291 <div class="variant-swatch-container"> 1292 1293 <div class="option-row" data-index="option1"> 1294 <label class="option-label"> 1295 1296 Weight 1297 1298 </label> 1299 <div class="swatch-list"> 1300 1301 <div class="swatch-item"> 1302 <input 1303 type="radio" 1304 id="opt-1-1" 1305 name="option1" 1306 value="10 Gm" 1307 class="swatch-input" 1308 1309 checked 1310 1311 > 1312 <label for="opt-1-1" class="swatch-label"> 1313 10 Gm 1314 </label> 1315 </div> 1316 1317 <div class="swatch-item"> 1318 <input 1319 type="radio" 1320 id="opt-1-2" 1321 name="option1" 1322 value="50 Gm" 1323 class="swatch-input" 1324 1325 > 1326 <label for="opt-1-2" class="swatch-label"> 1327 50 Gm 1328 </label> 1329 </div> 1330 1331 <div class="swatch-item"> 1332 <input 1333 type="radio" 1334 id="opt-1-3" 1335 name="option1" 1336 value="1 Pak - 450 Gm" 1337 class="swatch-input" 1338 1339 > 1340 <label for="opt-1-3" class="swatch-label"> 1341 1 Pak - 450 Gm 1342 </label> 1343 </div> 1344 1345 </div> 1346 </div> 1347 1348 </div> 1349 <!-- Hidden input to store the final variant ID --> 1350 <input 1351 type="hidden" 1352 name="id" 1353 id="FinalVariantId" 1354 value="45408755482671" 1355 > 1356 1357 1358 <div 1359 class="qty-control-group" 1360 id="qtyControlGroup" 1361 1362> 1363 <label>Quantity</label> 1364 <div class="qty-box"> 1365 <button type="button" class="qty-btn c2c-qtyminus">â</button> 1366 <input type="text" name="quantity" value="1" class="c2c-qty-input" pattern="[0-9]*"> 1367 <button 1368 type="button" 1369 class="qty-btn c2c-qtyplus" 1370 id="qtyPlusBtn" 1371> 1372 + 1373</button> 1374 </div> 1375 </div> 1376 1377<div class="button-row"> 1378 1379 <button type="submit" name="add" class="btn-primary"> 1380 Add to Cart 1381 </button> 1382 1383 <button 1384 type="button" 1385 id="checkoutBtn" 1386 class="btn-secondary" 1387 onclick="buyItNow(this.form)" 1388 > 1389 Checkout 1390 </button> 1391 1392 <button 1393 type="button"
1394 class="btn-wishlist add-to-wishlist" 1395 id="WishlistButton" 1396 data-handle="simba-gold-sugar-beads" 1397 > 1398 <span class="heart">â¡</span> 1399 <span class="wish-text">Add to Wishlist</span> 1400 </button> 1401 </div> 1402 </form> 1403 1404 <div class="meta-footer"> 1405 <div class="meta-row"> 1406 <span>Availability</span> 1407 <span class="stock-status in-stock"> 1408 In Stock 1409 </span> 1410 </div> 1411 <div class="meta-row"> 1412 <span>Type</span> 1413 <span class="capitalize">Sugar Beads</span> 1414 </div> 1415 </div> 1416 </div> 1417 </div> 1418</div> 1419 1420<style> 1421 :root { 1422 --primary-color: #004ac6; 1423 --secondary-color: #b5005d; 1424 --bg-color: #faf8ff; 1425 --text-main: #131b2e; 1426 --text-variant: #434655; 1427 --outline: #c3c6d7; 1428 --surface-container: #eaedff; 1429 } 1430 1431 body { 1432 background-color: var(--bg-color); 1433 color: var(--text-main); 1434 font-family: 'Plus Jakarta Sans', sans-serif; 1435 margin: 0; 1436 } 1437 1438 /* NEW SWATCH STYLES */ 1439 .variant-swatch-container { margin-bottom: 30px; } 1440 .option-row { margin-bottom: 25px; } 1441 .option-label { 1442 display: block; 1443 font-weight: 700; 1444 margin-bottom: 12px; 1445 font-size: 13px; 1446 text-transform: uppercase; 1447 letter-spacing: 0.5px; 1448 color: #64748b; 1449 } 1450 .swatch-list { display: flex; flex-wrap: wrap; gap: 10px; } 1451 .swatch-item { position: relative; } 1452 .swatch-input { position: absolute; opacity: 0; width: 0; height: 0; } 1453 .swatch-label { 1454 display: block; 1455 padding: 12px 22px; 1456 border: 1px solid var(--outline); 1457 border-radius: 10px; 1458 font-size: 14px; 1459 font-weight: 600; 1460 cursor: pointer; 1461 transition: all 0.3s ease; 1462 background: #fff; 1463 color: var(--text-main); 1464 } 1465 .swatch-input:checked + .swatch-label { 1466 border-color: var(--primary-color); 1467 background: #f0f4ff; 1468 color: var(--primary-color); 1469 box-shadow: 0 0 0 1px var(--primary-color); 1470 } 1471 1472 .product-container { max-width: 1280px; margin: 0 auto; padding: 0 20px 80px; } 1473 .product-banner-wrapper { max-width: 1280px; margin: 40px auto; padding: 0 20px; } 1474 .breadcrumb-container { font-size: 14px; margin-bottom: 20px; color: var(--text-variant); } 1475 .breadcrumb-container a { text-decoration: none; color: inherit; } 1476 .breadcrumb-container .sep { margin: 0 8px; opacity: 0.5; } 1477 .breadcrumb-container .current { font-weight: 600; color: var(--text-main); } 1478 1479 .product-banner { 1480 position: relative; 1481 height: 380px; 1482 border-radius: 16px; 1483 overflow: hidden; 1484 box-shadow: 0 10px 30px rgba(0,0,0,0.05); 1485 } 1486 .product-banner img { width: 100%; height: 100%; object-fit: cover; } 1487 .product-banner-overlay { 1488 position: absolute; 1489 inset: 0; 1490 background: rgba(0,0,0,0.3); 1491 display: flex; 1492 align-items: center; 1493 justify-content: center; 1494 } 1495 .product-banner-overlay h1 { color: #fff; font-size: 48px; margin: 0; text-align: center; font-weight:800; } 1496 1497 .product-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; margin-top: 20px; } 1498 .main-image-box { 1499 height: 600px; 1500 overflow: hidden; 1501 border-radius: 12px; 1502 background: #fff; 1503} 1504 1505.main-image-box img { 1506 width: 100%; 1507 height: 100%; 1508 object-fit: contain; 1509} 1510 1511 1512 .thumb-controls { 1513 display: flex; 1514 justify-content: flex-end; 1515 gap: 10px; 1516 margin-top: 15px; 1517 margin-bottom: 10px; 1518} 1519 1520.thumb-controls button { 1521 width: 40px; 1522 height: 40px; 1523 border: 1px solid #ddd; 1524 background: #fff; 1525 cursor: pointer; 1526 border-radius: 8px; 1527 font-size: 18px; 1528} 1529 1530.thumb-controls button:hover { 1531 background: #f5f5f5; 1532} 1533 .thumbnail-list { 1534 display: flex; 1535 gap: 12px; 1536 margin-top: 20px; 1537 overflow-x: auto; 1538 scrollbar-width: none; 1539 -ms-overflow-style: none; 1540} 1541 1542.thumbnail-list::-webkit-scrollbar {
1543 display: none; 1544} 1545 1546.thumb-item { 1547 flex: 0 0 calc((100% - 48px) / 5); 1548 max-width: calc((100% - 48px) / 5); 1549 height: 90px; 1550 border-radius: 8px; 1551 overflow: hidden; 1552 cursor: pointer; 1553} 1554 1555.thumb-item img { 1556 width: 100%; 1557 height: 100%; 1558 object-fit: cover; 1559} 1560 .thumb-item:hover { border-color: var(--primary-color); } 1561 1562 .vendor-label { color: var(--secondary-color); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; font-size: 14px; } 1563 .title-display { font-size: 38px; margin: 0 0 20px; line-height: 1.2; } 1564 .price-section { margin-bottom: 30px; display: flex; align-items: baseline; gap: 15px; } 1565 .price-main { font-size: 32px; font-weight: 700; color: var(--primary-color); } 1566 .price-compare { text-decoration: line-through; color: var(--text-variant); font-size: 18px; } 1567 .product-desc { line-height: 1.7; color: var(--text-variant); margin-bottom: 40px; } 1568 1569 .qty-control-group { margin-bottom: 30px; } 1570 .qty-control-group label { display: block; font-weight: 600; margin-bottom: 10px; font-size: 14px; } 1571 .qty-box { display: flex; align-items: center; border: 1px solid var(--outline); width: fit-content; border-radius: 8px; padding: 4px; background: #fff; } 1572 .qty-btn { background: none; border: none; width: 40px; height: 40px; cursor: pointer; font-size: 20px; border-radius: 4px; } 1573 .qty-btn:hover { background: var(--surface-container); } 1574 .qty-btn:disabled { opacity: 0.35; cursor: not-allowed; } 1575 .qty-box input { width: 50px; text-align: center; border: none; font-weight: 700; outline: none; font-size: 16px; } 1576 1577 .button-row { display: flex; flex-wrap: wrap; gap: 15px; } 1578 .btn-primary, .btn-secondary, .btn-wishlist { height: 56px; border-radius: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: 0.3s; border: none; font-size: 14px; display: flex; align-items: center; justify-content: center; flex: 1; min-width: 160px; } 1579 .btn-primary { background: var(--primary-color); color: #fff; } 1580 .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,74,198,0.2); } 1581 .btn-secondary { background: var(--secondary-color); color: #fff; } 1582 .btn-secondary:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(181,0,93,0.2); } 1583 .btn-wishlist { background: #fff; border: 1px solid var(--outline); color: var(--text-main); flex-basis: 100%; } 1584 .btn-wishlist .heart { font-size: 20px; margin-right: 8px; color: var(--secondary-color); } 1585 .btn-wishlist:hover { border-color: var(--secondary-color); background: #fffbff; } 1586 .btn-wishlist.is-active { border-color: var(--secondary-color) !important; color: var(--secondary-color) !important; background: #fffbff !important; } 1587 1588 #checkoutBtn { background: linear-gradient(to right, #DB2777, #F59E0B) !important; color: #fff !important; border: none; box-shadow: 0 4px 15px rgba(219, 39, 119, 0.2); transition: all 0.3s ease; } 1589 #checkoutBtn:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(219, 39, 119, 0.4); } 1590 1591 .meta-footer { border-top: 1px solid var(--outline); margin-top: 40px; padding-top: 30px; } 1592 .meta-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 15px; } 1593 .stock-status.in-stock { color: var(--primary-color); font-weight: 700; } 1594 .stock-status.out-stock { color: #ba1a1a; font-weight: 700; } 1595.qty-btn { 1596 position: relative; 1597} 1598 1599.qty-btn:disabled { 1600 opacity: 0.5; 1601 cursor: not-allowed; 1602} 1603 1604.qty-btn:disabled:hover::after { 1605 content: attr(data-tooltip); 1606 position: absolute; 1607 bottom: 100%; 1608 left: 50%; 1609 transform: translateX(-50%); 1610 background: #111827; 1611 color: #fff; 1612 padding: 8px 12px; 1613 border-radius: 6px; 1614 white-space: nowrap; 1615 font-size: 12px; 1616 z-index: 9999; 1617} 1618.qty-control-group, 1619.qty-box { 1620 overflow: visible !important; 1621} 1622 1623 @media (max-width: 991px) { .product-grid { grid-template-columns: 1fr; gap: 40px; } .product-banner { height: 260px; } .product-banner-overlay h1 { font-size: 32px; } .title-display { font-size: 30px; } } 1624 @media (max-width: 480px) { .button-row { flex-direction: column; } .btn-primary, .btn-secondary, .btn-wishlist { width: 100%; flex: none; } } 1625</style> 1626
1627<script> 1628 document.addEventListener('DOMContentLoaded', function () { 1629 1630 // ----------------------------------------------------------------- 1631 // 1ï¸â£ Variant / Swatch handling (stores unit prices in dataâattrs) 1632 // ----------------------------------------------------------------- 1633 const productVariants = [ 1634 1635{ 1636 id: 45408755482671, 1637 option1: "10 Gm", 1638 option2: null, 1639 option3: null, 1640 price: 2000, 1641 compare_at_price: 0, 1642 available: true, 1643 inventory_quantity: 0, 1644 image: null 1645}, 1646 1647{ 1648 id: 45408755515439, 1649 option1: "50 Gm", 1650 option2: null, 1651 option3: null, 1652 price: 8000, 1653 compare_at_price: 0, 1654 available: true, 1655 inventory_quantity: 0, 1656 image: null 1657}, 1658 1659{ 1660 id: 45408755548207, 1661 option1: "1 Pak - 450 Gm", 1662 option2: null, 1663 option3: null, 1664 price: 52000, 1665 compare_at_price: 0, 1666 available: true, 1667 inventory_quantity: 0, 1668 image: null 1669} 1670 1671]; 1672 const swatchInputs = document.querySelectorAll('.swatch-input'); 1673 1674 // --- NEW: Inventory tracking variables --- 1675 let currentInventory = 0; 1676 let toastTimer = null; 1677 1678 // --- NEW: Show toast popup --- 1679 function showInventoryToast(qty) { 1680 const toast = document.getElementById('inventory-toast'); 1681 document.getElementById('inventory-toast-msg').textContent = 1682 'Only ' + qty + ' item' + (qty === 1 ? '' : 's') + ' available in stock'; 1683 toast.style.display = 'block'; 1684 clearTimeout(toastTimer); 1685 toastTimer = setTimeout(function () { toast.style.display = 'none'; }, 3000); 1686 } 1687 1688 // --- NEW: Enable/disable + button based on inventory --- 1689function updatePlusBtn() { 1690 const qtyInput = document.querySelector('.c2c-qty-input'); 1691 const plusBtn = document.querySelector('.c2c-qtyplus'); 1692 1693 if (!plusBtn || !qtyInput) return; 1694 1695 const val = parseInt(qtyInput.value, 10) || 1; 1696 1697 if (currentInventory > 0 && val >= currentInventory) { 1698 1699 plusBtn.disabled = true; 1700 1701 plusBtn.setAttribute( 1702 'data-tooltip', 1703 'Only ' + currentInventory + ' items available in stock' 1704 ); 1705 1706 } else { 1707 1708 plusBtn.disabled = false; 1709 1710 plusBtn.removeAttribute('data-tooltip'); 1711 } 1712} 1713 1714 // Helper: format cents â "Rs. X,XXX.xx" 1715 const formatMoney = cents => { 1716 return 'Total: â¹' + (cents / 100).toLocaleString('en-IN', { 1717 minimumFractionDigits: 2 1718 }); 1719 }; 1720 1721 // Store the unit price (and compareâat price) for a given variant 1722 const storeUnitPrices = variant => { 1723 const priceMainEl = document.querySelector('.price-main'); 1724 const priceCompEl = document.querySelector('.price-compare'); 1725 1726 priceMainEl.dataset.price = variant.price; // price already in cents 1727 if (priceCompEl) { 1728 if (variant.compare_at_price) { 1729 priceCompEl.dataset.compare = variant.compare_at_price; 1730 priceCompEl.style.display = 'inline'; 1731 } else { 1732 priceCompEl.style.display = 'none'; 1733 } 1734 } 1735 }; 1736 1737 // When a swatch changes, find the matching variant & store its prices 1738 function updateVariant () { 1739 const selectedOptions = {}; 1740 document.querySelectorAll('.option-row').forEach(row => { 1741 const idx = row.getAttribute('data-index'); 1742 const checked = row.querySelector('.swatch-input:checked'); 1743 if (checked) selectedOptions[idx] = checked.value; 1744 }); 1745 1746 const matched = productVariants.find(v => 1747 Object.keys(selectedOptions).every(k => v[k] === selectedOptions[k]) 1748 ); 1749 1750 if (matched) { 1751 console.log(matched); 1752 console.log(matched.image); 1753 if (matched.image) { 1754 document.getElementById('MainProductImage').src = matched.image; 1755 } 1756 1757 // hidden field for form submit 1758 document.getElementById('FinalVariantId').value = matched.id; 1759 1760 // --- NEW: Update inventory for selected variant --- 1761 currentInventory = matched.inventory_quantity || 0; 1762 console.log("Variant:", matched.option1); 1763console.log("Inventory:", matched.inventory_quantity); 1764console.log("CurrentInventory:", currentInventory); 1765
1766 const qtyInput = document.querySelector('.c2c-qty-input'); 1767 1768if (qtyInput) { 1769 let currentQty = parseInt(qtyInput.value, 10) || 1; 1770 1771 // If current quantity is greater than available stock, 1772 // reduce it to max stock. 1773 if (currentInventory > 0 && currentQty > currentInventory) { 1774 qtyInput.value = currentInventory; 1775 } 1776 1777 // For out-of-stock variants 1778 if (currentInventory <= 0) { 1779 qtyInput.value = 1; 1780 } 1781} 1782 1783 // Store unit prices for later multiplication 1784 storeUnitPrices(matched); 1785 1786 // Update total price now that we have a fresh unit price 1787 updateTotalPrice(); 1788 1789 // --- NEW: Re-check + button after variant change --- 1790 updatePlusBtn(); 1791 1792 // Stock status UI 1793 const stock = document.querySelector('.stock-status'); 1794 const addBtn = document.querySelector('.btn-primary'); 1795 const checkoutBtn = document.getElementById('checkoutBtn'); 1796 const qtyGroup = document.getElementById('qtyControlGroup'); 1797 1798 if (matched.available) { 1799 if (qtyGroup) qtyGroup.style.display = 'block'; 1800 stock.innerHTML = 'In Stock'; 1801 stock.className = 'stock-status in-stock'; 1802 1803 if (addBtn) { 1804 addBtn.disabled = false; 1805 addBtn.innerHTML = 'Add to Cart'; 1806 addBtn.style.background = ''; 1807 addBtn.style.cursor = ''; 1808 } 1809 1810 if (checkoutBtn) checkoutBtn.style.display = 'flex'; 1811 1812 } else { 1813 if (qtyGroup) qtyGroup.style.display = 'none'; 1814 stock.innerHTML = 'Out of Stock'; 1815 stock.className = 'stock-status out-stock'; 1816 1817 if (addBtn) { 1818 addBtn.disabled = true; 1819 addBtn.innerHTML = 'Out of Stock'; 1820 addBtn.style.background = '#999'; 1821 addBtn.style.cursor = 'not-allowed'; 1822 } 1823 1824 if (checkoutBtn) checkoutBtn.style.display = 'none'; 1825 } 1826 } 1827 } 1828 1829 swatchInputs.forEach(input => input.addEventListener('change', updateVariant)); 1830 1831 // ----------------------------------------------------------------- 1832 // 2ï¸â£ Wishlist handling (unchanged) 1833 // ----------------------------------------------------------------- 1834 const wishlistBtn = document.getElementById('WishlistButton'); 1835 if (wishlistBtn) { 1836 const productHandle = wishlistBtn.getAttribute('data-handle'); 1837 const heartIcon = wishlistBtn.querySelector('.heart'); 1838 const wishText = wishlistBtn.querySelector('.wish-text'); 1839 1840 let wishlist = []; 1841 try { wishlist = JSON.parse(localStorage.getItem('user_wishlist')) || []; } 1842 catch (e) { /* ignore */ } 1843 1844 // Initialise UI state 1845 if (wishlist.includes(productHandle)) { 1846 wishlistBtn.classList.add('is-active'); 1847 heartIcon.innerHTML = 'â¥'; 1848 wishText.innerHTML = 'In Wishlist'; 1849 } 1850 1851 wishlistBtn.addEventListener('click', function (e) { 1852 e.preventDefault(); 1853 1854 let current = []; 1855 try { current = JSON.parse(localStorage.getItem('user_wishlist')) || []; } 1856 catch (e) { /* ignore */ } 1857 1858 if (current.includes(productHandle)) { 1859 // REMOVE 1860 current = current.filter(item => item !== productHandle); 1861 this.classList.remove('is-active'); 1862 heartIcon.innerHTML = 'â¡'; 1863 wishText.innerHTML = 'Add to Wishlist'; 1864 } else { 1865 // ADD 1866 current.push(productHandle); 1867 this.classList.add('is-active'); 1868 heartIcon.innerHTML = 'â¥'; 1869 wishText.innerHTML = 'In Wishlist'; 1870 } 1871 localStorage.setItem('user_wishlist', JSON.stringify(current)); 1872 if (window.updateWishlistDot) window.updateWishlistDot(); 1873 }); 1874 } 1875 1876 // ----------------------------------------------------------------- 1877 // 3ï¸â£ Totalâprice calculation based on quantity (unchanged) 1878 // ----------------------------------------------------------------- 1879 function updateTotalPrice () {
1880 const qtyInput = document.querySelector('.c2c-qty-input'); 1881 const qty = parseInt(qtyInput?.value, 10) || 1; 1882 1883 const priceMainEl = document.querySelector('.price-main'); 1884 if (!priceMainEl) return; 1885 1886 let unitPrice = parseInt(priceMainEl.dataset.price, 10); 1887 1888 if (!unitPrice) { 1889 const hiddenId = document.getElementById('FinalVariantId')?.value; 1890 const variant = productVariants.find(v => v.id == hiddenId) || 1891 productVariants[0]; 1892 unitPrice = variant?.price || 0; 1893 priceMainEl.dataset.price = unitPrice; 1894 } 1895 1896 if (!unitPrice) unitPrice = 0; 1897 1898 const total = unitPrice * qty; 1899 priceMainEl.innerHTML = formatMoney(total); 1900 1901 const priceCompEl = document.querySelector('.price-compare'); 1902 if (priceCompEl) { 1903 let compareUnit = parseInt(priceCompEl.dataset.compare, 10); 1904 if (!compareUnit) { 1905 const hiddenId = document.getElementById('FinalVariantId')?.value; 1906 const variant = productVariants.find(v => v.id == hiddenId) || 1907 productVariants[0]; 1908 compareUnit = variant?.compare_at_price || 0; 1909 priceCompEl.dataset.compare = compareUnit; 1910 } 1911 if (compareUnit) { 1912 priceCompEl.innerHTML = formatMoney(compareUnit * qty); 1913 priceCompEl.style.display = 'inline'; 1914 } else { 1915 priceCompEl.style.display = 'none'; 1916 } 1917 } 1918 } 1919 1920 // ----------------------------------------------------------------- 1921 // 4ï¸â£ Quantity button wiring â + button now checks inventory limit 1922 // ----------------------------------------------------------------- 1923 const plusBtns = document.querySelectorAll('.c2c-qtyplus'); 1924 const minusBtns = document.querySelectorAll('.c2c-qtyminus'); 1925 1926 plusBtns.forEach(btn => { 1927 btn.addEventListener('click', function (e) { 1928 e.preventDefault(); e.stopImmediatePropagation(); 1929 const input = this.parentElement.querySelector('.c2c-qty-input'); 1930 let val = parseInt(input.value, 10) || 1; 1931 // --- NEW: Block increment if at inventory limit --- 1932 if (currentInventory > 0 && val >= currentInventory) { 1933 showInventoryToast(currentInventory); 1934 updatePlusBtn(); 1935 return; 1936 } 1937 input.value = ++val; 1938 input.dispatchEvent(new Event('change', { bubbles: true })); 1939 updateTotalPrice(); 1940 // --- NEW: Re-check + button state after increment --- 1941 updatePlusBtn(); 1942 }); 1943 }); 1944 1945 minusBtns.forEach(btn => { 1946 btn.addEventListener('click', function (e) { 1947 e.preventDefault(); e.stopImmediatePropagation(); 1948 const input = this.parentElement.querySelector('.c2c-qty-input'); 1949 let val = parseInt(input.value, 10) || 1; 1950 if (val > 1) input.value = --val; 1951 else input.value = 1; 1952 input.dispatchEvent(new Event('change', { bubbles: true })); 1953 updateTotalPrice(); 1954 // --- NEW: Re-enable + button when qty drops below limit --- 1955 updatePlusBtn(); 1956 }); 1957 }); 1958 1959 // Direct typing â also updates price 1960 const qtyInputs = document.querySelectorAll('.c2c-qty-input'); 1961qtyInputs.forEach(input => { 1962 input.addEventListener('input', function () { 1963 1964 this.value = this.value.replace(/[^0-9]/g, ''); 1965 1966 let qty = parseInt(this.value, 10) || 1; 1967 1968 if (qty < 1) qty = 1; 1969 1970 if (currentInventory > 0 && qty > currentInventory) { 1971 qty = currentInventory; 1972 showInventoryToast(currentInventory); 1973 } 1974 1975 this.value = qty; 1976 1977 updateTotalPrice(); 1978 updatePlusBtn(); 1979 }); 1980}); 1981 1982 // ----------------------------------------------------------------- 1983 // 5ï¸â£ Initialise on first load (unchanged logic + new updatePlusBtn) 1984 // ----------------------------------------------------------------- 1985 (function initOnPageLoad () { 1986 const hiddenId = document.getElementById('FinalVariantId').value; 1987 const initialVariant = productVariants.find(v => v.id == hiddenId); 1988 1989 if (initialVariant) { 1990 storeUnitPrices(initialVariant); 1991 } else { 1992 const priceMainEl = document.querySelector('.price-main'); 1993 const priceCompEl = document.querySelector('.price-compare'); 1994 1995 const extractCents = txt => { 1996 const cleaned = txt.replace(/[^0-9.]/g, ''); 1997 const parts = cleaned.split('.'); 1998 const rupees = parseInt(parts[0] || '0', 10); 1999 const paisa = parts[1] ? parseInt((parts[1] + '00').slice(0,2), 10) : 0; 2000 return rupees * 100 + paisa; 2001 }; 2002 2003 priceMainEl.dataset.price = extractCents(priceMainEl.textContent); 2004 if (priceCompEl && priceCompEl.textContent.trim()) { 2005 priceCompEl.dataset.compare = extractCents(priceCompEl.textContent); 2006 priceCompEl.style.display = 'inline'; 2007 } 2008 } 2009 2010 // Compute the total for the default quantity (1) 2011 updateTotalPrice(); 2012 // --- NEW: Set initial + button state --- 2013 updatePlusBtn(); 2014 })(); 2015 2016 }); 2017const thumbList = document.querySelector('.thumbnail-list'); 2018 2019if (thumbList) { 2020 2021 document.getElementById('thumbNext')?.addEventListener('click', () => { 2022 thumbList.scrollBy({ 2023 left: 500, 2024 behavior: 'smooth' 2025 }); 2026 }); 2027 2028 document.getElementById('thumbPrev')?.addEventListener('click', () => { 2029 thumbList.scrollBy({ 2030 left: -500, 2031 behavior: 'smooth' 2032 }); 2033 }); 2034 2035} 2036 // ----------------------------------------------------------------- 2037 // 6ï¸â£ "Buy it now" â unchanged 2038 // ----------------------------------------------------------------- 2039 function buyItNow(form) { 2040 if (!form) return; 2041 const formData = new FormData(form); 2042 fetch('/cart/add.js', { method: 'POST', body: formData }) 2043 .then(() =>
2043 { window.location.href = '/pages/checkout'; }) 2044 .catch(() => { window.location.href = '/pages/checkout'; }); 2045 } 2046</script>
2046 2047 </div> 2048 2049 </div> 2050 </div> 2051</main> 2052 <div id="shopify-section-custom-footer" class="shopify-section"><footer class="bg-slate-50 dark:bg-slate-950 border-t border-slate-200 dark:border-slate-800"> 2053 <div class="grid grid-cols-1 md:grid-cols-[1.5fr_0.8fr_0.8fr_1.3fr] gap-10 pt-28 pb-14 px-8 max-w-[1280px] mx-auto"> 2054 <!-- COLUMN 1 --> 2055 <div class="flex flex-col items-start gap-5 text-left"> 2056 2057 <img 2058 alt="Ray Aari Material Store" 2059 class="h-20 w-auto object-contain !ml-0" 2060 src="https://cdn.shopify.com/s/files/1/0761/6695/5055/files/logo.png?v=1778084910" 2061 > 2062 2063 2064 <!-- CONTENT UNDER LOGO --> 2065 <p class="font-['Plus_Jakarta_Sans'] text-[15px] font-medium text-slate-500 dark:text-slate-400 leading-7 max-w-[320px]"> 2066 Your one-stop destination for premium Ray Aari Material store, bangles making supplies, and wholesale craft 2067 tools. We empower creators worldwide with quality products and wholesale pricing. 2068 </p> 2069 2070 <!-- SOCIAL ICONS --> 2071 <div class="flex gap-4 mt-2"> 2072 <!-- Instagram --> 2073 <a 2074 href="https://www.instagram.com/ray_aari_shop/" 2075 target="_blank" 2076 class="social-icon" 2077 aria-label="Instagram" 2078 > 2079 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 2080 <path d="M7.75 2C4.57 2 2 4.57 2 7.75v8.5C2 19.43 4.57 22 7.75 22h8.5C19.43 22 22 19.43 22 16.25v-8.5C22 4.57 19.43 2 16.25 2h-8.5zm0 1.8h8.5a3.95 3.95 0 0 1 3.95 3.95v8.5a3.95 3.95 0 0 1-3.95 3.95h-8.5a3.95 3.95 0 0 1-3.95-3.95v-8.5A3.95 3.95 0 0 1 7.75 3.8zm8.9 1.35a1.05 1.05 0 1 0 0 2.1 1.05 1.05 0 0 0 0-2.1zM12 7a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 1.8A3.2 3.2 0 1 1 8.8 12 3.2 3.2 0 0 1 12 8.8z"/> 2081 </svg> 2082 </a> 2083 2084 <!-- YouTube --> 2085 <a 2086 href="https://www.youtube.com/@rayaarishop" 2087 target="_blank" 2088 class="social-icon" 2089 aria-label="YouTube" 2090 > 2091 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 2092 <path d="M21.8 8s-.2-1.4-.8-2a2.9 2.9 0 0 0-2-.8C16.2 5 12 5 12 5s-4.2 0-7 .2a2.9 2.9 0 0 0-2 .8c-.6.6-.8 2-.8 2S2 9.6 2 11.2v1.5C2 14.4 2.2 16 2.2 16s.2 1.4.8 2a3.4 3.4 0 0 0 2.2.8c1.6.2 6.8.2 6.8.2s4.2 0 7-.2a2.9 2.9 0 0 0 2-.8c.6-.6.8-2 .8-2s.2-1.6.2-3.3v-1.5C22 9.6 21.8 8 21.8 8zM10 15.5v-7l6 3.5-6 3.5z"/> 2093 </svg> 2094 </a> 2095 </div> 2096 </div> 2097 2098 <!-- COLUMN 2 --> 2099 <div> 2100 <h4 class="text-[18px] font-extrabold uppercase tracking-wider mb-6 text-slate-900 dark:text-white"> 2101 Quick Links 2102 </h4> 2103 2104 <ul class="flex flex-col gap-4 font-['Plus_Jakarta_Sans'] text-[15px] font-medium"> 2105 <li> 2106 <a class="footer-link" href="/pages/all-categories"> All Categories </a> 2107 </li> 2108 2109 <li> 2110 <a class="footer-link" href="/pages/about-us"> About Us </a> 2111 </li> 2112 2113 <li> 2114 <a class="footer-link" href="/blogs/news"> Blogs </a> 2115 </li> 2116 2117 <li> 2118 <a class="footer-link" href="/collections/all"> Products </a> 2119 </li> 2120 2121 <li> 2122 <a class="footer-link" href="/pages/contact"> Contact Us </a> 2123 </li> 2124 2125 2126 </ul> 2127 </div> 2128 2129 <!-- COLUMN 3 --> 2130 <div> 2131 <h4 class="text-[18px] font-extrabold uppercase tracking-wider mb-6 text-slate-900 dark:text-white"> 2132 My Account 2133 </h4> 2134 2135 <ul class="flex flex-col gap-4 font-['Plus_Jakarta_Sans'] text-[15px] font-medium"> 2136 <li> 2137 <a class="footer-link" href="/account"> My Account </a> 2138 </li> 2139 2140 <li> 2141 <a class="footer-link" href="/cart"> Cart </a> 2142 </li> 2143 2144 <li> 2145 <a class="footer-link" href="/pages/checkout"> Checkout </a> 2146 </li> 2147 2148 <li> 2149 <a class="footer-link" href="/pages/wishlist"> Wishlist </a> 2150 </li> 2151 </ul> 2152 </div> 2153 2154 <!-- COLUMN 4 --> 2155 <div> 2156 <h4 class="text-[18px] font-extrabold uppercase tracking-wider mb-6 text-slate-900 dark:text-white"> 2157 Contact Info 2158 </h4> 2159 2160 <div class="flex flex-col gap-6 font-['Plus_Jakarta_Sans'] text-[15px] font-medium text-slate-600 dar
2160k:text-slate-300"> 2161 <!-- Address --> 2162 <div class="flex items-start gap-4"> 2163 <div class="contact-icon"> 2164 <svg 2165 xmlns="http://www.w3.org/2000/svg" 2166 class="w-7 h-7" 2167 fill="none" 2168 viewBox="0 0 24 24" 2169 stroke="currentColor" 2170 stroke-width="2" 2171 > 2172 <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a2 2 0 01-2.828 0l-4.243-4.243a8 8 0 1111.314 0z"/> 2173 <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> 2174 </svg> 2175 </div> 2176 2177 <p class="leading-7"> 2178 Sivanatham salai,<br> 2179 Arappalayam cross Road,<br> 2180 Madurai - 625016 2181 </p> 2182 </div> 2183 2184 <!-- GST --> 2185 <div class="flex items-center gap-4"> 2186 <div class="contact-icon"> 2187 <svg 2188 xmlns="http://www.w3.org/2000/svg" 2189 class="w-7 h-7" 2190 fill="none"
2191 viewBox="0 0 24 24" 2192 stroke="currentColor" 2193 stroke-width="2" 2194 > 2195 <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6M7 4h10a2 2 0 012 2v12a2 2 0 01-2 2H7a2 2 0 01-2-2V6a2 2 0 012-2z"/> 2196 </svg> 2197 </div> 2198 2199 <p>GST No: 33CPPPP0040B1ZD</p> 2200 </div> 2201 2202 <!-- Phone --> 2203 <div class="flex items-center gap-4"> 2204 <div class="contact-icon"> 2205 <svg 2206 xmlns="http://www.w3.org/2000/svg" 2207 class="w-7 h-7" 2208 fill="none" 2209 viewBox="0 0 24 24" 2210 stroke="currentColor" 2211 stroke-width="2" 2212 > 2213 <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> 2214 </svg> 2215 </div> 2216 2217 <a href="tel:+919342579120" class="hover:text-pink-600 transition"> +91 9342579120 </a> 2218 </div> 2219 2220 <!-- Email --> 2221 <div class="flex items-center gap-4"> 2222 <div class="contact-icon"> 2223 <svg 2224 class="w-7 h-7 text-current"
2225 viewBox="0 0 24 24" 2226 fill="none" 2227 stroke="currentColor" 2228 stroke-width="2" 2229 stroke-linecap="round" 2230 stroke-linejoin="round" 2231 aria-hidden="true" 2232 > 2233 <path d="M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z"/> 2234 <polyline points="22,6 12,13 2,6"/> 2235 </svg> 2236 </div> 2237 2238 <a href="mailto:[email protected]" class="hover:text-pink-600 transition break-all"> 2239 [email protected] 2240 </a> 2241 </div> 2242 2243 <!-- Website --> 2244 <div class="flex items-center gap-4"> 2245 <div class="contact-icon"> 2246 <svg 2247 class="w-7 h-7 text-current" 2248 viewBox="0 0 24 24" 2249 fill="none" 2250 stroke="currentColor" 2251 stroke-width="2" 2252 stroke-linecap="round" 2253 stroke-linejoin="round" 2254 aria-hidden="true" 2255 > 2256 <circle cx="12" cy="12" r="10"/> 2257 <line x1="2" y1="12" x2="22" y2="12"/> 2258 <path d="M12 2a15.3 15.3 0 010 20"/> 2259 <path d="M12 2a15.3 15.3 0 000 20"/> 2260 </svg> 2261 </div> 2262 2263 <a href="https://www.rayaarishop.com" target="_blank" class="hover:text-pink-600 transition"> 2264 www.rayaarishop.com 2265 </a> 2266 </div> 2267 </div> 2268 </div> 2269 </div> 2270 2271<!-- COPYRIGHT --> 2272 <div class="max-w-[1280px] mx-auto px-8 py-8 border-t border-slate-200 dark:border-slate-800"> 2273 <div class="flex flex-col md:flex-row items-center justify-between gap-3 text-center md:text-left"> 2274 2275 <p class="font-['Plus_Jakarta_Sans'] text-[15px] font-medium text-slate-500 dark:text-slate-400"> 2276 © 2026 Ray Aari Shop. All rights reserved. | 2277 Powered by 2278 <a href="https://metatroncubesolutions.com/" target="_blank" class="font-semibold hover:text-pink-600 transition"> 2279 Metatroncube 2280 </a> 2281 </p> 2282 2283 <a href="/pages/privacy-policy" class="font-['Plus_Jakarta_Sans'] text-[15px] font-semibold text-slate-500 dark:text-slate-400 hover:text-pink-600 transition whitespace-nowrap"> 2284 Privacy Policy 2285 </a> 2286 2287 </div> 2288 </div> 2289</footer> 2290 2291<style> 2292 .social-icon{ 2293 width:48px; 2294 height:48px; 2295 border-radius:9999px; 2296 display:flex;
2297 align-items:center; 2298 justify-content:center; 2299 background:linear-gradient(to right,#db2777,#f59e0b); 2300 color:#fff; 2301 transition:all .3s ease; 2302 } 2303 2304 .social-icon svg{ 2305 width:24px; 2306 height:24px; 2307 } 2308 2309 .social-icon:hover{ 2310 transform:translateY(-3px); 2311 opacity:.9; 2312 } 2313 2314 .footer-link{ 2315 color:rgb(100 116 139); 2316 transition:all .3s ease; 2317 display:inline-block; 2318 } 2319 2320 .footer-link:hover{ 2321 color:#db2777; 2322 transform:translateX(4px); 2323 } 2324 2325 .contact-icon{ 2326 min-width:42px; 2327 min-height:42px; 2328 width:42px; 2329 height:42px; 2330 border-radius:9999px; 2331 display:flex; 2332 align-items:center; 2333 justify-content:center; 2334 color:#db2777; 2335 flex-shrink:0; 2336 } 2337 2338 .contact-icon svg{ 2339 width:30px; 2340 height:30px; 2341 } 2342</style> 2343</div> 2344
2344<script src="//rayaarishop.com/cdn/shop/t/3/assets/timber.js?v=40628480752110449371778852402" type="text/javascript"></script>
2344 2345
2345<script src="//rayaarishop.com/cdn/shop/t/3/assets/core-files.js?v=132615598331300870811778852402" type="text/javascript"></script>
2345 2346
2346<script src="//rayaarishop.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
2346 2347
2347<script src="//rayaarishop.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" type="text/javascript"></script>
2347 2348
2348<script src="//rayaarishop.com/cdn/shop/t/3/assets/shop.js?v=13436303116142394571780480046" type="text/javascript"></script>
2348 2349
2349<script src="//rayaarishop.com/cdn/shop/t/3/assets/slick.js?v=2718881879225888791778852378" type="text/javascript"></script>
2349 2350 2351 2352 2353
2353<script src="//rayaarishop.com/cdn/shop/t/3/assets/social-buttons.js?v=119607936257803311281778852402" type="text/javascript"></script>
2353 2354 2355 2356 2357
2357<script> 2358 window.use_sticky = true; 2359 window.ajax_cart = false; 2360 window.money_format = "Rs. {{amount}} INR"; 2361 window.shop_currency = "INR"; 2362 window.show_multiple_currencies = true; 2363 window.enable_sidebar_multiple_choice = true; 2364 window.loading_url = "//rayaarishop.com/cdn/shop/t/3/assets/loading.gif?v=170610131068126301611778852378"; 2365 window.dropdowncart_type = "hover"; 2366 window.file_url = "//rayaarishop.com/cdn/shop/files/?v=5511"; 2367 window.asset_url = ""; 2368 window.items="Items"; 2369 window.many_in_stock="Many In Stock"; 2370 window.out_of_stock=" Out of stock"; 2371 window.in_stock=" In Stock"; 2372 window.unavailable="Unavailable"; 2373 </script>
2373 2374 2375 <!-- Begin quick-view-template --> 2376<div class="clearfix" id="quickview-template" style="display:none"> 2377 <div class="overlay"></div> 2378 <div class="content clearfix row"> 2379 <div class="product-img images col-sm-6 col-xs-12"> 2380 <div class="quickview-featured-image product-photo-container"></div> 2381 <div class="more-view-wrapper"> 2382 <ul class="product-photo-thumbs quickview-more-views-owlslider"> 2383 </ul> 2384 </div> 2385 </div> 2386 <div class="col-sm-6 col-xs-12 quickright"> 2387 <div class="product-item product-detail-section"> 2388 <h2 class="product-title"><a> </a></h2> 2389 <p class="item-text page-des"></p> 2390 <div class="prices product_price"> 2391 <label>Price:</label> 2392 <span class="price" id="QProductPrice"></span> 2393 <span class="compare-price" id="QComparePrice"></span> 2394 </div><div class="clearfix"></div> 2395 2396 <div class="product-infor"> 2397 <p class="product-inventory"><label>Availability:</label><span></span></p> 2398 </div> 2399 2400 2401 2402 <div class="details clearfix"> 2403 2404 <form action="/cart/add" method="post" class="variants"> 2405 <select name='id' style="display:none"></select> 2406 <div class="qty-section quantity-box"> 2407 <label>Quantity:</label> 2408 <div class="dec button quickqtyminus">-</div> 2409 <input type="number" name="quantity" id="Qty" value="1" class="quantity"> 2410 <div class="inc button quickqtyplus">+</div> 2411 <div class="actions"> 2412 <button type="button" class="add-to-cart-btn btn"> 2413 Add to Cart 2414 </button> 2415 </div> 2416 </div> 2417 </form> 2418 2419 </div> 2420 2421 2422 </div> 2423 </div> 2424 <a href="javascript:void(0)" class="close-window"></a> 2425 </div> 2426 2427</div>
2428<script type="text/javascript"> 2429 Shopify.doNotTriggerClickOnThumb = false; 2430 2431 var selectCallbackQuickview = function(variant, selector) { 2432 var productItem = jQuery('.quick-view .product-item'); 2433 addToCart = productItem.find('.add-to-cart-btn'), 2434 productPrice = productItem.find('.price'), 2435 comparePrice = productItem.find('.compare-price'), 2436 totalPrice = productItem.find('.total-price span'), 2437 inventory = productItem.find('.product-inventory'); 2438 if (variant) { 2439 if (variant && variant.available) { 2440 addToCart 2441 .removeClass('disabled') 2442 .removeAttr('disabled') 2443 .text('Add To Cart'); 2444 } else { 2445 addToCart 2446 .addClass('disabled') 2447 .attr('disabled', 'disabled') 2448 .text('Sold Out'); 2449} 2450 2451 // Regardless of stock, update the product price 2452 productPrice.html(Shopify.formatMoney(variant.price, "Rs. {{amount}}")); 2453 2454 // Also update and show the product's compare price if necessary 2455 if ( variant.compare_at_price > variant.price ) { 2456 comparePrice 2457 .html(Shopify.formatMoney(variant.compare_at_price, "Rs. {{amount}}")) 2458 .show(); 2459 productPrice.addClass('on-sale'); 2460 } else { 2461 comparePrice.hide(); 2462 productPrice.removeClass('on-sale'); 2463 } 2464 2465 2466 2467 //update variant inventory 2468 2469 var inventoryInfo = productItem.find('.product-inventory span'); 2470 if (variant.available) { 2471 if (variant.inventory_management !=null ) { 2472 inventoryInfo.text(window.in_stock ); 2473 inventoryInfo.addClass('items-count'); 2474 inventoryInfo.removeClass('many-in-stock'); 2475 inventoryInfo.removeClass('out-of-stock'); 2476 inventoryInfo.removeClass('unavailable'); 2477 } else { 2478 inventoryInfo.text(window.many_in_stock); 2479 inventoryInfo.addClass('many-in-stock') 2480 inventoryInfo.removeClass('items-count'); 2481 inventoryInfo.removeClass('out-of-stock'); 2482 inventoryInfo.removeClass('unavailable'); 2483 } 2484 } else { 2485 inventoryInfo.addClass('out-of-stock') 2486 inventoryInfo.text(window.out_of_stock); 2487 inventoryInfo.removeClass('items-count'); 2488 inventoryInfo.removeClass('many-in-stock'); 2489 inventoryInfo.removeClass('unavailable'); 2490 } 2491 2492 2493 2494 /*recaculate total price*/ 2495 //try pattern one before pattern 2 2496 var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g; 2497 var unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex); 2498 2499 if (!unitPriceTextMatch) { 2500 regex = /([0-9]+[.|,][0-9]+)/g; 2501 unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex); 2502 } 2503 2504 if (unitPriceTextMatch) { 2505 var unitPriceText = unitPriceTextMatch[0]; 2506 var unitPrice = unitPriceText.replace(/[.|,]/g,''); 2507 var quantity = parseInt(jQuery('.quick-view input[name=quantity]').val()); 2508 var totalPrice = unitPrice * quantity; 2509 2510 var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format); 2511 regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g; 2512 if (!totalPriceText.match(regex)) { 2513 regex = /([0-9]+[.|,][0-9]+)/g; 2514 } 2515 totalPriceText = totalPriceText.match(regex)[0]; 2516 2517 var regInput = new RegExp(unitPriceText, "g"); 2518 var totalPriceHtml = jQuery('.quick-view .price').html().replace(regInput ,totalPriceText); 2519 jQuery('.quick-view .total-price span').html(totalPriceHtml); 2520 } 2521 /*end of price calculation*/ 2522 2523 2524 2525 Currency.convertAll('INR', jQuery('#currencies').val(), 'span.money', 'money_format'); 2526 2527 2528 /*begin variant image*/ 2529 if (variant && variant.featured_image) { 2530 var newImage = Shopify.resizeImage(variant.featured_image.src, 'small'); 2531 newImage = newImage.replace(/https?:/,''); 2532 jQuery('.quick-view .quickview-more-views img').each(function() { 2533 var grandSize = jQuery(this).attr('src'); 2534 if (grandSize == newImage) { 2535 jQuery(this).parent().trigger('click'); 2536 return false;
2537 } 2538 }); 2539 } 2540 /*end of variant image*/ 2541 } else { 2542 // The variant doesn't exist. Just a safegaurd for errors, but disable the submit button anyway 2543 addToCart.text('Unavailable').addClass('disabled').attr('disabled', 'disabled'); 2544 2545 2546 var inventoryInfo = productItem.find('.product-inventory span'); 2547 inventoryInfo.addClass("unavailable"); 2548 inventoryInfo.removeClass("many-in-stock"); 2549 inventoryInfo.removeClass("items-count"); 2550 inventoryInfo.removeClass("out-of-stock"); 2551 inventoryInfo.text(window.unavailable); 2552 2553 } 2554 }; 2555 2556 </script>
2556 2557 <div class="loading-modal modal">Loading</div> 2558<div class="ajax-error-modal modal"> 2559 <div class="modal-inner"> 2560 <div class="ajax-error-title">Error</div> 2561 <div class="ajax-error-message"></div> 2562 </div> 2563</div> 2564<div class="ajax-success-modal modal"> 2565 <div class="overlay"></div> 2566 <div class="content"> 2567 2568 <p class="added-to-cart info">Added to cart</p> 2569 <p class="added-to-wishlist info">In wishlist</p> 2570 <div class="ajax-left"> 2571 <img class="ajax-product-image img-responsive center-block" alt="modal window" src="/" /> 2572 </div> 2573 <div class="ajax-right"> 2574 <h3 class="ajax-product-title">Product name</h3> 2575 <span class="ajax_price"></span><span class="ajax_dprice"></span> 2576 <p class="ajax_des"></p> 2577 <div class="success-message added-to-cart"><a href="/cart" class="btn">View Cart</a> </div> 2578 <div class="success-message added-to-wishlist"> <a href="/pages/wishlist" class="btn"><i class="fa fa-heart"></i>View Wishlist</a></div> 2579 </div> 2580 <a href="javascript:void(0)" class="close-modal"><i class="fa fa-times"></i></a> 2581 </div> 2582</div> 2583
2584<script src="//rayaarishop.com/cdn/s/javascripts/currencies.js" type="text/javascript"></script>
vendor: 1 bytes, line 2584
2584
2585<script src="//rayaarishop.com/cdn/shop/t/3/assets/jquery.currencies.min.js?v=32143995123130278511778852378" type="text/javascript"></script>
2585 2586
2587<script> 2588 2589 2590// Pick your format here: 2591// Can be 'money_format' or 'money_with_currency_format' 2592Currency.format = 'money_format'; 2593var shopCurrency = 'INR'; 2594 2595Currency.moneyFormats[shopCurrency].money_with_currency_format = "Rs. {{amount}} INR"; 2596Currency.moneyFormats[shopCurrency].money_format = "Rs. {{amount}}"; 2597 2598var cookieCurrency = Currency.cookie.read(); 2599 2600jQuery('span.money span.money').each(function() { 2601 jQuery(this).parent('span.money').removeClass('money'); 2602}); 2603 2604jQuery('span.money').each(function() { 2605 jQuery(this).attr('data-currency-INR', jQuery(this).html()); 2606}); 2607 2608var currencySwitcher = jQuery('#currencies'); 2609if (cookieCurrency == null || cookieCurrency == shopCurrency) { 2610 Currency.currentCurrency = shopCurrency; 2611} 2612else { 2613 Currency.currentCurrency = cookieCurrency; 2614 currencySwitcher.val(cookieCurrency); 2615 Currency.convertAll(shopCurrency, cookieCurrency); 2616} 2617jQuery('.selectize-input input').attr('disabled','disabled'); 2618currencySwitcher.change(function() { 2619 var newCurrency = jQuery(this).val(); 2620 Currency.cookie.write(newCurrency); 2621 Currency.convertAll(Currency.currentCurrency, newCurrency); 2622 jQuery("#currencies-modal span").text(newCurrency); 2623 if (jQuery("#cart-currency").length >0) { 2624 jQuery("#cart-currency").text(newCurrency); 2625 } 2626 jQuery("#currencies-modal").fadeIn(500).delay(3000).fadeOut(500); 2627}); 2628var original_selectCallback = window.selectCallback; 2629var selectCallback = function(variant, selector) { 2630 original_selectCallback(variant, selector); 2631 Currency.convertAll(shopCurrency, jQuery('#currencies').val()); 2632}; 2633</script>
2633 2634 2635 2636 2637<style type="text/css"> 2638 .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;-webkit-box-shadow:inset 0 0 12px 4px #ffffff;box-shadow:inset 0 0 12px 4px #ffffff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:'!';visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown-header{position:relative;padding:3px 12px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.selectize-dropdown-header-close{position:absolute;right:12px;top:50%;color:#333333;opacity:0.4;margin-top:-12px;line-height:20px;font-size:20px !important}.selectize-dropdown-header-close:hover{color:#000000}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button [data-value]{position:relative;padding-right:24px !important}.selectize-control.plugin-remove_button [data-value] .remove{z-index:1;position:absolute;top:0;right:0;bottom:0;width:17px;text-align:center;font-weight:bold;font-size:12px;color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:1px 0 0 0;border-left:1px solid rgba(0,0,0,0);-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-control.plugin-remove_button [data-value] .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button [data-value].active .remove{border-left-color:rgba(0,0,0,0)}.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{background:none}.selectize-control.plugin-remove_button .disabled [data-value] .remove{border-left-color:rgba(77,77,77,0)}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{line-height:20px;-webkit-font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{cursor:text;display:inline-block}.selectize-input{border:1px solid #cccccc;padding:6px 12px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.selectize-control.multi .selectize-input.has-items{padding:5px 12px 2px}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.selectize-input.dropdown-active{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.selectize-input>*{vertical-align:baseline;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:1px 3px;background:#efefef;color:#333333;border:0 solid rgba(0,0,0,0)}.selectize-control.multi .selectize-input>div.active{background:#428bca;color:#ffffff;border:0 solid rgba(0,0,0,0)}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#808080;background:#ffffff;border:0 solid rgba(77,77,77,0)}.selectize-input>input{padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;-webkit-user-select:auto !important;-webkit-box-shadow:none !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>
2638input:focus{outline:none !important}.selectize-input::after{content:' ';display:block;clear:left}.selectize-input.dropdown-active::before{content:' ';display:block;position:absolute;background:#ffffff;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;z-index:10;border:1px solid #cccccc;background:#ffffff;margin:-1px 0 0 0;border-top:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(255,237,40,0.4);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header{padding:3px 12px}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#999999;background:#ffffff;cursor:default}.selectize-dropdown .active{background-color:#f5f5f5;color:#262626}.selectize-dropdown .active.create{color:#262626}.selectize-dropdown .create{color:rgba(51,51,51,0.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}.selectize-control.single .selectize-input:after{content:' ';display:block;position:absolute;top:50%;right:17px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#333333 transparent transparent transparent}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #333333 transparent}.selectize-control.rtl.single .selectize-input:after{left:17px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:0.5;background-color:#ffffff}.selectize-dropdown,.selectize-dropdown.form-control{height:auto;padding:0;margin:2px 0 0 0;z-index:1000;background:#ffffff;border:1px solid rgba(0,0,0,0.15)}.selectize-dropdown .optgroup-header{font-size:12px;line-height:1.42857143}.selectize-dropdown .optgroup:first-child:before{display:none}.selectize-dropdown .optgroup:before{content:' ';display:block;height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;margin-left:-12px;margin-right:-12px}.selectize-dropdown-content{padding:5px 0}.selectize-dropdown-header{padding:6px 12px}.selectize-input{min-height:34px}.selectize-input.dropdown-active{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.selectize-input.dropdown-active::before{display:none}.selectize-input.focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.selectize-control.multi .selectize-input.has-items{padding-left:9px;padding-right:9px}.selectize-control.multi .selectize-input>div{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control.selectize-control{padding:0;height:auto;border:none;background:none;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} 2639</style> 2640 2641
2642<script> 2643jQuery(function($){ 2644function dropDown() { 2645 elementClick = '.header_toggle'; 2646 elementSlide = '.header_slide_element'; 2647 activeClass = 'active'; 2648 $(elementClick).on('click', function(e) { 2649 e.stopPropagation(); 2650 var subUl = $(this).next(elementSlide); 2651 $(this).toggleClass(activeClass); 2652 2653 $(elementClick).not(this).removeClass(activeClass); 2654 e.preventDefault(); 2655 }); 2656 $(document).on('click', elementSlide, function(e) { 2657 e.stopPropagation(); 2658 }); 2659 $(document).on('click', function(e) { 2660 e.stopPropagation(); 2661 if (e.which != 3) { 2662 var elementHide = $(elementClick).next(elementSlide); 2663 $(elementClick).removeClass('active'); 2664 } 2665 }); 2666} 2667dropDown() 2668}); 2669</script>
2669 2670
2671<script> 2672 $('.qtyplus').click(function(e){ 2673 e.preventDefault(); 2674 var currentVal = parseInt($('input[name="quantity"]').val()); 2675 if (!isNaN(currentVal)) { 2676 $('input[name="quantity"]').val(currentVal + 1); 2677 } else { 2678 $('input[name="quantity"]').val(1); 2679 } 2680 }); 2681 2682 $(".qtyminus").click(function(e) { 2683 e.preventDefault(); 2684 var currentVal = parseInt($('input[name="quantity"]').val()); 2685 if (!isNaN(currentVal) && currentVal > 0) { 2686 $('input[name="quantity"]').val(currentVal - 1); 2687 } else { 2688 $('input[name="quantity"]').val(1); 2689 } 2690 }); 2691</script>
2691 2692 2693
2693<script type="text/javascript"> 2694 $('.quick-view .close-window').click(function() { 2695 $('.quick-view').switchClass("open-in","open-out"); 2696 }); 2697</script>
2697 2698 2699
2699<script> 2700var x, i, j, selElmnt, a, b, c; 2701x = document.getElementsByClassName("custom-select"); 2702for (i = 0; i < x.length; i++) { 2703 selElmnt = x[i].getElementsByTagName("select")[0]; 2704 a = document.createElement("DIV"); 2705 a.setAttribute("class", "select-selected"); 2706 a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; 2707 x[i].appendChild(a); 2708 b = document.createElement("DIV"); 2709 b.setAttribute("class", "select-items select-hide"); 2710 for (j = 1; j < selElmnt.length; j++) { 2711 c = document.createElement("DIV"); 2712 c.innerHTML = selElmnt.options[j].innerHTML; 2713 c.addEventListener("click", function(e) { 2714 var i, s, h; 2715 s = this.parentNode.parentNode.getElementsByTagName("select")[0]; 2716 h = this.parentNode.previousSibling; 2717 for (i = 0; i < s.length; i++) { 2718 if (s.options[i].innerHTML == this.innerHTML) { 2719 s.selectedIndex = i; 2720 h.innerHTML = this.innerHTML; 2721 break; 2722 } 2723 } 2724 h.click(); 2725 }); 2726 b.appendChild(c); 2727 } 2728 x[i].appendChild(b); 2729 a.addEventListener("click", function(e) { 2730 e.stopPropagation(); 2731 closeAllSelect(this); 2732 this.nextSibling.classList.toggle("select-hide"); 2733 this.classList.toggle("select-arrow-active"); 2734 }); 2735} 2736function closeAllSelect(elmnt) { 2737 var x, y, i, arrNo = []; 2738 x = document.getElementsByClassName("select-items"); 2739 y = document.getElementsByClassName("select-selected"); 2740 for (i = 0; i < y.length; i++) { 2741 if (elmnt == y[i]) { 2742 arrNo.push(i) 2743 } else { 2744 y[i].classList.remove("select-arrow-active"); 2745 } 2746 } 2747 for (i = 0; i < x.length; i++) { 2748 if (arrNo.indexOf(i)) { 2749 x[i].classList.add("select-hide"); 2750 } 2751 } 2752} 2753document.addEventListener("click", closeAllSelect); 2754</script>
2754 2755 2756
2757<script> 2758 // ensure these are available to the global window, for use in the bootstrap js asset 2759 window.BOLD_mc_bootstrapSettings = { 2760 shopDomainUrl: 'https://mc.boldapps.net/rayaarishop.myshopify.com', 2761 flagsAssetUrl: '//rayaarishop.com/cdn/shop/t/3/assets/flags.min.css?v=114234350723737000261778852378', 2762 pickerCssAssetUrl: '//rayaarishop.com/cdn/shop/t/3/assets/bold-currency-picker.css?v=133912845013494754821778852378', 2763 productOriginalPrice: 2000 2764 }; 2765</script>
vendor: 1 bytes, line 2765
2765
2766<script src="https://mc.boldapps.net/install_assets/bold.multicurrency.js" defer></script>
vendor: 1 bytes, line 2766
2766
2767<script src="//rayaarishop.com/cdn/shop/t/3/assets/bold-currency-bootstrap.js?v=21804782392171732811778852378" defer></script>
vendor: 1 bytes, line 2767
2767
2768<script type="text/template" id="bold-currency-picker-template"> 2769 <div class="BOLD-mc-picker multi"> 2770 <div class="currentCurrency loading" data-current-currency> 2771 <span class="flag flag-loading" data-flag></span> 2772 <span class="name" data-name>•••</span> 2773 <span class="chevron"> 2774 <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M13.148 10.398l-1.297 1.289q-0.148 0.148-0.352 0.148t-0.352-0.148l-4.148-4.148-4.148 4.148q-0.148 0.148-0.352 0.148t-0.352-0.148l-1.297-1.289q-0.148-0.148-0.148-0.355t0.148-0.355l5.797-5.789q0.148-0.148 0.352-0.148t0.352 0.148l5.797 5.789q0.148 0.148 0.148 0.355t-0.148 0.355z" /></svg> 2775 </span> 2776 </div> 2777 <ul class="currencyList" data-currency-list></ul> 2778 </div> 2779</script>
2779 2780
2781<script type="text/template" id="bold-currency-picker-mount-template"> 2782<span style="display:none;" class="BOLD-mc-picker-mnt " data-open="up" data-bold-mc-picker-mnt></span> 2783</script>
2783 2784<!-- â Collection Grid Wishlist Fix --> 2785 2786 2787<!-- â Mobile Bottom Menu --> 2788<div class="mobile-bottom-menu"> 2789 <a href="/" class="menu-item"> 2790 <i class="fa fa-home"></i><span>Home</span> 2791 </a> 2792 2793 <a href="/collections/all" class="menu-item"> 2794 <i class="fa fa-th-large"></i><span>Collections</span> 2795 </a> 2796 2797 <a href="/pages/wishlist" class="menu-item"> 2798 <i class="fa fa-heart"></i><span>Wishlist</span> 2799 </a> 2800 2801 <a href="/search" class="menu-item"> 2802 <i class="fa fa-search"></i><span>Find</span> 2803 </a> 2804 2805 <a href="/cart" class="menu-item"> 2806 <i class="fa fa-shopping-cart"></i><span>Cart</span> 2807 </a> 2808 2809 <a href="/account" class="menu-item"> 2810 <i class="fa fa-user"></i><span>Account</span> 2811 </a> 2812</div> 2813
2813<script> 2814// Prevent multiple reloads with a flag 2815let isProcessingFee = false; 2816let reloadAttempted = false; 2817 2818document.addEventListener("DOMContentLoaded", async function() { 2819 const feeVariantId = 47185559748834; 2820 const minAmount = 19900; 2821 const feeRate = 0.02; 2822 2823 // Only run on cart page 2824 if (window.location.pathname !== "/cart") return; 2825 2826 // Prevent multiple executions 2827 if (isProcessingFee) return; 2828 isProcessingFee = true; 2829 2830 // Check if we just reloaded (prevent infinite loop) 2831 if (sessionStorage.getItem('justReloaded') === 'true') { 2832 sessionStorage.removeItem('justReloaded'); 2833 isProcessingFee = false; 2834 return; 2835 } 2836 2837 try { 2838 const cart = await fetch("/cart.js").then(r => r.json()); 2839 const feeItem = cart.items.find(i => i.id == feeVariantId); 2840 2841 // Count real products (not fee) 2842 const realProducts = cart.items.filter(item => item.id != feeVariantId); 2843 2844 // If no real products, remove fee if exists 2845 if (realProducts.length === 0) { 2846 if (feeItem) { 2847 console.log("Cart has no real products. Removing fee."); 2848 await fetch("/cart/change.js", { 2849 method: "POST", 2850 headers: { "Content-Type": "application/json" }, 2851 body: JSON.stringify({ id: feeVariantId, quantity: 0 }) 2852 }); 2853 sessionStorage.setItem('justReloaded', 'true'); 2854 location.reload(); 2855 } 2856 isProcessingFee = false; 2857 return; 2858 } 2859 2860 const subtotal = cart.total_price; 2861 2862 // If order is below minimum, remove fee if exists 2863 if (subtotal < minAmount) { 2864 if (feeItem) { 2865 await fetch("/cart/change.js", { 2866 method: "POST", 2867 headers: { "Content-Type": "application/json" }, 2868 body: JSON.stringify({ id: feeVariantId, quantity: 0 }) 2869 }); 2870 sessionStorage.setItem('justReloaded', 'true'); 2871 location.reload(); 2872 } 2873 isProcessingFee = false; 2874 return; 2875 } 2876 2877 // Calculate fee 2878 const feeAmountPaise = Math.round(subtotal * feeRate); 2879 const feeQuantity = Math.max(1, Math.round(feeAmountPaise / 100)); 2880 2881 // Update or add fee ONLY if needed 2882 let needsUpdate = false; 2883 2884 if (feeItem) { 2885 if (feeItem.quantity !== feeQuantity) { 2886 needsUpdate = true; 2887 } 2888 } else { 2889 needsUpdate = true; 2890 } 2891 2892 if (needsUpdate && !reloadAttempted) { 2893 reloadAttempted = true; 2894 2895 if (feeItem) { 2896 await fetch("/cart/change.js", { 2897 method: "POST", 2898 headers: { "Content-Type": "application/json" }, 2899 body: JSON.stringify({ id: feeVariantId, quantity: feeQuantity }) 2900 }); 2901 } else { 2902 await fetch("/cart/add.js", { 2903 method: "POST", 2904 headers: { "Content-Type": "application/json" }, 2905 body: JSON.stringify({ 2906 id: feeVariantId, 2907 quantity: feeQuantity 2908 }) 2909 }); 2910 } 2911 2912 sessionStorage.setItem('justReloaded', 'true'); 2913 setTimeout(() => { 2914 location.reload(); 2915 }, 500); 2916 } 2917 2918 isProcessingFee = false; 2919 2920 } catch (error) { 2921 console.error("Error in fee calculation:", error); 2922 isProcessingFee = false; 2923 } 2924}); 2925</script>
vendor: 1 bytes, line 2925
2925
2926<script> 2927 document.addEventListener("DOMContentLoaded", function() { 2928 var discountSelect = document.getElementById("discountSelect"); 2929 var savingsText = document.getElementById("cartSavings"); 2930 2931 if(discountSelect && savingsText){ 2932 discountSelect.addEventListener("change", function() { 2933 // Clear previous celebration icon if exists 2934 var existingIcon = savingsText.querySelector(".celebrate-icon"); 2935 if(existingIcon) existingIcon.remove(); 2936 2937 if(this.value === "MULTISTORE5"){ 2938 // Change color to green 2939 savingsText.style.color = "green"; 2940 2941 // Create celebration icon element 2942 var icon = document.createElement("span"); 2943 icon.className = "celebrate-icon"; 2944 icon.textContent = " ð"; // You can change this to any icon or emoji 2945 savingsText.appendChild(icon); 2946 } else { 2947 // Default color 2948 savingsText.style.color = ""; 2949 } 2950 }); 2951 } 2952 }); 2953</script>
vendor: 1 bytes, line 2953
2953
2954<script> 2955$(document).on("click", ".add-to-wishlist", function () { 2956 var button = $(this); 2957 var handle = button.data("handle"); 2958 var wishlistName = "wbwishList"; 2959 var wishlist = localStorage.getItem(wishlistName); 2960 wishlist = wishlist ? wishlist.split("__") : []; 2961 var isNowWished; 2962 if (!wishlist.includes(handle)) { 2963 wishlist.push(handle); 2964 isNowWished = true; 2965 } else { 2966 wishlist = wishlist.filter(function(item) { return item !== handle; }); 2967 isNowWished = false; 2968 } 2969 localStorage.setItem(wishlistName, wishlist.join("__")); 2970 var iEl = button.find('i.fa-heart, i.zmdi-favorite, i[class*="heart"]'); 2971 var svgPath = button.find('svg path'); 2972 var heartSpan = button.find('.heart'); 2973 if (isNowWished) { 2974 button.addClass("active wished"); 2975 button.find(".wish-text").text("In Wishlist"); 2976 iEl.css({ color: '#e91e63' }).addClass('fas').removeClass('far'); 2977 svgPath.css({ fill: '#e91e63', stroke: '#e91e63' }); 2978 heartSpan.html("â¥").css('color', '#e91e63'); 2979 } else { 2980 button.removeClass("active wished"); 2981 button.find(".wish-text").text("Add to Wishlist"); 2982 iEl.css({ color: '' }).addClass('far').removeClass('fas'); 2983 svgPath.css({ fill: 'transparent', stroke: '#e91e63' }); 2984 heartSpan.html("â¡").css('color', ''); 2985 } 2986}); 2987</script>
2987 2988
2989<script> 2990document.addEventListener('DOMContentLoaded', function () { 2991 2992 function getWishlist() { 2993 try { 2994 return JSON.parse(localStorage.getItem('user_wishlist')) || []; 2995 } catch(e) { 2996 return []; 2997 } 2998 } 2999 3000 function saveWishlist(list) { 3001 localStorage.setItem( 3002 'user_wishlist', 3003 JSON.stringify(list) 3004 ); 3005 } 3006 3007 function updateButtons() { 3008 3009 const wishlist = getWishlist(); 3010 3011 document.querySelectorAll('.add-in-wishlist-js').forEach(function(btn) { 3012 3013 let handle = ''; 3014 3015 // Try from href 3016 const href = btn.getAttribute('href'); 3017 3018 if (href && href.includes('/products/')) { 3019 3020 const match = href.match(/\/products\/([^\/?#]+)/); 3021 3022 if (match) { 3023 handle = match[1]; 3024 } 3025 } 3026 3027 // Fallback from parent 3028 if (!handle) { 3029 3030 const card = btn.closest('[class*="product"]'); 3031 3032 if (card) { 3033 3034 const productLink = card.querySelector('a[href*="/products/"]'); 3035 3036 if (productLink) { 3037 3038 const match = productLink.href.match(/\/products\/([^\/?#]+)/); 3039 3040 if (match) { 3041 handle = match[1]; 3042 } 3043 } 3044 } 3045 } 3046 3047 if (!handle) return; 3048 3049 btn.setAttribute('data-handle', handle); 3050 3051 const isWished = wishlist.includes(handle); 3052 3053 if (isWished) { 3054 btn.classList.add('active'); 3055 } else { 3056 btn.classList.remove('active'); 3057 } 3058 3059 // Prevent duplicate binding 3060 if (btn.dataset.bound === 'true') return; 3061 3062 btn.dataset.bound = 'true'; 3063 3064 btn.addEventListener('click', function(e) { 3065 3066 e.preventDefault(); 3067 3068 let currentWishlist = getWishlist(); 3069 3070 if (currentWishlist.includes(handle)) { 3071 3072 currentWishlist = currentWishlist.filter( 3073 item => item !== handle 3074 ); 3075 3076 btn.classList.remove('active'); 3077 3078 } else { 3079 3080 currentWishlist.push(handle); 3081 3082 btn.classList.add('active'); 3083 } 3084 3085 saveWishlist(currentWishlist); 3086 }); 3087 }); 3088 } 3089 3090 updateButtons(); 3091 3092}); 3093</script>
3093 3094 3095<style> [data-variant-id="47185559748834"] img {display: none !important;} </style>
3096<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3096 3097</body> 3098 3099</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.