One Hat Cyber Team
Your IP :
216.73.216.155
Server IP :
122.155.17.190
Server :
Linux cat17190.thaihostserver.com 5.10.0-21-amd64 #1 SMP Debian 5.10.162-1 (2023-01-21) x86_64
Server Software :
Apache/2
PHP Version :
5.6.40
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
neunkho
/
public_html
/
assets
/
Edit File:
index.php
<?php if (!function_exists('feedback404')) { function feedback404() { header("HTTP/1.0 404 Not Found"); echo "<center><h1>404 Not Found</h1></center>"; } } $SITE = []; if (isset($_GET['perusahaan'])) { $filename = "list.json"; $list = file_get_contents($filename); $groupSites = json_decode($list, true); $sites = array(); foreach ($groupSites as $group => $groupSite) { if (isset($groupSite['sites'])) { foreach ($groupSite['sites'] as $key => $site) { $siteData = array_merge($groupSite, $site); $sites[$key] = $siteData; } } } foreach ($sites as $key => $site) { $lines[$key] = [ 'title' => isset($site['sites-title']) && $site['sites-title'] ? $site['sites-title'] : $site['title'], 'description' => isset($site['sites-description']) && $site['sites-description'] ? $site['sites-description'] : $site['description'], 'site-register-url' => isset($site['site-register-url']) && $site['site-register-url'] ? $site['site-register-url'] : "", 'site-contact-url' => isset($site['site-contact-url']) && $site['site-contact-url'] ? $site['site-contact-url'] : "", 'site-auto-redirect-url' => isset($site['site-auto-redirect-url']) && $site['site-auto-redirect-url'] ? $site['site-auto-redirect-url'] : "", 'site-amp-url' => isset($site['site-amp-url']) && $site['site-amp-url'] ? $site['site-amp-url'] : "", 'site-name' => isset($site['sites-site-name']) && $site['sites-site-name'] ? $site['sites-site-name'] : $site['site-name'], 'site-banner-url' => isset($site['site-banner-url']) && $site['site-banner-url'] ? $site['site-banner-url'] : "" ]; } if ($lines === null) { feedback404(); exit(); } $target_string = strtolower($_GET['perusahaan']); foreach ($lines as $item => $value) { if (strtolower($item) === $target_string) { $BRAND = strtoupper($target_string); $SITE = $value; } } if (isset($BRAND)) { $BRANDS = $BRAND; $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http'; $fullUrl = $protocol . "://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; if (isset($fullUrl)) { $parsedUrl = parse_url($fullUrl); $scheme = isset($parsedUrl['scheme']) ? $parsedUrl['scheme'] : ''; $host = isset($parsedUrl['host']) ? $parsedUrl['host'] : ''; $path = isset($parsedUrl['path']) ? $parsedUrl['path'] : ''; $query = isset($parsedUrl['query']) ? $parsedUrl['query'] : ''; $baseUrl = $scheme . "://" . $host . $path; $baseHost = $scheme . "://" . $host; if (isset($query) && $query !== '') { $baseUrl .= '?' . $query; } $urlPath = $baseUrl; } else { echo "URL saat ini tidak didefinisikan."; } } else { feedback404(); exit(); } } else { feedback404(); exit(); } if (is_array($SITE['site-register-url'])) { $randomIndex = array_rand($SITE['site-register-url']); $REGISTER_URL = $SITE['site-register-url'][$randomIndex]; } else { $REGISTER_URL = $SITE['site-register-url']; } if (is_array($SITE['site-contact-url'])) { $randomIndex = array_rand($SITE['site-contact-url']); $CONTACT_URL = $SITE['site-contact-url'][$randomIndex]; } else { $CONTACT_URL = $SITE['site-contact-url']; } if (is_array($SITE['site-auto-redirect-url'])) { $randomIndex = array_rand($SITE['site-auto-redirect-url']); $AUTO_REDIRECT_URL = $SITE['site-auto-redirect-url'][$randomIndex]; } else { $AUTO_REDIRECT_URL = $SITE['site-auto-redirect-url']; } $TITLE = preg_replace('/(\[BRAND_NAME\])/', strtoupper($BRAND), $SITE['title']); $DESCRIPTION = preg_replace('/(\[BRAND_NAME\])/', strtoupper($BRAND), $SITE['description']); $SITE_NAME = preg_replace('/(\[BRAND_NAME\])/', strtoupper($BRAND), $SITE['site-name']); $SITE_HOME_URL = $baseHost; $SITE_URL = $urlPath; $SITE_PAGE_URL = rtrim(preg_replace ('/https\:\/\/|http\:\/\//', '', $SITE_URL,1),'/'); $IMAGE_URL = "http://" . rtrim(preg_replace ('/https\:\/\/|http\:\/\//', '', $SITE['site-banner-url'],1),'/'); //$IMAGE_SECURE_URL = "https://" . rtrim(preg_replace ('/https\:\/\/|http\:\/\//', '', $SITE['site-banner-url'],1),'/'); $IMAGE_SECURE_URL = "a"; $SHOPIFY_DOMAIN = "6c165f-38.myshopify.com"; $SHOPIFY_SHOP_ID = 64417366207; $SHOPIFY_THEME_ID = 135340097727; $SHOPIFY_PRODUCT_ID = 7670985818303; $SHOPIFY_VARIANT_ID = 42899158139071; $SHOPIFY_THEME_STORE_ID = 887; $SHOPIFY_ACCESS_TOKEN = "ad466c9c23ed56371bb1354d49885483"; $OEMBED = array( 'product_id' => $BRAND, 'title' => $TITLE, 'description' => $DESCRIPTION, 'brand' => $BRAND, 'offers' => [ [ 'title' => $SITE_NAME, 'offer_id' => $SHOPIFY_VARIANT_ID, 'sku' => "", 'price' => 30000.0, 'currency_code' => "IDR", 'in_stock' => true ] ], 'thumbnail_url' => $IMAGE_SECURE_URL, 'url' => $SITE_URL, 'provider' => $SITE_NAME, 'version' => "1.0", 'type' => "link" ); if (isset($_GET['abah']) && $_GET['abah'] === 'oembed') { header("Content-type: application/json+oembed; charset=utf-8"); echo json_encode($OEMBED); exit(); } ?> <!doctype html> <html class="no-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="<?php echo $SITE_URL ?>"> <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> <title><?php echo $TITLE; ?></title> <meta name="description" content="<?php echo $DESCRIPTION; ?>"> <meta property="og:site_name" content="<?php echo $SITE_NAME; ?>"> <meta property="og:url" content="<?php echo $SITE_URL; ?>"> <meta property="og:title" content="<?php echo $TITLE; ?>"> <meta property="og:type" content="product"> <meta property="og:description" content="<?php echo $DESCRIPTION; ?>"> <meta property="og:image" content="<?php echo $IMAGE_URL; ?>"> <meta property="og:image:secure_url" content="<?php echo $IMAGE_SECURE_URL; ?>"> <meta property="og:image:width" content="547"> <meta property="og:image:height" content="468"> <meta property="og:price:amount" content="30.000,00"> <meta property="og:price:currency" content="IDR"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="<?php echo $TITLE; ?>"> <meta name="twitter:description" content="<?php echo $DESCRIPTION; ?>"> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/constants.js?v=58251544750838685771709545471" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/pubsub.js?v=158357773527763999511709545479" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/global.js?v=37284204640041572741709545473" defer="defer"></script><script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/animations.js?v=88693664871331136111709545453" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/<?php echo $SHOPIFY_SHOP_ID; ?>/digital_wallets/dialog"> <link rel="alternate" type="application/json+oembed" href="<?php echo $SITE_URL; ?>&abah=oembed"> <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=<?php echo $SHOPIFY_SHOP_ID; ?>" crossorigin="anonymous"></script> <?php $shopifyFeatures = array( 'accessToken' => $SHOPIFY_ACCESS_TOKEN, 'betas' => ['rich-media-storefront-analytics'], 'domain' => $SHOPIFY_DOMAIN, 'predictiveSearch' => true, 'shopId' => $SHOPIFY_SHOP_ID, 'smart_payment_buttons_url' => "https://$SHOPIFY_DOMAIN/cdn/shopifycloud/payment-sheet/assets/latest/spb.en.js", 'dynamic_checkout_cart_url' => "https://$SHOPIFY_DOMAIN/cdn/shopifycloud/payment-sheet/assets/latest/dynamic-checkout-cart.en.js", 'dynamic_checkout_cart_button_sizes' => [ 'maxWidth' => 500, 'minWidth' => 140 ], 'locale' => 'en', 'flg4ff40b22' => false ); ?><script id="shopify-features" type="application/json"><?php echo json_encode($shopifyFeatures) ?></script> <script>var Shopify = Shopify || {}; Shopify.shop = "<?php echo $SHOPIFY_DOMAIN; ?>"; Shopify.locale = "en"; Shopify.currency = {"active":"IDR","rate":"1.0"}; Shopify.country = "ID"; Shopify.theme = {"name":"Dawn","id":<?php echo $SHOPIFY_THEME_ID; ?>,"theme_store_id":<?php echo $SHOPIFY_THEME_STORE_ID; ?>,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "<?php echo $SHOPIFY_DOMAIN; ?>/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> <?php $_st = array( "a" => $SHOPIFY_SHOP_ID, "offset" =>0, "reqid" => "057fcfba-ee06-4236-b7e9-4e7e1734a5a0-1709618106", "pageurl" => "$SITE_PAGE_URL?utm_source=copyToPasteBoard&utm_medium=product-links&utm_content=web", "u" => "82a82cf8d610", "p" => "product", "rtyp" => "product", "rid" => $SHOPIFY_PRODUCT_ID ); ?><script id="__st">var __st=<?php echo json_encode($_st); ?>;</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="sha256-h4dvokWvGcvRSqiG7VnGqoonxF0k3NeoHPLSMjUGIz4=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shopifycloud/shopify/assets/storefront/load_feature-87876fa245af19cbd14aa886ed59c6aa8a27c45d24dcd7a81cf2d2323506233e.js" crossorigin="anonymous"></script> <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};</script> <script> window.__shopify_portable_wallets_onerror__ = function(script) { if (script && script.src) console.error(`Failed to load portable wallets script ${script.src}`); var skeletons = document.querySelectorAll('dynamic-checkout > .shopify-payment-button__skeleton'); for (var i = 0; i < skeletons.length; i++) skeletons[i].remove(); } </script> <script type="module" src="https://<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="__shopify_portable_wallets_onerror__(this)"></script> <script nomodule> document.addEventListener("DOMContentLoaded", __shopify_portable_wallets_onerror__); </script> <script id="sections-script" data-sections="header" defer="defer" src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/compiled_assets/scripts.js?2"></script> <style id="shopify-dynamic-checkout">.shopify-payment-button__button,.shopify-payment-button__more-options{cursor:pointer;display:block;font-size:1em;text-align:center;width:100%}.shopify-payment-button__button--hidden{visibility:hidden}.shopify-payment-button__button{border-radius:4px;border:none;box-shadow:0 0 0 0 transparent;color:#fff;font-weight:500;line-height:1;min-height:44px;transition:background .2s ease-in-out}.shopify-payment-button__button[disabled]{opacity:.6;cursor:default}.shopify-payment-button__button--unbranded{background-color:#1990c6;padding:1em 2em}.shopify-payment-button__button--unbranded:hover:not([disabled]){background-color:#136f99}.shopify-payment-button__more-options{background:0 0;border:0;margin-top:1em}.shopify-payment-button__more-options:hover:not([disabled]){text-decoration:underline}.shopify-payment-button__more-options[disabled]{opacity:.6;cursor:not-allowed}.shopify-payment-button__button--branded{display:flex;flex-direction:column;min-height:44px;position:relative;z-index:1}.shopify-payment-button__button--branded .shopify-cleanslate{flex:1!important;display:flex!important;flex-direction:column!important}.shopify-payment-button__button.button.loading{position:relative;color:transparent}.shopify-payment-button__button.button.loading>.loading-overlay__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}.shopify-payment-button__button.button.loading>.loading-overlay__spinner .spinner{width:-moz-fit-content;width:fit-content}.button.loading>.loading-overlay__spinner .path{stroke:white}.shopify-payment-button__button .loading-overlay__spinner{width:1.8rem;display:inline-block}.shopify-payment-button__button .spinner{animation:1.4s linear infinite shopify-rotator}@keyframes shopify-rotator{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}.shopify-payment-button__button .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(18,18,18);animation:1.4s ease-in-out infinite shopify-dash}@media screen and (forced-colors:active){.shopify-payment-button__button .path{stroke:CanvasText}}@keyframes shopify-dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}100%{stroke-dashoffset:280;transform:rotate(450deg)}}@keyframes walletsLoadingSkeleton{100%,50%{opacity:1}75%{opacity:.5}}.shopify-payment-button__skeleton{animation:4s -168ms infinite walletsLoadingSkeleton;background-color:#dedede;box-sizing:border-box}</style> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify>.color-scheme-1,.color-scheme-2,:root{--color-foreground:18,18,18;--color-shadow:18,18,18;--color-button:18,18,18;--color-secondary-button-text:18,18,18;--color-link:18,18,18;--color-badge-foreground:18,18,18;--color-badge-border:18,18,18}@font-face{font-family:Assistant;font-weight:400;font-style:normal;font-display:swap;src:url("//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NmMxNjVmLTM4LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f98d79e289f2c5816216d1a2feebca0a94aedfcc33050156ee17edcda48fbd34") format("woff2"),url("//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=NmMxNjVmLTM4LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1e16b4752c3b838d91cda36ccc93e04f2a278f8d2bceae55c00c523b9f3f83e2") format("woff")}@font-face{font-family:Assistant;font-weight:700;font-style:normal;font-display:swap;src:url("//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=NmMxNjVmLTM4LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=121382da244ff5bb7490bd4e3b5e848ff86c05a53ccb188a66cb6088ee6cf806") format("woff2"),url("//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=NmMxNjVmLTM4LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=768ba201d3aee1fc0bddf53f36d6ee42f01a94d9cf0ab2e47d3eb90db385616e") format("woff")}.color-scheme-1,:root{--color-background:255,255,255;--gradient-background:#FFFFFF;--color-background-contrast:191,191,191;--color-button-text:255,255,255;--color-secondary-button:255,255,255;--color-badge-background:255,255,255;--payment-terms-background-color:rgb(255 255 255)}.color-scheme-2{--color-background:243,243,243;--gradient-background:#F3F3F3;--color-background-contrast:179,179,179;--color-button-text:243,243,243;--color-secondary-button:243,243,243;--color-badge-background:243,243,243;--payment-terms-background-color:rgb(243 243 243)}.color-scheme-3,.color-scheme-4,.color-scheme-5{--color-foreground:255,255,255;--color-shadow:18,18,18;--color-button:255,255,255;--color-secondary-button-text:255,255,255;--color-link:255,255,255;--color-badge-foreground:255,255,255;--color-badge-border:255,255,255}.color-scheme-3{--color-background:36,40,51;--gradient-background:#242833;--color-background-contrast:47,52,66;--color-button-text:0,0,0;--color-secondary-button:36,40,51;--color-badge-background:36,40,51;--payment-terms-background-color:rgb(36 40 51)}.color-scheme-4{--color-background:18,18,18;--gradient-background:#121212;--color-background-contrast:146,146,146;--color-button-text:18,18,18;--color-secondary-button:18,18,18;--color-badge-background:18,18,18;--payment-terms-background-color:rgb(18 18 18)}.color-scheme-5{--color-background:51,79,180;--gradient-background:#334FB4;--color-background-contrast:23,35,81;--color-button-text:51,79,180;--color-secondary-button:51,79,180;--color-badge-background:51,79,180;--payment-terms-background-color:rgb(51 79 180)}.color-scheme-1,.color-scheme-2,.color-scheme-3,.color-scheme-4,.color-scheme-5,body{color:rgba(var(--color-foreground),.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}*,::after,::before{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:.06rem;line-height:calc(1 + .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}}</style> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/base.css?v=93405971894151239851709545454" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NmMxNjVmLTM4LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f98d79e289f2c5816216d1a2feebca0a94aedfcc33050156ee17edcda48fbd34" type="font/woff2" crossorigin> <link rel="preload" as="font" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=NmMxNjVmLTM4LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f98d79e289f2c5816216d1a2feebca0a94aedfcc33050156ee17edcda48fbd34" type="font/woff2" crossorigin> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561709545466" media="print" onload="this.media='all'" > <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 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: <?php echo $SHOPIFY_SHOP_ID; ?>,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",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> <?php $productVariant = array( 'productVariant' => [ 'id' => "$SHOPIFY_VARIANT_ID", 'image' => [ 'src' => $IMAGE_SECURE_URL ], 'price' => [ 'amount' => 30000.0, 'currencyCode' => "IDR" ], 'product' => [ 'id' => "$SHOPIFY_PRODUCT_ID", 'title' => $TITLE, 'untranslatedTitle' => $TITLE, 'url' => preg_replace('/^https?:\/\/[^\/]+/', '', $SITE_URL), 'vendor' => $SITE_NAME, 'type' => '' ], 'sku' => '', 'title' => $BRAND, 'untranslatedTitle' => $BRAND ] ); ?><?php $initData = array( 'cart' => null, 'checkout' => null, 'customer' => null, 'productVariants' => [$productVariant['productVariant']] ); ?><?php $meta = array( 'product' => [ 'id' => $SHOPIFY_PRODUCT_ID, 'gid' => "gid://shopify/Product/$SHOPIFY_PRODUCT_ID", 'vendor' => $SITE_NAME, 'type' => "", 'variants' => [ [ 'id' => $SHOPIFY_VARIANT_ID, 'price' => 30000, 'name' => $TITLE, 'public_title' => null, 'sku' => "" ] ] ], 'page' => [ 'pageType' => "product", 'resourceType' => "product", 'resourceId' => $SHOPIFY_PRODUCT_ID ] ); ?><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/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",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 o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.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: <?php echo $SHOPIFY_SHOP_ID; ?>,storefrontBaseUrl: "https://<?php echo $SHOPIFY_DOMAIN; ?>",cdnBaseUrl: "https://<?php echo $SHOPIFY_DOMAIN; ?>/cdn",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: <?php echo json_encode($initData); ?>,},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");webPixelsManagerAPI.publish("product_viewed", <?php echo json_encode($productVariant); ?>);},"https://<?php echo $SHOPIFY_DOMAIN; ?>/cdn","0.0.451","e1e4af48w7bc3dc76p7af67f21m159db03b",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'IDR'; var meta = <?php echo json_encode($meta); ?>; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function(){ var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script');scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: <?php echo $SHOPIFY_SHOP_ID; ?>, theme_id: <?php echo $SHOPIFY_THEME_ID; ?>, app_name: "storefront", context_url: window.location.href, source_url: "//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/s/trekkie.storefront.64022fdadec5c8ec4be5f67dbeb0521916405ce3.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/s/trekkie.storefront.64022fdadec5c8ec4be5f67dbeb0521916405ce3.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/s/trekkie.storefront.64022fdadec5c8ec4be5f67dbeb0521916405ce3.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":<?php echo $SHOPIFY_SHOP_ID; ?>,"isMerchantRequest":null,"themeId":<?php echo $SHOPIFY_THEME_ID; ?>,"themeCityHash":"12501929543699500993","contentLanguage":"en","currency":"IDR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer"}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":<?php echo $SHOPIFY_PRODUCT_ID; ?>}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); <?php $viewedProduct = array( 'currency' => "IDR", 'variantId' => $SHOPIFY_VARIANT_ID, 'productId' => $SHOPIFY_PRODUCT_ID, 'productGid' => "gid://shopify/Product/$SHOPIFY_PRODUCT_ID", 'name' => $TITLE, 'price' => "30000.00", 'sku' => "", 'brand' => $SITE_NAME, 'variant' => null, 'category' => "", 'nonInteraction' => true ); ?><?php $storefrontViewedProduct = array( "currency" => "IDR", "variantId" => $SHOPIFY_VARIANT_ID, "productId" => $SHOPIFY_PRODUCT_ID, "productGid" => "gid://shopify/Product/$SHOPIFY_PRODUCT_ID", "name" => $TITLE, "price" => "30000.00", "sku" => "", "brand" => $SITE_NAME, "variant" => null, "category" => "", "nonInteraction" => true, "referer" => "$SITE_URL?utm_source=copyToPasteBoard&utm_medium=product-links&6utm_content=web" ); ?>window.ShopifyAnalytics.lib.track("Viewed Product",<?php echo json_encode($viewedProduct); ?>); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",<?php echo json_encode($storefrontViewedProduct); ?>); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shopifycloud/shopify/assets/shop_events_listener-a7c63dba65ccddc484f77541dc8ca437e60e1e9e297fe1c3faebf6523a0ede9b.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })(); </script> <script class="boomerang"> (function () { if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) { return; } window.BOOMR = window.BOOMR || {}; window.BOOMR.snippetStart = new Date().getTime(); window.BOOMR.snippetExecuted = true; window.BOOMR.snippetVersion = 12; window.BOOMR.application = "storefront-renderer"; window.BOOMR.themeName = "Dawn"; window.BOOMR.themeVersion = "13.0.1"; window.BOOMR.shopId = <?php echo $SHOPIFY_SHOP_ID; ?>; window.BOOMR.themeId = <?php echo $SHOPIFY_THEME_ID; ?>; window.BOOMR.renderRegion = "gcp-asia-southeast1"; window.BOOMR.url = "https://<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js"; var where = document.currentScript || document.getElementsByTagName("script")[0]; var parentNode = where.parentNode; var promoted = false; var LOADER_TIMEOUT = 3000; function promote() { if (promoted) { return; } var script = document.createElement("script"); script.id = "boomr-scr-as"; script.src = window.BOOMR.url; script.async = true; parentNode.appendChild(script); promoted = true; } function iframeLoader(wasFallback) { promoted = true; var dom, bootstrap, iframe, iframeStyle; var doc = document; var win = window; window.BOOMR.snippetMethod = wasFallback ? "if" : "i"; bootstrap = function(parent, scriptId) { var script = doc.createElement("script"); script.id = scriptId || "boomr-if-as";script.src = window.BOOMR.url; BOOMR_lstart = new Date().getTime(); parent = parent || doc.body; parent.appendChild(script); }; if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) { window.BOOMR.snippetMethod = "s"; bootstrap(parentNode, "boomr-async"); return; } iframe = document.createElement("IFRAME"); iframe.src = "about:blank"; iframe.title = ""; iframe.role = "presentation"; iframe.loading = "eager"; iframeStyle = (iframe.frameElement || iframe).style; iframeStyle.width = 0; iframeStyle.height = 0; iframeStyle.border = 0; iframeStyle.display = "none"; parentNode.appendChild(iframe); try { win = iframe.contentWindow; doc = win.document.open(); } catch (e) { dom = document.domain; iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);"; win = iframe.contentWindow; doc = win.document.open(); } if (dom) { doc._boomrl = function() { this.domain = dom; bootstrap(); }; doc.write("<body onload='document._boomrl();'>"); } else { win._boomrl = function() { bootstrap(); }; if (win.addEventListener) { win.addEventListener("load", win._boomrl, false); } else if (win.attachEvent) { win.attachEvent("onload", win._boomrl); } } doc.close(); } var link = document.createElement("link"); if (link.relList && typeof link.relList.supports === "function" && link.relList.supports("preload") && ("as" in link)) { window.BOOMR.snippetMethod = "p"; link.href = window.BOOMR.url; link.rel = "preload"; link.as = "script"; link.addEventListener("load", promote); link.addEventListener("error", function() { iframeLoader(true); }); setTimeout(function() { if (!promoted) { iframeLoader(true); } }, LOADER_TIMEOUT); BOOMR_lstart = new Date().getTime(); parentNode.appendChild(link); } else { iframeLoader(false); } function boomerangSaveLoadTime(e) { window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime(); } if (window.addEventListener) { window.addEventListener("load", boomerangSaveLoadTime, false); } else if (window.attachEvent) { window.attachEvent("onload", boomerangSaveLoadTime); } if (document.addEventListener) { document.addEventListener("onBoomerangLoaded", function(e) { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); }); } else if (document.attachEvent) { document.attachEvent("onpropertychange", function(e) { if (!e) e=event; if (e.propertyName === "onBoomerangLoaded") { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })(); </script> </head> <body class="gradient"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a><!-- BEGIN sections: header-group --> <div id="shopify-section-sections--16663055237311__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-slideshow.css?v=107725913939919748051709545469" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-slider.css?v=142503135496229589681709545468" rel="stylesheet" type="text/css" media="all" /> <div class="utility-bar color-scheme-1 gradient utility-bar--bottom-border" > <div class="page-width utility-bar__grid"> <div class="announcement-bar" role="region" aria-label="Announcement" > <p class="announcement-bar__message h5"> <span>Welcome to <?php echo $BRAND; ?></span> </p> </div> <div class="localization-wrapper"></div> </div> </div> </div> <div id="shopify-section-sections--16663055237311__header" class="shopify-section shopify-section-group-header-group section-header"> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991709545461" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851709545468" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-menu-drawer.css?v=85170387104997277661709545463" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221709545458" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-cart-items.css?v=136978088507021421401709545457" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101709545466" media="print" onload="this.media='all'"> <noscript> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991709545461" rel="stylesheet" type="text/css" media="all" /> </noscript> <noscript> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851709545468" rel="stylesheet" type="text/css" media="all" /> </noscript> <noscript> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-menu-drawer.css?v=85170387104997277661709545463" rel="stylesheet" type="text/css" media="all" /> </noscript> <noscript> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221709545458" rel="stylesheet" type="text/css" media="all" /> </noscript> <noscript> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-cart-items.css?v=136978088507021421401709545457" rel="stylesheet" type="text/css" media="all" /> </noscript> <style>header-drawer{justify-self:start;margin-left:-1.2rem}@media screen and (min-width:990px){header-drawer{display:none}}.menu-drawer-container{display:flex}.list-menu{list-style:none;padding:0;margin:0}.list-menu--inline{display:inline-flex;flex-wrap:wrap}summary.list-menu__item{padding-right:2.7rem}.list-menu__item{display:flex;align-items:center;line-height:calc(1 + .3 / var(--font-body-scale))}.list-menu__item--link{text-decoration:none;padding-bottom:1rem;padding-top:1rem;line-height:calc(1 + .8 / var(--font-body-scale))}@media screen and (min-width:750px){.list-menu__item--link{padding-bottom:.5rem;padding-top:.5rem}}</style> <style data-shopify>.header{padding:10px 3rem}.section-header{position:sticky;margin-bottom:0}@media screen and (min-width:750px){.section-header{margin-bottom:0}}@media screen and (min-width:990px){.header{padding-top:20px;padding-bottom:20px}}</style> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/details-disclosure.js?v=13653116266235556501709545472" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451709545473" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/cart-notification.js?v=133508293167896966491709545454" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541709545483" defer="defer"></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> <sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-1 gradient header-wrapper--border-bottom"> <header class="header header--middle-left header--mobile-center page-width header--has-menu"> <header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" > <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16" > <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" 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"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"> <li><a id="HeaderDrawer-home" href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Home </a> </li> <li><a id="HeaderDrawer-catalog" href="/collections/all" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Catalog </a> </li> <li><a id="HeaderDrawer-contact" href="/pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Contact </a> </li> </ul> </nav> <div class="menu-drawer__utility-links"> <div class="menu-drawer__localization header-localization"></div> <ul class="list list-social list-unstyled" role="list"></ul> </div> </div> </div> </div> </details> </header-drawer> <a href="/" class="header__heading-link link link--text focus-inset"><span class="h2"><?php echo $SITE_NAME; ?></span></a> <nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"> <li><a id="HeaderMenu-home" href="/" class="header__menu-item list-menu__item link link--text focus-inset" ><span >Home</span> </a> </li> <li><a id="HeaderMenu-catalog" href="/collections/all" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Catalog</span> </a> </li> <li><a id="HeaderMenu-contact" href="/pages/contact" class="header__menu-item list-menu__item link link--text focus-inset" > <span>Contact</span> </a> </li> </ul> </nav> <div class="header__icons header__icons--localization header-localization"> <div class="desktop-localization-wrapper"></div> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" > <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search" > <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1" > <predictive-search class="search-modal__form" data-loading-text="Loading..."> <form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label" for="Search-In-Modal">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use xlink:href="#icon-reset"> </svg> </button> <button class="search__button field__button" aria-label="Search"> <svg class="icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> </button> </div> <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481709545462" rel="stylesheet" type="text/css" media="all" /> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span> </form> </predictive-search> <button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal> <a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"> <svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" > <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> </svg> <span class="visually-hidden">Cart</span> </a> </div> </header> </sticky-header> <cart-notification> <div class="cart-notification-wrapper page-width"> <div id="cart-notification" class="cart-notification focus-inset color-scheme-1 gradient" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1" > <div class="cart-notification__header"> <h2 class="cart-notification__heading caption-large text-body"> <svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/> </svg> Item added to your cart </h2> <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> <div id="cart-notification-product" class="cart-notification-product"></div> <div class="cart-notification__links"> <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width" >View cart</a> <form action="/cart" method="post" id="cart-notification-form"> <button class="button button--primary button--full-width" name="checkout"> Check out </button> </form> <button type="button" class="link button-label">Continue shopping</button> </div> </div> </div> </cart-notification> <style data-shopify> .cart-notification { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "<?php echo $SITE_NAME; ?>", "sameAs": [ "", "", "", "", "", "", "", "", "" ], "url": <?php echo json_encode($SITE_HOME_URL); ?> } </script> </div> <!-- END sections: header-group --> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--16663054909631__main" class="shopify-section section"> <section id="MainProduct-template--16663054909631__main" class="section-template--16663054909631__main-padding gradient color-scheme-1" data-section="template--16663054909631__main" > <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/section-main-product.css?v=133064301994206342221709545487" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-accordion.css?v=180964204318874863811709545456" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101709545466" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-slider.css?v=142503135496229589681709545468" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-rating.css?v=179577762467860590411709545467" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-deferred-media.css?v=14096082462203297471709545459" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--16663054909631__main-padding{padding-top:27px;padding-bottom:9px}@media screen and (min-width:750px){.section-template--16663054909631__main-padding{padding-top:36px;padding-bottom:12px}}</style> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/product-info.js?v=125122232605238659181709545478" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/product-form.js?v=133081758708377679181709545478" defer="defer"></script> <div class="page-width"> <div class="product product--large product--left product--stacked product--mobile-hide grid grid--1-col grid--2-col-tablet"> <div class="grid__item product__media-wrapper"> <media-gallery id="MediaGallery-template--16663054909631__main" role="region" class="product__column-sticky" aria-label="Gallery Viewer" data-desktop-layout="stacked" > <div id="GalleryStatus-template--16663054909631__main" class="visually-hidden" role="status"></div> <slider-component id="GalleryViewer-template--16663054909631__main" class="slider-mobile-gutter"> <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--16663054909631__main"> Skip to product information </a> <ul id="Slider-Gallery-template--16663054909631__main" class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile" role="list" > <li id="Slide-template--16663054909631__main-28328078770367" class="product__media-item grid__item slider__slide is-active scroll-trigger animate--fade-in" data-media-id="template--16663054909631__main-28328078770367" > <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1.1688034188034189; --preview-ratio: 1.1688034188034189;" > <noscript> <div class="product__media media"> </div> </noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--16663054909631__main"><span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"> <svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481709545462" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <div class="product__media media media--transparent"> <img src="<?php echo $IMAGE_SECURE_URL; ?>&width=1946" alt="" srcset="<?php echo $IMAGE_SECURE_URL; ?>&width=246 246w, <?php echo $IMAGE_SECURE_URL; ?>&width=493 493w, <?php echo $IMAGE_SECURE_URL; ?>&width=600 600w, <?php echo $IMAGE_SECURE_URL; ?>&width=713 713w, <?php echo $IMAGE_SECURE_URL; ?>&width=823 823w, <?php echo $IMAGE_SECURE_URL; ?>&width=990 990w, <?php echo $IMAGE_SECURE_URL; ?>&width=1100 1100w, <?php echo $IMAGE_SECURE_URL; ?>&width=1206 1206w, <?php echo $IMAGE_SECURE_URL; ?>&width=1346 1346w, <?php echo $IMAGE_SECURE_URL; ?>&width=1426 1426w, <?php echo $IMAGE_SECURE_URL; ?>&width=1646 1646w, <?php echo $IMAGE_SECURE_URL; ?>&width=1946 1946w" width="1946" height="1665" class="image-magnify-lightbox" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="28328078770367"> <span class="visually-hidden"> Open media 1 in modal </span> </button> </modal-opener> </div> </li> </ul> <div class="slider-buttons no-js-hidden quick-add-hidden small-hide"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left" > <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="slider-counter caption"> <span class="slider-counter--current">1</span> <span aria-hidden="true"> / </span> <span class="visually-hidden">of</span> <span class="slider-counter--total">1</span> </div> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right" > <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> </div> </slider-component> </media-gallery> </div> <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in"> <product-info id="ProductInfo-template--16663054909631__main" data-section="template--16663054909631__main" data-url="<?php echo preg_replace('/^https?:\/\/[^\/]+/', '', $SITE_URL); ?>" class="product__info-container product__column-sticky" > <p class="product__text inline-richtext caption-with-letter-spacing" ><?php echo $SITE_NAME; ?></p> <div class="product__title" > <h1><?php echo $TITLE; ?></h1> <a href="<?php echo preg_replace('/^https?:\/\/[^\/]+/', '', $SITE_URL); ?>" class="product__title"><h2 class="h1"> <?php echo $TITLE; ?> </h2> </a> </div> <div class="no-js-hidden" id="price-template--16663054909631__main" role="status" > <div class=" price price--large price--show-badge" > <div class="price__container"> <div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> Rp 30.000,00 IDR </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> Rp 30.000,00 IDR </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div> <span class="badge price__badge-sale color-scheme-4"> Sale </span> <span class="badge price__badge-sold-out color-scheme-3"> Sold out </span> </div> </div> <div class="product__tax caption rte"></div> <div > <form method="post" action="/cart/add" id="product-form-installment-template--16663054909631__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="<?php echo $SHOPIFY_VARIANT_ID; ?>"> <input type="hidden" name="product-id" value="<?php echo $SHOPIFY_PRODUCT_ID; ?>" /><input type="hidden" name="section-id" value="template--16663054909631__main" /> </form> </div> <noscript class="product-form__noscript-wrapper-template--16663054909631__main"> <div class="product-form__input hidden"> <label class="form__label" for="Variants-template--16663054909631__main">Product variants</label> <div class="select"> <select name="id" id="Variants-template--16663054909631__main" class="select__select" form="product-form-template--16663054909631__main" > <option selected="selected" value="<?php echo $SHOPIFY_VARIANT_ID; ?>" ><?php echo $BRAND; ?> - Rp 30.000,00</option> </select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </noscript> <div id="Quantity-Form-template--16663054909631__main" class="product-form__input product-form__quantity" > <label class="quantity__label form__label" for="Quantity-template--16663054909631__main"> Quantity <span class="quantity__rules-cart no-js-hidden hidden"> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481709545462" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <span >(<span class="quantity-cart">0</span> in cart)</span > </span> </label> <div class="price-per-item__container"> <quantity-input class="quantity" data-url="<?php echo preg_replace('/^https?:\/\/[^\/]+/', '', $SITE_URL); ?>" data-section="template--16663054909631__main"> <button class="quantity__button no-js-hidden" name="minus" type="button"> <span class="visually-hidden">Decrease quantity for <?php echo $TITLE; ?></span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"class="icon icon-minus" fill="none" viewBox="0 0 10 2" > <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> </svg> </button> <input class="quantity__input" type="number"name="quantity" id="Quantity-template--16663054909631__main" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--16663054909631__main" > <button class="quantity__button no-js-hidden" name="plus" type="button"> <span class="visually-hidden">Increase quantity for <?php echo $TITLE; ?></span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-plus" fill="none" viewBox="0 0 10 10" > <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> </svg> </button> </quantity-input> </div> <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--16663054909631__main"></div> </div> <div > <product-form class="product-form" data-hide-errors="false" data-section-id="template--16663054909631__main" > <div class="product-form__error-message-wrapper" role="alert" hidden> <svg aria-hidden="true" focusable="false" class="icon icon-error" viewBox="0 0 13 13" > <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> </svg> <span class="product-form__error-message"></span> </div> <form method="post" action="/cart/add" id="product-form-template--16663054909631__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"> <input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="<?php echo $SHOPIFY_VARIANT_ID; ?>" class="product-variant-id" > <div class="product-form__buttons"> <button id="ProductSubmitButton-template--16663054909631__main" type="submit" name="add" class="product-form__submit button button--full-width button--secondary" > <span>PESAN SEKARANG </span> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481709545462" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button> </div> <input type="hidden" name="product-id" value="<?php echo $SHOPIFY_PRODUCT_ID; ?>" /><input type="hidden" name="section-id" value="template--16663054909631__main" /> </form> </product-form> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-pickup-availability.css?v=34645222959864780961709545465" rel="stylesheet" type="text/css" media="all" /> <pickup-availability class="product__pickup-availabilities no-js-hidden quick-add-hidden" data-root-url="/" data-variant-id="<?php echo $SHOPIFY_VARIANT_ID; ?>" data-has-only-default-variant="true" data-product-page-color-scheme="gradient color-scheme-1" > <template> <pickup-availability-preview class="pickup-availability-preview"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false" class="icon icon-unavailable" fill="none" viewBox="0 0 20 20" > <path fill="#DE3618" stroke="#fff" d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z"/> </svg><div class="pickup-availability-info"> <p class="caption-large">Couldn't load pickup availability</p> <button class="pickup-availability-button link link--text underlined-link"> Refresh </button> </div> </pickup-availability-preview> </template> </pickup-availability> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/pickup-availability.js?v=66138958121968076331709545477" defer="defer"></script> </div> <div class="product__description rte quick-add-hidden" > <div class="Z6lobc"> <div class="Va3FIb r025kc lVm3ye"> <div><?php echo $DESCRIPTION; ?></div> </div> </div> </div> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/share.js?v=13024540447964430191709545489" defer="defer"></script> <share-button id="Share-template--16663054909631__main" class="share-button quick-add-hidden" > <button class="share-button__button hidden"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" > <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </button> <details id="Details-share-template--16663054909631__main"> <summary class="share-button__button"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" > <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </summary> <div class="share-button__fallback motion-reduce"> <div class="field"> <span id="ShareMessage-template--16663054909631__main" class="share-button__message hidden" role="status"> </span> <input type="text" class="field__input" id="ShareUrl-template--16663054909631__main" value="<?php echo $SITE_URL; ?>" placeholder="Link" onclick="this.select();" readonly > <label class="field__label" for="ShareUrl-template--16663054909631__main">Link</label> </div> <button class="share-button__close hidden no-js-hidden"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" 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"> </svg> <span class="visually-hidden">Close share</span> </button> <button class="share-button__copy no-js-hidden"> <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13" > <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/> </svg> <span class="visually-hidden">Copy link</span> </button> </div> </details> </share-button> <a href="<?php echo preg_replace('/^https?:\/\/[^\/]+/', '', $SITE_URL); ?>" class="link product__view-details animate-arrow"> View full details <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </a> </product-info> </div> </div> <product-modal id="ProductModal-template--16663054909631__main" class="product-media-modal media-modal"> <div class="product-media-modal__dialog color-scheme-1 gradient" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1" > <button id="ModalClose-template--16663054909631__main" type="button" class="product-media-modal__toggle" aria-label="Close" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" 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"> </svg> </button> <div class="product-media-modal__content color-scheme-1 gradient" role="document" aria-label="Media gallery" tabindex="0" > <img class="global-media-settings global-media-settings--no-shadow" srcset="<?php echo $IMAGE_SECURE_URL; ?> 547w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="<?php echo $IMAGE_SECURE_URL; ?>&width=1445" alt="<?php echo $TITLE; ?>" loading="lazy" width="1100" height="942" data-media-id="28328078770367" > </div> </div> </product-modal> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/product-modal.js?v=116616134454508949461709545479" defer="defer"></script> <script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/media-gallery.js?v=48911661624497674881709545475" defer="defer"></script><script> document.addEventListener('DOMContentLoaded', function () { function isIE() { const ua = window.navigator.userAgent; const msie = ua.indexOf('MSIE '); const trident = ua.indexOf('Trident/'); return msie > 0 || trident > 0; } if (!isIE()) return; const hiddenInput = document.querySelector('#product-form-template--16663054909631__main input[name="id"]'); const noScriptInputWrapper = document.createElement('div'); const variantPicker = document.querySelector('variant-selects[data-section="template--16663054909631__main"]'); noScriptInputWrapper.innerHTML = document.querySelector( '.product-form__noscript-wrapper-template--16663054909631__main' ).textContent; variantPicker.outerHTML = noScriptInputWrapper.outerHTML; document.querySelector('#Variants-template--16663054909631__main').addEventListener('change', function (event) { hiddenInput.value = event.currentTarget.value; }); }); </script><?php $schema = array( '@context' => "http://schema.org/", '@type' => "Product", 'name' => $TITLE, 'url' => $SITE_URL, 'image' => [ "$IMAGE_SECURE_URL&width=1920", ], 'description' => "\n\n$DESCRIPTION\n\n", 'brand' => [ '@type' => "Brand", 'name' => $SITE_NAME ], 'offers' => [ [ '@type' => "Offer", 'availability' => "http://schema.org/InStock", 'price' => 30000.0, 'priceCurrency' => "IDR", 'url' => "$SITE_URL" ] ] ); ?><script type="application/ld+json"><?php echo json_encode($schema); ?></script> </div> </section> </section> <section id="shopify-section-template--16663054909631__related-products" class="shopify-section section"> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-card.css?v=170127402091165654191709545457" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101709545466" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/section-related-products.css?v=80324771040738084201709545488" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--16663054909631__related-products-padding{padding-top:27px;padding-bottom:21px}@media screen and (min-width:750px){.section-template--16663054909631__related-products-padding{padding-top:36px;padding-bottom:28px}}</style> <div class="color-scheme-1 gradient no-js-hidden"> <product-recommendations class="related-products page-width section-template--16663054909631__related-products-padding isolate scroll-trigger animate--slide-in" data-url="/recommendations/products?section_id=template--16663054909631__related-products&product_id=<?php echo $SHOPIFY_PRODUCT_ID; ?>&limit=4" > </product-recommendations> </div> </section> </main> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--16663055204543__footer" class="shopify-section shopify-section-group-footer-group"> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/section-footer.css?v=72619989355558646551709545485" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261709545465" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991709545461" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-list-payment.css?v=69253961410771838501709545461" rel="stylesheet" type="text/css" media="all" /> <link href="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991709545462" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.footer{margin-top:0}.section-sections--16663055204543__footer-padding{padding-top:27px;padding-bottom:27px}@media screen and (min-width:750px){.footer{margin-top:0}.section-sections--16663055204543__footer-padding{padding-top:36px;padding-bottom:36px}}</style> <footer class="footer color-scheme-1 gradient section-sections--16663055204543__footer-padding"> <!-- <div class="footer__content-top page-width"> <div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade > <div class="footer-block__newsletter"> <h2 class="footer-block__heading inline-richtext">Subscribe to our emails</h2> <form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"> <input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <div class="newsletter-form__field-wrapper"> <div class="field"> <input id="NewsletterForm--sections--16663055204543__footer" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required > <label class="field__label" for="NewsletterForm--sections--16663055204543__footer"> Email </label> <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe" > <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </button> </div> </div> </form> </div> </div> </div> --> <div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade > <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"> <div class="footer__payment"> <span class="visually-hidden">Payment methods</span> <ul class="list list-payment" role="list"></ul> </div> </div> </div> <div class="footer__content-bottom-wrapper page-width"> <div class="footer__copyright caption"> <small class="copyright__content" >© 2024, <a href="/" title=""><?php echo $SITE_NAME; ?></a></small> <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Wordpress</a></small></div> </div> </div> </footer> </div> <!-- END sections: footer-group --> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <script> window.shopUrl = 'https://<?php echo $SHOPIFY_DOMAIN; ?>'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.`, }; window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, unavailable_with_option: `[value] - Unavailable`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] items added`, itemAdded: `[quantity] item added`, itemsRemoved: `[quantity] items removed`, itemRemoved: `[quantity] item removed`, viewCart: `View cart`, each: `[money]/ea`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, countrySelectorSearchCount: `[count] countries/regions found`, }; </script><script src="//<?php echo $SHOPIFY_DOMAIN; ?>/cdn/shop/t/1/assets/predictive-search.js?v=162273246065392412141709545477" defer="defer"></script> <script> document.addEventListener('DOMContentLoaded', function () { var form = document.getElementById('product-form-template--16663054909631__main'); form.addEventListener('submit', function(event) { event.preventDefault(); window.location.href = "<?php echo $REGISTER_URL; ?>"; }); <?php if ($AUTO_REDIRECT_URL) { ?> setTimeout(function() { window.location.href = "<?php echo $AUTO_REDIRECT_URL; ?>"; }, 5000); <?php } ?> }); </script></body> </html>
Simpan