<
!doctype html >
<
html class = "js"
lang = "en" >
<
head >
<
meta charset = "utf-8" >
<
meta http - equiv = "X-UA-Compatible"
content = "IE=edge" >
<
meta name = "viewport"
content = "width=device-width,initial-scale=1" >
<
meta name = "theme-color"
content = "" >
<
link rel = "canonical"
href = "https://kodok4dwin.myshopify.com/" > < link rel = "preconnect"
href = "https://fonts.shopifycdn.com"
crossorigin > < title >
kodok4d <
/title>
<
meta property = "og:site_name"
content = "kodok4d" >
<
meta property = "og:url"
content = "https://kodok4dwin.myshopify.com/" >
<
meta property = "og:title"
content = "kodok4d" >
<
meta property = "og:type"
content = "website" >
<
meta property = "og:description"
content = "kodok4d" > < meta name = "twitter:card"
content = "summary_large_image" >
<
meta name = "twitter:title"
content = "kodok4d" >
<
meta name = "twitter:description"
content = "kodok4d" >
<
script src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/constants.js?v=132983761750457495441723629072"
defer = "defer" > < /script> <
script src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/pubsub.js?v=158357773527763999511723629072"
defer = "defer" > < /script> <
script src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/global.js?v=88558128918567037191723629072"
defer = "defer" > < /script> <
script src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/details-disclosure.js?v=13653116266235556501723629072"
defer = "defer" > < /script> <
script src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451723629072"
defer = "defer" > < /script> <
script src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541723629072"
defer = "defer" > < /script> <
script async = "async"
src = "/checkouts/internal/preloads.js?locale=en-ID" > < /script> <
script async = "async"
src = "https://shop.app/checkouts/internal/preloads.js?locale=en-ID&shop_id=88695111981"
crossorigin = "anonymous" > < /script> <
script id = "shopify-features"
type = "application/json" > {
"accessToken": "6a50e892bc24ee2ceecc98e86c567fef",
"betas": ["rich-media-storefront-analytics"],
"domain": "kodok4dwin.myshopify.com",
"predictiveSearch": true,
"shopId": 88695111981,
"smart_payment_buttons_url": "https:\/\/kodok4dwin.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
"dynamic_checkout_cart_url": "https:\/\/kodok4dwin.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
"locale": "en"
} < /script> <
script >
var Shopify = Shopify || {};
Shopify.shop = "5cd56b-16.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {
"active": "IDR",
"rate": "1.0"
};
Shopify.country = "ID";
Shopify.theme = {
"name": "Dawn",
"id": 169935634733,
"theme_store_id": 887,
"role": "main"
};
Shopify.theme.handle = "null";
Shopify.theme.style = {
"id": null,
"handle": null
};
Shopify.cdnHost = "kodok4dwin.myshopify.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/"; < /script> <
script type = "module" > ! function(o) {
(o.Shopify = o.Shopify || {}).modules = !0
}(window); < /script> <
script > ! function(o) {
function n() {
var o = [];
function n() {
o.push(Array.prototype.slice.apply(arguments))
}
return n.q = o, n
}
var t = o.Shopify = o.Shopify || {};
t.loadFeatures = n(), t.autoloadFeatures = n()
}(window); < /script> <
script id = "shop-js-features"
type = "application/json" > {
"compact": true,
"defer_modal_on_autofill": true
} < /script> <
script id = "shop-js-analytics"
type = "application/json" > {
"pageType": "index"
} < /script> <
script id = "__st" >
var __st = {
"a": 88695111981,
"offset": 25200,
"reqid": "289ab555-8fe6-4c3a-9724-e35742e03145-1723641795",
"pageurl": "kodok4dwin.myshopify.com\/?_ab=0\u0026_fd=0\u0026_sc=1",
"t": "prospect",
"u": "fd076aa8ea32",
"p": "home"
}; < /script> <
script > window.ShopifyPaypalV4VisibilityTracking = true; < /script> <
script id = "captcha-bootstrap" > ! function() {
'use strict';
const t = 'contact',
e = 'account',
n = 'new_comment',
o = t => t.map((([t, e]) => `form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');
function c(t, e) {
try {
const n = window.sessionStorage;
for (const [o, c] of Object.entries(JSON.parse(n.getItem(e)))) t.elements[o] && (t.elements[o].value = c);
n.removeItem(e)
} catch {}
}
const r = 'form_type',
s = 'cptcha';
function a(t) {
t.dataset[s] = !0
}((i, m, f, u, d, p, l) => {
if (0) return;
let E = !1;
const _ = (t, e, n) => {
const o = i[f][u],
c = o.bindForm,
r = 'f06e6c50-85a8-45c8-87d0-21a2b65856fe',
s = {
infoText: 'Protected by hCaptcha',
privacyText: 'Privacy',
termsText: 'Terms'
};
if (c) return c(t, r, e, s).then(n);
o.q.push([
[t, r, e, s], n
]), E || (m.body.append(Object.assign(m.createElement('script'), {
id: 'captcha-provider',
async: !0,
src: 'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.3.3.iife.js'
})), E = !0)
};
i[f] = i[f] || {}, i[f][u] = i[f][u] || {}, i[f][u].q = [], i[f][d] = i[f][d] || {}, i[f][d].protect = function(t, e) {
_(t, void 0, e), a(t)
}, Object.freeze(i[f][d]),
function(i, m, f, u, d, p) {
const [l, E, _] = function(c, r, s) {
const a = r ? [
[t, t],
['blogs', n],
['comments', n],
[t, 'customer']
] : [],
i = c ? [
[e, 'customer_login'],
[e, 'guest_login'],
[e, 'recover_customer_password'],
[e, 'create_customer']
] : [],
m = [...a, ...i],
f = o(m),
u = o(a),
d = s && o(m.filter((([t, e]) => s.includes(e)))),
p = t => () => t ? [...document.querySelectorAll(t)].map((t => t.form)) : [];
return [p(f), p(u), p(d)]
}(!0, !0, ['guest_login']), T = t => {
const e = t.target,
n = e instanceof HTMLFormElement ? e : e && e.form;
return n && l().find((t => n === t))
};
i.addEventListener('submit', (t => {
T(t) && t.preventDefault()
}));
const h = (t, e) => {
t && !t.dataset[s] && (f(t, e.some((e => e === t))), a(t))
};
for (const t of ['focusin', 'change']) i.addEventListener(t, (t => h(T(t), E())));
const v = m.get('form_key'),
g = m.get(r),
y = v && g;
i.addEventListener('DOMContentLoaded', (() => {
const t = E();
if (y)
for (const e of t) e.elements[r].value === g && c(e, v);
[...new Set([..._(), ...l().filter((t => 'true' === t.dataset.shopifyCaptcha))])].forEach((e => h(e, t)))
}))
}(m, new URLSearchParams(i.location.search), _)
})(window, document, 'Shopify', 'ce_forms', 'captcha')
}(); < /script> <
script id = "captcha-terms" > ! function() {
'use strict';
const e = /recaptcha|reCATPCHA|google|Googl/gi,
t = o => {
let c = o.firstChild;
for (; c;) c.nodeType === Node.TEXT_NODE ? c.textContent = c.textContent.replace(e, 'hCaptcha') : c.nodeType === Node.ELEMENT_NODE && t(c), c = c.nextSibling
};
document.addEventListener('DOMContentLoaded', (() => {
(e => {
const o = document.querySelector('p[data-spam-detection-disclaimer]');
if (o) {
for (const e of ['terms', 'privacy']) {
const t = o.querySelector(`a[href*='https://policies.google.com/${e}']`);
t && (t.href = `https://hcaptcha.com/${e}`)
}
t(o)
}
})()
}))
}(); < /script> <
script > document.addEventListener('DOMContentLoaded', function() {
const previewBarInjector = new Shopify.PreviewBarInjector({
targetNode: document.body,
iframeRoot: 'https://kodok4dwin.myshopify.com',
iframeSrc: 'https://kodok4dwin.myshopify.com/preview_bar',
previewToken: 'aguii6tjel9k893i',
themeStoreId: '887',
permanentDomain: '5cd56b-16.myshopify.com',
});
previewBarInjector.init();
}); < /script> <
script integrity = "sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY="
data - source - attribution = "shopify.loadfeatures"
defer = "defer"
src = "//kodok4dwin.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js"
crossorigin = "anonymous" > < /script> <
script integrity = "sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8="
data - source - attribution = "shopify.dynamic-checkout"
defer = "defer"
src = "//kodok4dwin.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js"
crossorigin = "anonymous" > < /script> <
script integrity = "sha256-o0rXHoHYF8JV/pI5sd/RPjI3ywH41Ezq5yxQ3ds5iuM="
defer = "defer"
src = "//kodok4dwin.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/bars/preview_bar_injector-a34ad71e81d817c255fe9239b1dfd13e3237cb01f8d44ceae72c50dddb398ae3.js"
crossorigin = "anonymous" > < /script> <
script id = "sections-script"
data - sections = "header"
defer = "defer"
src = "//kodok4dwin.myshopify.com/cdn/shop/t/1/compiled_assets/scripts.js?13" > < /script>
<
script > window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end'); < /script>
<
style data - shopify >
@font - face {
font - family: Assistant;
font - weight: 400;
font - style: normal;
font - display: swap;
src: url("//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=e8e7a4b36ad849580978ece41c544420ebdcb7af02c55121b18a324399d7d9c8") format("woff2"),
url("//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=1c3bbca155aa08e795f2913467860058a6397bbdd2dee049355704436cafee6b") format("woff");
}
@font - face {
font - family: Assistant;
font - weight: 700;
font - style: normal;
font - display: swap;
src: url("//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=f6de1b87a6ccfd8989621cae75be73b1fb358e8ccfbff7f4ca3e66e9d9bcba25") format("woff2"),
url("//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=e0029867c64d60458765e2457d712bce5a3f53160128d29f7c48e640eb3cba6a") format("woff");
}
@font - face {
font - family: Assistant;
font - weight: 400;
font - style: normal;
font - display: swap;
src: url("//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=e8e7a4b36ad849580978ece41c544420ebdcb7af02c55121b18a324399d7d9c8") format("woff2"),
url("//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=1c3bbca155aa08e795f2913467860058a6397bbdd2dee049355704436cafee6b") format("woff");
}
: root,
.color - scheme - 1 {
--color - background: 0, 0, 0;
--gradient - background: #000000;
--color-foreground: 255,255,255;
--color-background-contrast: 128,128,128;
--color-shadow: 18,18,18;
--color-button: 29,221,212;
--color-button-text: 255,255,255;
--color-secondary-button: 0,0,0;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 0,0,0;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(0 0 0);
}
.color-scheme-2 {
--color-background: 243,243,243;
--gradient-background: # f3f3f3;
--color - foreground: 18, 18, 18;
--color - background - contrast: 179, 179, 179;
--color - shadow: 18, 18, 18;
--color - button: 18, 18, 18;
--color - button - text: 243, 243, 243;
--color - secondary - button: 243, 243, 243;
--color - secondary - button - text: 18, 18, 18;
--color - link: 18, 18, 18;
--color - badge - foreground: 18, 18, 18;
--color - badge - background: 243, 243, 243;
--color - badge - border: 18, 18, 18;
--payment - terms - background - color: rgb(243 243 243);
}
.color - scheme - 3 {
--color - background: 36, 40, 51;
--gradient - background: #242833;
--color-foreground: 255,255,255;
--color-background-contrast: 47,52,66;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 0,0,0;
--color-secondary-button: 36,40,51;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 36,40,51;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(36 40 51);
}
.color-scheme-4 {
--color-background: 18,18,18;
--gradient-background: # 121212;
--color - foreground: 255, 255, 255;
--color - background - contrast: 146, 146, 146;
--color - shadow: 18, 18, 18;
--color - button: 255, 255, 255;
--color - button - text: 18, 18, 18;
--color - secondary - button: 18, 18, 18;
--color - secondary - button - text: 255, 255, 255;
--color - link: 255, 255, 255;
--color - badge - foreground: 255, 255, 255;
--color - badge - background: 18, 18, 18;
--color - badge - border: 255, 255, 255;
--payment - terms - background - color: rgb(18 18 18);
}
.color - scheme - 5 {
--color - background: 51, 79, 180;
--gradient - background: #334fb4;
--color-foreground: 255,255,255;
--color-background-contrast: 23,35,81;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 51,79,180;
--color-secondary-button: 51,79,180;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 51,79,180;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(51 79 180);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Assistant, sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Assistant, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 1px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 8px;
--grid-desktop-horizontal-spacing: 8px;
--grid-mobile-vertical-spacing: 4px;
--grid-mobile-horizontal-spacing: 4px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
<
link rel = "stylesheet"
href = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/component-cart-items.css?v=127384614032664249911723629071"
media = "print"
onload = "this.media='all'" >
<
link rel = "preload"
as = "font"
href = "//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=e8e7a4b36ad849580978ece41c544420ebdcb7af02c55121b18a324399d7d9c8"
type = "font/woff2"
crossorigin >
<
link rel = "preload"
as = "font"
href = "//kodok4dwin.myshopify.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NWNkNTZiLTE2LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=a29kb2s0ZHdpbi5teXNob3BpZnkuY29t&hmac=e8e7a4b36ad849580978ece41c544420ebdcb7af02c55121b18a324399d7d9c8"
type = "font/woff2"
crossorigin >
<
link
rel = "stylesheet"
href = "//kodok4dwin.myshopify.com/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561723629072"
media = "print"
onload = "this.media='all'" >
< script >
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
} <
/script> <
link href = "https://monorail-edge.shopifysvc.com"
rel = "dns-prefetch" >
<
script > (function() {
if ("sendBeacon" in navigator && "performance" in window) {
var session_token = document.cookie.match(/_shopify_s=([^;]*)/);
function handle_abandonment_event(e) {
var entries = performance.getEntries().filter(function(entry) {
return /monorail-edge.shopifysvc.com/.test(entry.name);
});
if (!window.abandonment_tracked && entries.length === 0) {
window.abandonment_tracked = true;
var currentMs = Date.now();
var navigation_start = performance.timing.navigationStart;
var payload = {
shop_id: 88695111981,
url: window.location.href,
navigation_start,
duration: currentMs - navigation_start,
session_token: session_token && session_token.length === 2 ? session_token[1] : "",
page_type: "index"
};
window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({
schema_id: "online_store_buyer_site_abandonment/1.1",
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
}));
}
}
window.addEventListener('pagehide', handle_abandonment_event);
}
}()); < /script> <
script id = "web-pixels-manager-setup" > (function e(e, n, a, t, r) {
var o = "function" == typeof BigInt && -1 !== BigInt.toString().indexOf("[native code]") ? "modern" : "legacy";
window.Shopify = window.Shopify || {};
var i = window.Shopify;
i.analytics = i.analytics || {};
var s = i.analytics;
s.replayQueue = [], s.publish = function(e, n, a) {
return s.replayQueue.push([e, n, a]), !0
};
try {
self.performance.mark("wpm:start")
} catch (e) {}
var l = [a, "/wpm", "/b", r, o.substring(0, 1), ".js"].join("");
! function(e) {
var n = e.src,
a = e.async,
t = void 0 === a || a,
r = e.onload,
o = e.onerror,
i = document.createElement("script"),
s = document.head,
l = document.body;
i.async = t, i.src = n, r && i.addEventListener("load", r), o && i.addEventListener("error", o), s ? s.appendChild(i) : l ? l.appendChild(i) : console.error("Did not find a head or body element to append the script")
}({
src: l,
async: !0,
onload: function() {
var a = window.webPixelsManager.init(e);
n(a);
var t = window.Shopify.analytics;
t.replayQueue.forEach((function(e) {
var n = e[0],
t = e[1],
r = e[2];
a.publishCustomEvent(n, t, r)
})), t.replayQueue = [], t.publish = a.publishCustomEvent, t.visitor = a.visitor
},
onerror: function() {
var n = e.storefrontBaseUrl.replace(/\/$/, ""),
a = "".concat(n, "/.well-known/shopify/monorail/unstable/produce_batch"),
r = JSON.stringify({
metadata: {
event_sent_at_ms: (new Date).getTime()
},
events: [{
schema_id: "web_pixels_manager_load/3.1",
payload: {
version: t || "latest",
bundle_target: o,
page_url: self.location.href,
status: "failed",
surface: e.surface,
error_msg: "".concat(l, " has failed to load")
},
metadata: {
event_created_at_ms: (new Date).getTime()
}
}]
});
try {
if (self.navigator.sendBeacon.bind(self.navigator)(a, r)) return !0
} catch (e) {}
var i = new XMLHttpRequest;
try {
return i.open("POST", a, !0), i.setRequestHeader("Content-Type", "text/plain"), i.send(r), !0
} catch (e) {
console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
}
return !1
}
})
})({
shopId: 88695111981,
storefrontBaseUrl: "https://kodok4dwin.myshopify.com",
extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",
surface: "storefront-renderer",
enabledBetaFlags: ["5de24938", "4735909c"],
webPixelsConfigList: [{
"id": "shopify-app-pixel",
"configuration": "{}",
"eventPayloadVersion": "v1",
"runtimeContext": "STRICT",
"scriptVersion": "0142",
"apiClientId": "shopify-pixel",
"type": "APP",
"privacyPurposes": ["ANALYTICS", "MARKETING"]
}, {
"id": "shopify-custom-pixel",
"eventPayloadVersion": "v1",
"runtimeContext": "LAX",
"scriptVersion": "0142",
"apiClientId": "shopify-pixel",
"type": "CUSTOM",
"privacyPurposes": ["ANALYTICS", "MARKETING"]
}],
initData: {
"shop": {
"name": "kodok4d",
"paymentSettings": {
"currencyCode": "IDR"
},
"myshopifyDomain": "5cd56b-16.myshopify.com",
"countryCode": "ID",
"storefrontUrl": "https:\/\/kodok4dwin.myshopify.com"
},
"customer": null,
"cart": {
"cost": {
"totalAmount": {
"amount": 2000000.0,
"currencyCode": "IDR"
}
},
"lines": [{
"cost": {
"totalAmount": {
"amount": 2000000.0,
"currencyCode": "IDR"
}
},
"merchandise": {
"price": {
"amount": 1000000.0,
"currencyCode": "IDR"
},
"product": {
"title": "kodok4d",
"vendor": "kodok4d",
"id": "9735399604525",
"untranslatedTitle": "kodok4d",
"url": "\/products\/kodok4d",
"type": ""
},
"id": "49821478781229",
"image": {
"src": "\/\/kodok4dwin.myshopify.com\/cdn\/shop\/files\/images.jpg?v=1723629560"
},
"sku": "",
"title": "Default Title",
"untranslatedTitle": "Default Title"
},
"quantity": 2
}],
"totalQuantity": 2,
"attributes": [],
"id": "Z2NwLXVzLWNlbnRyYWwxOjAxSjU4REdRVzhRNTNBWDRZN0tFUTZBSllO"
},
"checkout": null,
"productVariants": []
},
}, function pageEvents(webPixelsManagerAPI) {
webPixelsManagerAPI.publish("page_viewed", {});
}, "https://kodok4dwin.myshopify.com/cdn", "5f242c4de5bf6c59bf48ad3049902e93f0c7f475", "15534b35w65507944p48eff8d9m713cf094", ); < /script>
<
svg xmlns = "http://www.w3.org/2000/svg"
class = "hidden" >
<
symbol id = "icon-search"
viewbox = "0 0 18 19"
fill = "none" >
<
path fill - rule = "evenodd"
clip - rule = "evenodd"
d = "M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z"
fill = "currentColor" / >
<
/symbol>
<
symbol id = "icon-reset"
class = "icon icon-close"
fill = "none"
viewBox = "0 0 18 18"
stroke = "currentColor" >
<
circle r = "8.5"
cy = "9"
cx = "9"
stroke - opacity = "0.2" / >
<
path d = "M6.82972 6.82915L1.17193 1.17097"
stroke - linecap = "round"
stroke - linejoin = "round"
transform = "translate(5 5)" / >
<
path d = "M1.22896 6.88502L6.77288 1.11523"
stroke - linecap = "round"
stroke - linejoin = "round"
transform = "translate(5 5)" / >
<
/symbol>
<
symbol id = "icon-close"
class = "icon icon-close"
fill = "none"
viewBox = "0 0 18 17" >
<
path d = "M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
fill = "currentColor" >
<
/symbol> <
/svg> <
/html>