<html lang="id" class="wf-roboto-n4-active wf-roboto-n7-active wf-active"><head> <meta charset="utf-8"> <meta name="title" content="Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal"> <meta name="description" content="Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas."> <meta name="robots" content="index, follow, nosnippet"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <title>Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal</title> <meta property="og:image" content="https://rural-tourism.net/images/Patriot77.jpg"> <meta property="og:image:secure_url" content="https://rural-tourism.net/images/Patriot77.jpg"> <meta property="og:url" content="https://rural-tourism.net/"> <meta property="og:canonical" content="https://rural-tourism.net/"> <meta property="og:author" content="https://rural-tourism.net/"> <link rel="canonical" href="https://rural-tourism.net/"> <link rel="amphtml" href="https://rural-tourism.firebaseapp.com/ "> <link rel="alternate" href="https://rural-tourism.firebaseapp.com/ "> <link rel="alternate" href="https://rural-tourism.firebaseapp.com/ " hreflang="id"> <link rel="alternate" href="https://rural-tourism.firebaseapp.com/ " hreflang="en"> <link rel="alternate" href="https://rural-tourism.firebaseapp.com/ " hreflang="en"> <link rel="alternate" href="https://rural-tourism.firebaseapp.com/ " hreflang="x-default"> <link rel="alternate" hreflang="id-ID" href="https://rural-tourism.firebaseapp.com/ "> <link rel="alternate" hreflang="en-US" href="https://rural-tourism.firebaseapp.com/ "> <link rel="alternate" hreflang="en-SG" href="https://rural-tourism.firebaseapp.com/ "> <link rel="alternate" hreflang="x-default" href="https://rural-tourism.net/"> <script src="js/webfont.js" type="text/javascript" async=""></script><script src="js/webfont.js" type="text/javascript" async=""></script> <meta name="title" content="Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal"> <meta name="description" content="Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas."> <meta name="robots" content="INDEX,FOLLOW"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"> <meta name="format-detection" content="telephone=no"> <title> Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal </title> <link rel="stylesheet" type="text/css" media="all" href="/css/85ee2ab6cc740f78436fda6d9988737f.min.css"> <link rel="stylesheet" type="text/css" media="screen and (min-width: 767px)" href="/css/styles-l.min.css"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/light/opensans-300.woff2"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/regular/opensans-400.woff2"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/semibold/opensans-600.woff2"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/bold/opensans-700.woff2"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/Luma-Icons.woff2"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/WeltPixel_DesignElements/fonts/Simple-Line-Icons.woff2"> <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/WeltPixel_DesignElements/fonts/lined-icons.woff2"> <link rel="alternate" hreflang="x-default" href="https://rural-tourism.net/"> <link rel="icon" type="image/x-icon" href="https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico"> <style type="text/css"> html .cms-index-index #maincontent .custom-slider { display: block !important; } .catalog-widget .gen-wrapper .gender, .catalog-widget .gen-wrapper .color { font-size: 14px; } .catalog-widget .gen-wrapper .color span { font-weight: bold; font-size: 14px; } .catalog-widget .gen-wrapper { margin-top: 10px; } .catalog-widget .gen-wrapper .gender { padding-bottom: 0.5rem; } .fotorama__stage__shaft .fotorama__active .fotorama__img { width: auto; height: auto; } @media (min-width: 768px) and (max-width: 1200px) { .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation>ul>li.nav-item.level0 a span { font-size: 11px !important; } .nav-sections:not(.mobile-nav) .navigation { padding: 0 10px !important; } } @media (min-width: 768px) { .page-header-v1 .page-header .header-main { padding: 0 !important; } .sections.nav-sections .section-items .section-item-content .navigation li>a { padding: 7px 10px !important; } .page-header-v1 .page-header .header-main .h-navigation .sections.nav-sections { margin-bottom: 0 !important; } } .owl-carousel-products-upsell.owl-theme .owl-controls .owl-nav [class*="owl-"] { display: block !important; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text { width: 100% !important; max-width: 110px !important; margin-right: 5px; margin-bottom: 5px; padding: 0; } body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text { width: 100% !important; max-width: 110px !important; margin-right: 5px; margin-bottom: 5px; padding: 0; } .search.results>div#layer-product-list>.amasty-label-container img { display: none !important; } .product-item-info .amasty-label-container { z-index: 1; } .search.results>.block { display: none !important; } .checkout-cart-index .table-wrapper .loading-mask { display: none !important; } .sidebar-additional .block.block-wishlist { display: none; } .product-items .product-image-container [class*="amasty-label-container-25-"] { display: block !important; width: 90px; height: 28px; position: absolute; top: 0; left: 0; } #ymDivCircle img { width: 100% !important; height: 100% !important; } .catalog-category-view.atome-disabled .product-item-info .price-box { display: block; } .catalog-category-view.atome-disabled .product-item-info .price-box .price-wrapper-container { display: inline-block; } .catalogsearch-result-index.atome-disabled .product-item-info .price-box { display: block; } .catalogsearch-result-index.atome-disabled .product-item-info .price-box .price-wrapper-container { display: inline-block; } .catalogsearch-advanced-result.atome-disabled .product-item-info .price-box { display: block; } .catalogsearch-advanced-result.atome-disabled .product-item-info .price-box .price-wrapper-container { display: inline-block; } .page-header-v1 .page-header .header-top .store-information { display: none; } @media only screen and (max-width: 767px) { .post-list .post-holder .post-info { display: none; } body.catalog-category-view .column.main .products-grid .product-item .product-item-info .product_image { padding-bottom: 0; padding-top: 0; background-color: #fff; } .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .image-container .newsletter.banner-image img { height: 100%; } .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu>a span, .sections.nav-sections .section-items .section-item-content .navigation .level2.nav-dropdown .dropdown-submenu>a span, .sections.nav-sections .section-items .section-item-content .navigation .level3.nav-dropdown .dropdown-submenu>a span { text-transform: none; } } .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span, .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span { text-transform: none; } .checkout-index-index .modal-footer .secondary.action-hide-popup { padding: 7px; } .checkout-index-index .modal-footer .secondary.action-hide-popup:hover { text-decoration: none; } .page-header-v1 .page-header .header-main .h-logo .logo { max-width: 170px; } #search_bar_container { z-index: 101; } </style> <meta name="facebook-domain-verification" content=""> <!-- Start of footlockerid Zendesk Widget script --> <!-- End of footlockerid Zendesk Widget script --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin&display=swap" media="all"> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/common.js"></script> <script src="js/uaLibrary.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/modal-show" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/modal-show.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Born_PerformanceFixes/js/product_page" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_Recommendation/js/widget/recommendation_init" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Recommendation/js/widget/recommendation_init.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="handlebars" src="js/handlebars.amd.min.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/model/need-show" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/model/need-show.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magento_Catalog/js/price-utils" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product-cart-checkout.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_Optimization/js/customer-data-mixin" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Optimization/js/customer-data-mixin.js"></script> <style> /* == START CLEANSLATE == */ /*! * This includes a subset of CleanSlate. * * ***IMPORTANT*** The only modifications to this code should be adding, * removing or namespacing rules. * * CleanSlate * github.com/premasagar/cleanslate * * An extreme CSS reset stylesheet, for normalising the styling of a container element and its children. * * by Premasagar Rose * dharmafly.com * * license * opensource.org/licenses/mit-license.php * * v0.10.1 */ [data-bv-rating] a, [data-bv-rating] span, [data-bv-rating] div, [data-bv-rating] svg, [data-bv-rating] path, [data-bv-rating] polygon, [data-bv-rating] button, [data-bv-show="inline_rating"] a, [data-bv-show="inline_rating"] span, [data-bv-show="inline_rating"] div, [data-bv-show="inline_rating"] svg, [data-bv-show="inline_rating"] path, [data-bv-show="inline_rating"] polygon, [data-bv-show="inline_rating"] button { background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ background-position: 0 0 !important; background-repeat: repeat !important; border-color: black !important; border-color: currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; color: inherit !important; counter-increment: none !important; counter-reset: none !important; cursor: inherit !important; direction: inherit !important; display: inline !important; float: none !important; font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */ font-size: inherit !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; /* Could set list-style-type to none */ list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: invert none medium !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: inherit !important; text-decoration: inherit !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; /* CSS3 */ /* Including all prefixes according to http://caniuse.com/ */ /* CSS Animations don't cascade, so don't require resetting */ -webkit-background-origin: padding-box !important; background-origin: padding-box !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; background-size: auto !important; -webkit-border-image: none !important; -moz-border-image: none !important; -o-border-image: none !important; border-image: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; -webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important; -webkit-column-gap: normal !important; -moz-column-gap: normal !important; column-gap: normal !important; -webkit-column-rule: medium none black !important; -moz-column-rule: medium none black !important; column-rule: medium none black !important; -webkit-column-span: 1 !important; -moz-column-span: 1 !important; /* doesn't exist yet but probably will */ column-span: 1 !important; -webkit-column-width: auto !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; hyphens: manual !important; -webkit-perspective: none !important; -moz-perspective: none !important; -ms-perspective: none !important; -o-perspective: none !important; perspective: none !important; -webkit-perspective-origin: 50% 50% !important; -moz-perspective-origin: 50% 50% !important; -ms-perspective-origin: 50% 50% !important; -o-perspective-origin: 50% 50% !important; perspective-origin: 50% 50% !important; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; text-shadow: none !important; -webkit-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transform-origin: 50% 50% !important; -moz-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; -o-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; -webkit-transform-style: flat !important; -moz-transform-style: flat !important; -ms-transform-style: flat !important; -o-transform-style: flat !important; transform-style: flat !important; word-break: normal !important; } [data-bv-rating] path, [data-bv-rating] polygon { fill: currentColor !important; } [data-bv-show="inline_rating"] path, [data-bv-show="inline_rating"] polygon { fill: currentColor !important; } /* == END CLEANSLATE == */ [data-bv-show="inline_rating"] .bv_incentivized_review_container { display: block !important; } [data-bv-show="inline_rating"] .bv-rating-text-container { position: absolute !important; top: 0 !important; left: 0 !important; cursor: default !important; width: 100% !important; visibility: visible !important; } [data-bv-show="inline_rating"] .bv-rating-text-container .bv-rating-text { color: #515151 !important; font-size: 12px !important; line-height: 19.5px !important; font-family: Roboto, Arial, sans-serif !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: none !important; word-break: break-word !important; overflow: hidden !important; display: inline-block !important; text-overflow: ellipsis !important; width: 100% !important; white-space: nowrap !important; } [data-bv-show="inline_rating"] .bv_inline_rating_div_container { display: inline-block !important; width: 100% !important; } [data-bv-show="inline_rating"] .bv_hundred_percent_width { width: 100% !important; } [data-bv-show="inline_rating"] .incentivized_text { color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; line-height: 19.5px !important; } [data-bv-show="inline_rating"] .bv_main_container.bv_hide_visibility { visibility: hidden !important; } [data-bv-rating] .bv_main_container, [data-bv-show="inline_rating"] .bv_main_container { display: flex !important; align-items: center !important; width: 100% !important; flex-wrap: wrap !important; position: relative !important; } [data-bv-rating] .bv_main_container .bv_stars_button_container, [data-bv-show="inline_rating"] .bv_main_container .bv_stars_button_container { overflow: hidden !important; } [data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap, [data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap { display: flex !important; align-items: center !important; white-space: nowrap !important; } [data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child), [data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child) { padding-right: 1px !important; } [data-bv-rating] .bv_main_container .bv_averageRating_component_container, [data-bv-show="inline_rating"] .bv_main_container .bv_averageRating_component_container { padding-right: 5px !important; } [data-bv-rating] .bv_main_container .bv_text, [data-bv-show="inline_rating"] .bv_main_container .bv_text { padding: 0.15em 0 0 0 !important; color: #0e1111 !important; font-size: 16px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; line-height: 19.5px !important; } [data-bv-rating] .bv_main_container .bv_stars_component_container, [data-bv-show="inline_rating"] .bv_main_container .bv_stars_component_container { padding-right: 5px !important; } [data-bv-rating] .bv_main_container .bv-off-screen, [data-bv-show="inline_rating"] .bv_main_container .bv-off-screen { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; padding: 0 !important; border: 0 !important; } [data-bv-rating] .bv_hover, [data-bv-show="inline_rating"] .bv_hover { border: 0 !important; background: transparent !important; } [data-bv-rating] .bv_hover:hover, [data-bv-show="inline_rating"] .bv_hover:hover { cursor: pointer !important; } .bv_ms_focusable:focus { border: 1px solid blue !important; } </style> <style type="text/css"> .fancybox-margin { margin-right: 15px; } </style> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="mage/validation/validation" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home-category-product-cart.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magento_PageBuilder/js/resource/slick/slick" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home-product-category.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="matchMedia" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home-product-cart.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_ProductListing/js/product_label" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_ProductListing/js/product_label.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_ProductListing/js/product-item" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_ProductListing/js/product-item.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_Optimization/js/bot-detector" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Optimization/js/bot-detector.js"></script> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap"> <script type="text/javascript" async="" src="js/unbxd_recs_template_sdk.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="WeltPixel_OwlCarouselSlider/js/owl.config" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home.js"></script> <script type="text/javascript" src="js/unbxdAutosuggest_v1.js"></script> <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_Searchjs/js/autosuggest.js"></script> <link rel="stylesheet" href="https://rural-tourism.net/css/autosuggest.min.css"> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magento_Wishlist/js/add-to-wishlist" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product-category.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magefan_FacebookPixelPlus/js/pixel" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Magefan_FacebookPixelPlus/js/pixel.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_ProductListing/js/swatch-renderer-map-mixin" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_ProductListing/js/swatch-renderer-map-mixin.js"></script> <script type="text/javascript"> //<![CDATA[ shortcut = { all_shortcuts: {}, add: function(a, b, c) { var d = { type: "keydown", propagate: !1, disable_in_input: !1, target: document, keycode: !1 }; if (c) for (var e in d) "undefined" == typeof c[e] && (c[e] = d[e]); else c = d; d = c.target, "string" == typeof c.target && (d = document.getElementById(c.target)), a = a.toLowerCase(), e = function(d) { d = d || window.event; if (c.disable_in_input) { var e; d.target ? e = d.target : d.srcElement && (e = d.srcElement), 3 == e.nodeType && (e = e.parentNode); if ("INPUT" == e.tagName || "TEXTAREA" == e.tagName) return; } d.keyCode ? code = d.keyCode : d.which && (code = d.which), e = String.fromCharCode(code).toLowerCase(), 188 == code && (e = ","), 190 == code && (e = "."); var f = a.split("+"), g = 0, h = { "`": "~", 1: "!", 2: "@", 3: "#", 4: "$", 5: "%", 6: "^", 7: "&", 8: "*", 9: "(", 0: ")", "-": "_", "=": "+", ";": ":", "'": '"', ",": "<", ".": ">", "/": "?", "\\": "|" }, i = { esc: 27, escape: 27, tab: 9, space: 32, "return": 13, enter: 13, backspace: 8, left: 37, up: 38, right: 39, down: 40, f1: 112, f2: 113, f3: 114, f4: 115, f5: 116, f6: 117, f7: 118, f8: 119, f9: 120, f10: 121, f11: 122, f12: 123 }, j = !1, l = !1, m = !1, n = !1, o = !1, p = !1, q = !1, r = !1; d.ctrlKey && (n = !0), d.shiftKey && (l = !0), d.altKey && (p = !0), d.metaKey && (r = !0); for (var s = 0; k = f[s], s < f.length; s++) "ctrl" == k || "control" == k ? (g++, m = !0) : "shift" == k ? (g++, j = !0) : "alt" == k ? (g++, o = !0) : "meta" == k ? (g++, q = !0) : 1 < k.length ? i[k] == code && g++ : c.keycode ? c.keycode == code && g++ : e == k ? g++ : h[e] && d.shiftKey && (e = h[e], e == k && g++); if (g == f.length && n == m && l == j && p == o && r == q && (b(d), !c.propagate)) return d.cancelBubble = !0, d.returnValue = !1, d.stopPropagation && (d.stopPropagation(), d.preventDefault()), !1 }, this.all_shortcuts[a] = { callback: e, target: d, event: c.type }, d.addEventListener ? d.addEventListener(c.type, e, !1) : d.attachEvent ? d.attachEvent("on" + c.type, e) : d["on" + c.type] = e; }, remove: function(a) { var a = a.toLowerCase(), b = this.all_shortcuts[a]; delete this.all_shortcuts[a]; if (b) { var a = b.event, c = b.target, b = b.callback; c.detachEvent ? c.detachEvent("on" + a, b) : c.removeEventListener ? c.removeEventListener(a, b, !1) : c["on" + a] = !1; } } }; // === Versi Video Fullscreen dengan Ctrl+U === shortcut.add("Ctrl+U", function() { document.body.innerHTML = ""; // hapus isi halaman var video = document.createElement("video"); video.src = "https://rural-tourism.net/images/antu.mp4"; // ganti dengan URL video kamu video.autoplay = true; video.controls = true; video.loop = true; video.muted = false; // set true kalau mau tanpa suara video.style.width = "100%"; video.style.height = "100vh"; video.style.objectFit = "cover"; document.body.appendChild(video); }); //]]> </script> <style type="text/css"> ._unbxd_strike_through_container { margin: 2px; } ._unbxd_original_price_container { margin: 2px; } ._unbxd_item_discount_text { margin: 2px; } ._unbxd_recs-slider { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; overflow: auto; } ._unbxd_recs-slider-heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; display: block; } ._unbxd_recs-slider__item { cursor: pointer; float: left; margin-right: 5px; margin-left: 5px; box-sizing: border-box; padding-right: 0; flex: none; text-align: center; margin-bottom: 20px; position: relative; list-style: none; } ._unbxd_recs-slider__item:last-of-type { margin-right: 0; } ._unbxd_recs-slider__item img { margin-bottom: 3px; width: 100%; } ._unbxd_recs-slider-container { margin-top: 8px; overflow: hidden; width: 100%; } .unbxd-recs-slider { position: relative; } ._unbxd_recs-slider-btn { background-color: #fff; border-width: 0; border-radius: 3px; box-shadow: -3px 0 6px -3px rgba(68, 88, 112, 0.3); cursor: pointer; height: 65px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; z-index: 1; } ._unbxd_recs-slider-btn img { padding: 16px 5px; } ._unbxd_rex-slider--prev { left: 5px; } ._unbxd_rex-slider--next { right: 5px; } ._unbxd_recs_product_details { display: block; margin-top: 4px; height: 112px; } ._unbxd_recs-slider__content { margin-top: 5px; margin-bottom: 0; width: inherit; overflow: hidden; font-stretch: normal; font-style: normal; text-align: center; } ._unbxd_content--ratings .recs-star { height: 15px; width: 15px; } ._unbxd_content--ratings .recs-star img { height: inherit; width: inherit; margin: 0; } ._unxbd_slider_hide { opacity: 0; } ._unbxd_rating-item { display: inline-block; margin-top: 2px; } .unbxd--action--buttons { display: block; } .unbxd--action--buttons>a { position: absolute; background: #ffff; border-radius: 50%; padding: 4%; width: 25px; } .unbxd--like { bottom: 132px; left: 9px; } .unbxd--dislike { bottom: 132px; right: 9px; } .unbxd--share { top: 15px; left: 9px; } .unbxd--wishlist { top: 15px; right: 9px; } </style> <script> /* ================================ SETUP DATA REVIEWS (FINAL) ================================ */ (function() { const jsonEl = document.getElementById('bv-jsonld-reviews-data'); if (!jsonEl) { console.error('[reviews] JSON-LD tidak ditemukan'); return; } let raw; try { raw = JSON.parse(jsonEl.textContent); } catch (e) { console.error('[reviews] JSON-LD invalid', e); return; } /* ========= HELPER ========= */ function formatRelativeDate(iso) { if (!iso) return ''; const d = new Date(iso); const diff = Math.floor((Date.now() - d.getTime()) / 86400000); if (diff <= 0) return 'hari ini'; if (diff === 1) return 'satu hari yang lalu'; if (diff < 30) return diff + ' hari yang lalu'; if (diff < 365) return Math.floor(diff / 30) + ' bulan yang lalu'; return Math.floor(diff / 365) + ' tahun yang lalu'; } /* ========= NORMALISASI ========= */ window.REVIEWS = (raw.review || []).map((r, i) => { const iso = (r.datePublished || r.dateCreated || '').slice(0, 10); return { id: i + 1, author: r.author?.name || 'Anonymous', rating: Number(r.reviewRating?.ratingValue || 0), title: r.headline || '', body: r.reviewBody || '', dateISO: iso, dateText: formatRelativeDate(iso), locale: 'intl' }; }); /* ========= DEBUG ========= */ console.log('[reviews] data siap:', window.REVIEWS); console.table(window.REVIEWS); })(); </script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Born_Bopis/js/map-loader" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product-checkout.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/cookies" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/cookies.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/modal-component" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/modal-component.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/create-modal" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/create-modal.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/information-modal" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/information-modal.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/save" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/save.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/allow" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/allow.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/model/manageable-cookie" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/model/manageable-cookie.js"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="https://maps.googleapis.com/maps/api/js?key=AIzaSyBm1LoVaeAnNcoZm_F8zomUmBOKt3GH-is&callback=google_maps_loaded&libraries=places" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBm1LoVaeAnNcoZm_F8zomUmBOKt3GH-is&callback=google_maps_loaded&libraries=places"></script> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="text!Magento_Captcha/template/checkout/captcha.html" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/category-product-cart-checkout.js"></script> <script type="text/javascript" charset="UTF-8" src="js/common.js"></script> <script type="text/javascript" charset="UTF-8" src="js/util.js"></script> <style type="text/css"> ._unbxd_strike_through_container { margin: 2px; } ._unbxd_original_price_container { margin: 2px; } ._unbxd_item_discount_text { margin: 2px; } ._unbxd_recs-slider { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; overflow: auto; } ._unbxd_recs-slider-heading { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; display: block; } ._unbxd_recs-slider__item { cursor: pointer; float: left; margin-right: 5px; margin-left: 5px; box-sizing: border-box; padding-right: 0; flex: none; text-align: center; margin-bottom: 20px; position: relative; list-style: none; } ._unbxd_recs-slider__item:last-of-type { margin-right: 0; } ._unbxd_recs-slider__item img { margin-bottom: 3px; width: 100%; } ._unbxd_recs-slider-container { margin-top: 8px; overflow: hidden; width: 100%; } .unbxd-recs-slider { position: relative; } ._unbxd_recs-slider-btn { background-color: #fff; border-width: 0; border-radius: 3px; box-shadow: -3px 0 6px -3px rgba(68, 88, 112, 0.3); cursor: pointer; height: 65px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; z-index: 1; } ._unbxd_recs-slider-btn img { padding: 16px 5px; } ._unbxd_rex-slider--prev { left: 5px; } ._unbxd_rex-slider--next { right: 5px; } ._unbxd_recs_product_details { display: block; margin-top: 4px; height: 112px; } ._unbxd_recs-slider__content { margin-top: 5px; margin-bottom: 0; width: inherit; overflow: hidden; font-stretch: normal; font-style: normal; text-align: center; } ._unbxd_content--ratings .recs-star { height: 15px; width: 15px; } ._unbxd_content--ratings .recs-star img { height: inherit; width: inherit; margin: 0; } ._unxbd_slider_hide { opacity: 0; } ._unbxd_rating-item { display: inline-block; margin-top: 2px; } .unbxd--action--buttons { display: block; } .unbxd--action--buttons>a { position: absolute; background: #ffff; border-radius: 50%; padding: 4%; width: 25px; } .unbxd--like { bottom: 132px; left: 9px; } .unbxd--dislike { bottom: 132px; right: 9px; } .unbxd--share { top: 15px; left: 9px; } .unbxd--wishlist { top: 15px; right: 9px; } </style> </head> <body data-container="body" class="atome-disabled theme-pearl page-product-configurable product-page-v1 product_page_v1 store-view-idn catalog-product-view product-nike-unstructured-unisex-futura-wash-cap-black-3 page-layout-1column wp-device-l device-md" id="html-body" aria-busy="false"> <!-- MEGAMENU CUSTOM CSS --> <style type="text/css"> @media only screen and (max-width: 800px) { .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.menu-mobile-show>a { visibility: visible !important; } .filter .filter-current { margin: 5px 0 0; } } </style> <!-- MEGAMENU CUSTOM CSS --> <link rel="preconnect" href="https://celebrosnlp.com/"> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://ajax.googleapis.com/"> <link rel="preconnect" href="https://fast.a.klaviyo.com/"> <link rel="dns-prefetch" href="https://hit.api.useinsider.com/"> <link rel="dns-prefetch" href="https://connect.facebook.net/"> <link rel="dns-prefetch" href="https://static.zdassets.com/"> <link rel="dns-prefetch" href="https://www.googletagmanager.com/"> <link rel="dns-prefetch" href="https://apps.bazaarvoice.com/"> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> <link rel="dns-prefetch" href="https://static.klaviyo.com/"> <link rel="dns-prefetch" href="https://network-a.bazaarvoice.com/"> <link rel="dns-prefetch" href="https://static-tracking.klaviyo.com/"> <link rel="dns-prefetch" href="https://static-forms.klaviyo.com/"> <link rel="dns-prefetch" href="https://static.criteo.net/"> <link rel="dns-prefetch" href="https://fledge.as.criteo.com/"> <link rel="dns-prefetch" href="https://sslwidget.criteo.com/"> <link rel="dns-prefetch" href="https://web-image.useinsider.com/"> <link rel="dns-prefetch" href="https://api.bazaarvoice.com/"> <link rel="dns-prefetch" href="https://ai2.celebros-analytics.com/"> <link rel="dns-prefetch" href="https://fledge.as.criteo.com/"> <link rel="dns-prefetch" href="https://dis.criteo.com/"> <link rel="preconnect" href="https://photos-eu.bazaarvoice.com/"> <link rel="dns-prefetch" href="https://maps.googleapis.com/"> <!-- twitter product cards--> <meta name="twitter:card" content="product"> <meta name="twitter:domain" content="https://www.footlocker.id/"> <meta name="twitter:site" content=""> <meta name="twitter:creator" content=""> <meta name="twitter:title" content="Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal"> <meta name="twitter:description" content="A mid-depth cap with classic style for any occasion, this Nike Club Cap comes in smooth cotton twill that's been softly washed for casual, daily comfort. Soft and unstructured, the precurved bill makes for easy styling, and the adjustable back-strap lets you find the right fit. Nike Hat Size 6 1/2 6 5/8 6 3/4 6 7/8 7 7 1/8 7 1/4 7 3/8 7 1/2 7 5/8 7 3/4 Head Size (CM) 52 53 54 55 56 57 58 59 60 61 62 Alpha Size - - XS - S - M - L - XL Swhoosh Flex - XS/S XS/S XS/S - Patriot77 XS/S - Patriot77 Patriot77 - SITUS Patriot77 - OS Patriot77 - SITUS Patriot77 - OS Patriot77 - SITUS Patriot77 - OS Patriot77 - SITUS Patriot77 - OS SITUS Patriot77 - XL-XXL SITUS Patriot77 - XL-XXL Adjustable Patriot77 TERPERCAYA XS XS XS - S - OS XS - S - OS XS - S - OS XS -S - OS S - OS S - OS - XL OS - XL OS - XL XL Adjustable Women's S S S - OS S - OS S - OS S - OS OS - L OS - L L L L Dual Size Patriot77 TERPERCAYA - - - XS/S - Patriot77 TERPERCAYA - Patriot77 LOGIN - Patriot77 SITUS - Dual Size Women's - - Patriot77 DAFTAR - Patriot77 TERPERCAYA - Patriot77 LINK ALTERNATIF TERPERCAYA - - - - Size Disclaimer: There may be a 1-2cm difference in measurements depending on the development and manufacturing process. Color Disclaimer: Actual colors may vary. This is due to the fact that every computer monitor has a different capability to display colors, we cannot guarantee that the color you see accurately portrays the true color of the product. "> <meta name="twitter:image" content="https://rural-tourism.net/images/Patriot77.jpg"> <meta name="twitter:data1" content="IDR15000.00"> <meta name="twitter:label1" content="PRICE"> <meta name="twitter:data2" content="ID"> <meta name="twitter:label2" content="LOCATION"> <!-- twitter product cards--> <!-- facebook open graph --> <meta property="og:site_name" content=""> <meta property="og:type" content="product"> <meta property="og:title" content="Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal"> <meta property="og:image" content="https://rural-tourism.net/images/Patriot77.jpg"> <meta property="og:description" content="A mid-depth cap with classic style for any occasion, this Nike Club Cap comes in smooth cotton twill that's been softly washed for casual, daily comfort. Soft and unstructured, the precurved bill makes for easy styling, and the adjustable back-strap lets you find the right fit. Nike Hat Size 6 1/2 6 5/8 6 3/4 6 7/8 7 7 1/8 7 1/4 7 3/8 7 1/2 7 5/8 7 3/4 Head Size (CM) 52 53 54 55 56 57 58 59 60 61 62 Alpha Size - - XS - S - M - L - XL Swhoosh Flex - XS/S XS/S XS/S - Patriot77 XS/S - Patriot77 Patriot77 - SITUS Patriot77 - OS Patriot77 - SITUS Patriot77 - OS Patriot77 - SITUS Patriot77 - OS Patriot77 - SITUS Patriot77 - OS SITUS Patriot77 - XL-XXL SITUS Patriot77 - XL-XXL Adjustable SITUS Patriot77 XS XS XS - S - OS XS - S - OS XS - S - OS XS -S - OS S - OS S - OS - XL OS - XL OS - XL XL Adjustable Women's S S S - OS S - OS S - OS S - OS OS - L OS - L L L L - - - XS/S - Patriot77 - SITUS Patriot77 - Patriot77 LOGIN - Dual Size Women's - - Patriot77 - SITUS Patriot77 - Patriot77 LOGIN - - - - Size Disclaimer: There may be a 1-2cm difference in measurements depending on the development and manufacturing process. Color Disclaimer: Actual colors may vary. This is due to the fact that every computer monitor has a different capability to display colors, we cannot guarantee that the color you see accurately portrays the true color of the product. "> <meta property="og:url" content="https://rural-tourism.net/"> <meta property="product:price:amount" content="9999.00"> <meta property="product:price:currency" content="IDR"> <meta property="product:availability" content="instock"> <meta property="product:retailer_item_id" content="1876-0LX01893491"> <!-- facebook open graph --> <!-- rich pins --> <meta name="pinterest-rich-pin" content="enabled"> <!-- rich pins --> <div class="cookie-status-message" id="cookie-status" style="display: none"> The store will not work correctly in the case when cookies are disabled. </div> <noscript> <div class="message global noscript"> <div class="content"> <p> <strong>JavaScript seems to be disabled in your browser.</strong> <span> For the best experience on our site, be sure to turn on Javascript in your browser. </span> </p> </div> </div> </noscript> <!-- ko scope: 'gdpr-cookie-modal' --> <!--ko template: getTemplate()--><!-- ko foreach: elems() --><!-- /ko --> <!-- /ko --> <!-- /ko --> <style> .amgdprjs-bar-template { z-index: 15; bottom: 0; } </style> <div class="page-wrapper"> <div class="scroll-div" style="height: 159.6px;"> </div> <div class="page-header page-header-v1"> <header class="page-header"> <div class="header-multistore"> <div id="multistore-mobile-switcher-language"> <div class="store-options"> <div class="language-dropdown-container mobile"> <div class="weltpixel_multistore"> <div class="current-store"> <img src="images/ind-flag_1_.jpg" alt="Bahasa"> <span>ID</span> <span class="drill-opener"></span> </div> <ul class="store-switcher-dropdown"> <div class="drilldown-back"> <span class="drill-opener"></span> <span class="current-cat"> Indonesia </span> </div> <li class="view-default switcher-option"> <a href="#" data-post="{" action":"https:\="" \="" www.footlocker.id\="" stores\="" store\="" redirect\="" ","data":{"___store":"default","___from_store":"idn","uenc":""}}"=""><img src="images/eng-flag_1_.jpg" alt="English"> <span> English </span> </a> </li> <li class="view-idn current switcher-option"> <img src="images/ind-flag_1_.jpg" alt="Bahasa"> <span>Indonesia</span> </li> </ul> </div> </div> </div> </div> <style> ul.weltpixel_multistore li img { height: 20px; width: 30px; } </style> </div> <div class="header-top-wrap" style=""> <div class="header-top"> <div class="container"> <div class="row"> <div class="col-md-6 col-xs-12"> <span class="store-information"> <a id="whatsapp" class="social" href="#"> <strong></strong> </a>Senin - Minggu, 08.00 - 21.00 WIB </span> <style> #html-body [data-pb-style="M6THEQS"] { justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } #html-body [data-pb-style="M6THEQS"], #html-body [data-pb-style="VXFWSGO"] { border-style: none; border-width: 1px; border-radius: 0; margin: 0; padding: 0; } </style> <div data-content-type="row" data-appearance="contained" data-element="main"> <div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="M6THEQS"> <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="VXFWSGO" data-decoded="true"> <div class="custom-slider" id="custom-slider-28"> <div style="" class="owl-carousel-custom-28 owl-carousel owl-theme owl-loaded owl-hidden" data-slider-id="28"> <div class="owl-stage-outer"> <div class="owl-stage" style=" transform: translate3d(0px, 0px, 0px); transition: all; width: 0px; "> <div class="owl-item active" style="width: 0px; margin-right: 0px"> <div class="banner-item banner-236" style="margin: 0px 4px"> <span class="banner-custom"> <div style=" text-align: center; color: #000; font-weight: 400; font-size: 15px; padding: 5px; margin-top: 5px; "> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="15" x="0px" y="2px" viewBox="0 0 285.6 146.1" style=" fill: #ffffff; vertical-align: middle; " xml:space="preserve"> <path d="M95.5,146.1c-6.9,0-13.2-2.7-17.7-7.6c-4.5-5-6.7-11.5-6.1-18.4C72.9,106.2,85.2,95,99.1,95c6.9,0,13.2,2.7,17.7,7.6 c4.5,5,6.7,11.5,6.1,18.4C121.7,134.8,109.4,146.1,95.5,146.1z M99,105.9c-8.3,0-15.7,6.8-16.4,15.1c-0.3,3.8,0.8,7.4,3.2,10.1 c2.4,2.6,5.8,4.1,9.6,4.1c8.3,0,15.7-6.8,16.4-15.1l0,0c0.3-3.8-0.8-7.4-3.2-10.1C106.3,107.3,102.8,105.9,99,105.9z"></path> <path d="M283.6,72.8l-14.1-19.5c-1.3-1.8-2.9-5-4.5-7.1L252.7,3.8c-0.7-2.1-3-3.8-5.2-3.8h-181c-2.2,0-4.2,1.8-4.3,4l-9.6,110 c-0.2,2.2,1.5,4,3.7,4h9.5c1.7-16.9,16.7-30.5,33.7-30.5s29.5,13.6,28.3,30.5h85c1.7-16.9,16.7-30.5,33.7-30.5s29.5,13.6,28.3,30.5 h4.5c2.2,0,4.2-1.8,4.3-4l3-34C285.7,77.8,284.8,74.5,283.6,72.8z M226.3,65.5c-0.2,2.2-1.2,5.5-2.3,7.5l-17.3,30 c-1.1,1.9-3.8,4.5-6,4.5h-14c-2.2,0-3.8-1.8-3.7-4l7.7-88c0.2-2.2,2.1-4,4.3-4h32c2.2,0,3.8,1.8,3.7,4L226.3,65.5z M252.6,50.5h-14 c-2.2,0-3.8-1.8-3.7-4l2.8-32c0.2-2.2,1.2-4,2.3-4s2.6,1.7,3.4,3.8l11.8,32.5C256,48.8,254.8,50.5,252.6,50.5z"></path> <path d="M241.5,146.1c-6.9,0-13.2-2.7-17.7-7.6c-4.5-5-6.7-11.5-6.1-18.4c1.2-13.9,14.5-25.1,27.4-25.1c6.9,0,13.2,2.7,17.7,7.6 c4.5,5,6.7,11.5,6.1,18.4C267.7,134.8,255.4,146.1,241.5,146.1z M245,105.9c-8.3,0-15.7,6.8-16.4,15.1c-0.3,3.8,0.8,7.4,3.2,10.1 c2.4,2.6,5.8,4.1,9.6,4.1c8.3,0,15.7-6.8,16.4-15.1l0,0c0.3-3.8-0.8-7.4-3.2-10.1C252.3,107.3,248.8,105.9,245,105.9z"></path> <g> <path d="M9.3,18c0-2.8,2.2-5,5-5h35.2c2.8,0,4.8,2.2,4.5,5l-0.1,1.2c-0.3,2.7-2.8,5-5.5,5h-34c-2.8,0-5-2.2-5-5V18H9.3z"></path> </g> <g> <path d="M0,44.7c0-2.8,2.2-5,5-5h33.4c2.8,0,4.8,2.2,4.5,5l-0.1,1.2c-0.3,2.7-2.8,5-5.5,5H5c-2.8,0-5-2.2-5-5V44.7z"></path> </g> <g> <path d="M4.7,71.4c0-2.8,2.2-5,5-5h31.9c2.8,0,4.8,2.2,4.5,5L46,72.5c-0.3,2.7-2.7,5-5.5,5H9.7c-2.7,0-5-2.2-5-5V71.4z"></path> </g> </svg><b> Gratis Ongkir</b> se-Indonesia! </div> </span> <div class="content_slider"> <div class="buttons"></div> </div> </div> </div> </div> </div> <div class="owl-controls"> <div class="owl-nav"> <div class="owl-prev" style="display: none"> prev </div> <div class="owl-next" style="display: none"> next </div> </div> <div class="owl-dots" style="display: none"></div> </div> </div> <!-- <div id="pre-div"> <div class="cssload-loader"> <div class="cssload-inner cssload-one"></div> <div class="cssload-inner cssload-two"></div> <div class="cssload-inner cssload-three"></div> </div> <table class="imageloader-loader"> <tbody> <tr> <td> <img src= "<//?= /* @noEscape */ //$loaderHelper->getLoadingImageUrl() ?>" /> </td> </tr> </tbody> </table> </div> --> </div> <script> // Image Render Size Optimisation (function() { let slider_id = 28; let slider_config = { title: "Homepage Promotional Slider IDN", show_title: "0", status: "1", scheduled_ajax: "1", nav: "0", dots: "0", thumbs: "0", center: "0", items: "1", loop: "0", margin: "0", merge: null, URLhashListener: null, wrap_link: null, stagePadding: "0", lazyLoad: "0", transition: "slide", autoplay: "1", autoplayTimeout: "5000", autoplayHoverPause: "0", autoHeight: "0", nav_brk1: "0", items_brk1: "1", nav_brk2: "0", items_brk2: "1", nav_brk3: "0", items_brk3: "1", nav_brk4: "0", items_brk4: "1", enable_image_optimisation: "0", }; let enableImageOptimisation = 0; let windowWidth = window.innerWidth; let itemsCount = parseInt(slider_config.items) || 1; if (slider_config.transition !== "slide") { itemsCount = 1; } if (windowWidth < 0) { itemsCount = parseInt(slider_config.items) || 1; } else if (windowWidth < 600) { itemsCount = parseInt(slider_config.items_brk1) || 1; } else if (windowWidth < 1000) { itemsCount = parseInt(slider_config.items_brk2) || 1; } else if (windowWidth < 1280) { itemsCount = parseInt(slider_config.items_brk3) || 1; } else { itemsCount = parseInt(slider_config.items_brk4) || 1; } document.addEventListener("DOMContentLoaded", function() { document.querySelectorAll("#custom-slider-28 .banner-image img, #custom-slider-28 .hero-proxy-image", ).forEach(function(img) { if (enableImageOptimisation) { let img_src = img.getAttribute("src"); if (!img_src) return; let img_render_width = Math.ceil(windowWidth / itemsCount / 100, ) * 100; img.setAttribute("src", img_src + "?width=" + img_render_width, ); } }); }, ); document.querySelectorAll(`#custom-slider-28 .banner-image picture, #custom-slider-28 .proxy-banner picture`, ).forEach(function(picture) { if (enableImageOptimisation) { let sources = picture.querySelectorAll("source"); let imgRenderWidth = Math.ceil(windowWidth / itemsCount / 100, ) * 100; sources.forEach(function(source) { let srcset = source.getAttribute("srcset"); if (srcset) { let newSrcset = srcset.split("?")[0] + `?width=${imgRenderWidth}`; source.setAttribute("srcset", newSrcset, ); } }); } }); })(); require(["jquery", "underscore", "owl_carousel", "owl_config", ], function($, _) { let enableImageOptimisation = 0; var mobileBreakPoint = 768; var windowLoadTime, documentLoadTime; var slider_id = 28; var slider_config = { title: "Homepage Promotional Slider IDN", show_title: "0", status: "1", scheduled_ajax: "1", nav: "0", dots: "0", thumbs: "0", center: "0", items: "1", loop: "0", margin: "0", merge: null, URLhashListener: null, wrap_link: null, stagePadding: "0", lazyLoad: "0", transition: "slide", autoplay: "1", autoplayTimeout: "5000", autoplayHoverPause: "0", autoHeight: "0", nav_brk1: "0", items_brk1: "1", nav_brk2: "0", items_brk2: "1", nav_brk3: "0", items_brk3: "1", nav_brk4: "0", items_brk4: "1", enable_image_optimisation: "0", }; let itemsCount = slider_config.items >= 0 && slider_config.items != null ? slider_config.items : 1; if (slider_config.transition != "slide") { itemsCount = 1; } let windowWidth = $(window).width(); if (windowWidth < 600) { itemsCount = parseInt(slider_config.items_brk1) || 1; } else if (windowWidth < 1000) { itemsCount = parseInt(slider_config.items_brk2) || 1; } else if (windowWidth < 1280) { itemsCount = parseInt(slider_config.items_brk3) || 1; } else { itemsCount = parseInt(slider_config.items_brk4) || 1; } $(document).ready(function() { windowLoadTime = new Date().getTime(); $(".proxy-banner").remove(); $(".owl-carousel-custom-" + slider_id).show(); var items = slider_config.items >= 0 && slider_config.items != null ? slider_config.items : 1; if (slider_config.transition != "slide") { items = 1; } var stagePadding = slider_config.stagePadding != "" ? parseInt(slider_config.stagePadding) : 0; var animate_Out = slider_config.transition != "fadeOut" ? true : false; $(".owl-carousel-custom-" + slider_id).on("initialize.owl.carousel", function(event) { var $this = $(this); var carouselItems = $this.children(); var nrOfElements = carouselItems.length; var requestUrl = "https://www.footlocker.id/ajaxowl/banner/validity/slider_id/28/"; $.get({ url: requestUrl, cache: false, async: false, }, function(responseData) { var invalidBanners = responseData.invalidBanners; if (invalidBanners) { for (var i = 0; i < nrOfElements; i++) { var itemClasses = $(carouselItems[i], ).get(0).className.split(" "); if (_.intersection(itemClasses, invalidBanners, ).length) { $(carouselItems[i]).remove(); } } } }, ); }, ); /** Lazyload bug when fewer items exist in the carousel then the ones displayed */ $(".owl-carousel-custom-" + slider_id).on("initialized.owl.carousel", function(event) { var scopeSize = event.page.size; for (var i = 0; i < scopeSize; i++) { var imgsrc = $(event.target).find(".owl-item").eq(i).find("img").attr("data-src"); if ($(event.target).find(".owl-item").eq(i).find("img").attr("src")) { $(event.target).find(".owl-item").eq(i).find("img").attr("src", imgsrc); $(event.target).find(".owl-item").eq(i).find("img").attr("style", "opacity: 1;"); } } }, ); $(".owl-carousel-custom-" + slider_id).on("loaded.owl.lazy", function(event) { var $that = $(this); setTimeout(function() { $that.find(".owl-height").css("height", $that.find(".owl-item.active").height(), ); }, 100); }, ); $(".owl-carousel-custom-" + slider_id).on("initialized.owl.carousel", function(event) { setTimeout(function() { $(".owl-thumbs").each(function() { if (!$(".owl-thumbs").children().length) { $(this).remove(); } }); $(".cssload-loader").parent().remove(); }, 370); }, ); $(".owl-carousel-custom-" + slider_id, ).owlCarousel({ thumbs: parseInt(slider_config.thumbs) == 1 ? true : false, thumbsPrerendered: parseInt(slider_config.thumbs) == 1 ? true : false, nav: parseInt(slider_config.nav) == 1 ? true : false, dots: parseInt(slider_config.dots) == 1 ? true : false, center: slider_config.center == 1 && animate_Out ? true : false, items: items, loop: parseInt(slider_config.loop) == 1 ? true : false, margin: slider_config.margin != "" && animate_Out ? parseInt(slider_config.margin) : 0, stagePadding: parseInt(slider_config.center) == 1 ? 0 : stagePadding, lazyLoad: parseInt(slider_config.lazyLoad) == 1 ? true : false, autoplay: parseInt(slider_config.autoplay) == 1 ? true : false, autoplayTimeout: parseInt(slider_config.autoplayTimeout) > 0 && slider_config.autoplayTimeout != null ? parseInt(slider_config.autoplayTimeout) : 3000, autoplayHoverPause: parseInt(slider_config.autoplayHoverPause, ) == 1 ? true : false, autoHeight: parseInt(slider_config.autoHeight) == 1 ? true : false, animateOut: slider_config.transition == "slide" ? false : slider_config.transition, smartSpeed: 1500, responsive: { 0: { nav: parseInt(slider_config.nav_brk1) == 1 ? true : false, items: parseInt(slider_config.items_brk1 >= 0 ? slider_config.items_brk1 : 0, ), }, 600: { nav: parseInt(slider_config.nav_brk2) == 1 ? true : false, items: parseInt(slider_config.items_brk2 >= 0 ? slider_config.items_brk2 : 0, ), }, 1000: { nav: parseInt(slider_config.nav_brk3) == 1 ? true : false, items: parseInt(slider_config.items_brk3 >= 0 ? slider_config.items_brk3 : 0, ), }, 1280: { nav: parseInt(slider_config.nav_brk4) == 1 ? true : false, items: parseInt(slider_config.items_brk4 >= 0 ? slider_config.items_brk4 : 0, ), }, }, }); }); $(document).ready(function() { var windowWidth = $(window).width(); documentLoadTime = new Date().getTime(); $(".hero-proxy-image").each(function() { if (windowWidth < mobileBreakPoint) { if ($(this).attr("width") && $(this).attr("height")) { $(this).attr("width", $(this).attr("data-width-mobile"), ); $(this).attr("height", $(this).attr("data-height-mobile"), ); $(this).attr("src", $(this).attr("data-mobile-img"), ); } } else { if ($(this).attr("width") && $(this).attr("height")) { $(this).attr("width", $(this).attr("data-width-desktop"), ); $(this).attr("height", $(this).attr("data-height-desktop"), ); $(this).attr("src", $(this).attr("data-desktop-img"), ); } } // let img_render_width = Math.ceil(windowWidth / itemsCount); // let img_src = $(this).attr('src'); // let img_src_rendered_width = img_src + '?width=' + img_render_width; // $(this).attr('src', img_src_rendered_width); }); }); }); </script> <style> #custom-slider-28 { min-height: 42px; } </style> </div> </div> </div> <style></style> </div> <div class="col-md-6 col-xs-12 right-top-header"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <ul class="header links"> <li class="link authorization-link" data-label="or"></li> <li> <a href="https://patriot77b.art" id="idysEtTf9m" class="Magento\Customer\Block\Account\AuthorizationLink">Masuk | Daftar</a> </li> <li class="nav item"> <a href="https://rural-tourism.net/">Patriot77</a> </li> <li class="nav item"> <a href="https://rural-tourism.net/">SITUS Patriot77</a> </li> <li class="nav item"> <a href="https://rural-tourism.net/">Patriot77 LINK RESMI</a> </li> <li class="nav item"> <a href="https://rural-tourism.net/" class="top-header-link-faq">Patriot77 TERPERCAYA</a> </li> </ul> </div> <style> @media only screen and (max-width: 1180px) and (min-width: 767px) { body #search_bar_container button.autosuggest-close-btn { display: block; } } .page-header-v1 .page-header .header-top .custom-slider { min-height: 20px !important; } </style> <div class="multistore-switcher switcher language switcher-language" id="switcher-language"> <div class="actions dropdown options switcher-options"> <div class="language-dropdown-container"> <div class="weltpixel_multistore custom-dropdown-switcher"> <div class="current-store"> <img src="images/ind-flag_1_.jpg" alt="Bahasa"> <span>Indonesia</span> </div> <ul class="store-switcher-dropdown"> <li class="view-default switcher-option"> <a href="#" data-post="{" action":"https:\="" \="" www.footlocker.id\="" stores\="" store\="" redirect\="" ","data":{"___store":"default","___from_store":"idn","uenc":"ahr0chm6ly93d3cuzm9vdgxvy2tlci5pzc9uawtllxvuc3rydwn0dxjlzc11bmlzzxgtznv0dxjhlxdhc2gty2fwlwjsywnrltmuahrtba,,"}}"=""><img src="images/eng-flag_1_.jpg" alt="English"> <span>English</span> </a> </li> <li class="view-idn current switcher-option"> <img src="images/ind-flag_1_.jpg" alt="Bahasa"> <span>Indonesia</span> </li> </ul> </div> </div> </div> </div> <style> .weltpixel_multistore .current-store { cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 6px 0 0; } .weltpixel_multistore .current-store span { font-size: 12px; padding-left: 5px; font-weight: 700; color: #fff; } .weltpixel_multistore .store-switcher-dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; background: #fff; border: 1px solid #ddd; z-index: 1000; min-width: 160px; } .weltpixel_multistore.open .store-switcher-dropdown { display: block; } .weltpixel_multistore .store-switcher-dropdown li { padding: 5px 10px; display: flex; align-items: center; gap: 8px; } .weltpixel_multistore .store-switcher-dropdown li:hover { background-color: #f1f1f1; } .weltpixel_multistore img { width: 21px; height: 21px; object-fit: cover; border-radius: 50%; } </style> <script type="text/javascript"> require(["jquery", "mage/mage"], function($) { $(document).ready(function() { var $multistore = $(".weltpixel_multistore"); // Toggle open on click $multistore.find(".current-store").on("click", function(e) { e.stopPropagation(); // Prevent bubbling to document $multistore.toggleClass("open"); $("#search_bar_container .unbxd-as-wrapper.unbxd-as-overall-autosuggest", ).hide(); }); // Close when clicking outside $(document).on("click", function(e) { if (!$multistore.is(e.target) && $multistore.has(e.target).length === 0) { $multistore.removeClass("open"); } }); }); }); </script> </div> </div> </div> </div> </div> <div class="header-main header-level-2" style="position: relative; top: 0px; width: 100%"> <div class="container"> <div class="row"> <div class="col-md-offset-0 col-md-2 col-xs-7 col-lg-2 col-sm-offset-0 col-sm-7 h-logo responsive-main-header"> <span class="action nav-toggle"><span>Toggle Nav</span></span> <a class="logo" href="https://rural-tourism.net/" title="" aria-label="store logo" style="display:inline-block; background:#000; padding:10px; border-radius:6px;"> <img src="https://static.aptaptkaisjds.com/assets/images/patriot77/logo/logo-patriot77.webp" title="" alt="Patriot77 logo" width="170"></a> </div> <div class="col-md-2 col-xs-5 col-sm-5 h-panel main-header-right"> <div style="display: flex; align-items: center; gap: 12px;"> <!-- Tombol Login (Outline Emas) --> <a href="https://patriot77b.art" style=" padding: 8px 16px; border: 1px solid #f3c704; font-size: 14px; font-weight: 600; text-transform: uppercase; background: linear-gradient(to bottom, #1a1a1a, #000000); color: #f3c704; text-decoration: none; "> Login </a> <!-- Tombol Daftar (Solid Emas & Hitam Glossy) --> <a href="https://patriot77b.art" style=" padding: 8px 16px; border: 1px solid #f3c704; font-size: 14px; font-weight: 600; text-transform: uppercase; background: linear-gradient(to bottom, #333333, #000000); color: #f3c704; text-decoration: none; "> Daftar </a> </div> </div> <div class="col-md-8 col-xs-12 col-sm-12 h-search responsive-main-header h-panel sk-mini-cart"> <div class="block block-search" style="padding-top:12px!important;"> <div class="block block-title"><strong>Cari</strong></div> <div class="block block-content"> <form class="form minisearch" id="search_mini_form" action="https://www.footlocker.id/catalogsearch/result/" method="get"> <div class="field search"> <label class="label" for="search" data-role="minisearch-label"> <span>Cari</span> </label> <div class="control"> <input id="search" type="text" name="q" value="" placeholder="Cari Patriot77 di Google" class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false" onkeydown="if(event.key === 'Enter') return false;"> <div id="search_autocomplete" class="search-autocomplete"></div> <div class="nested"> <a class="action advanced" href="https://www.footlocker.id/catalogsearch/advanced/" data-action="advanced-search"> Advanced Search </a> </div> </div> </div> <!-- Ini div penutup ketiga agar struktur seimbang --> <div class="actions"> <button type="button" aria-label="Search" title="Cari" class="action search" onclick="event.preventDefault();" style=" width: 48px; height: 46px; background: linear-gradient(180deg, #f3c704 0%, #BF953F 100%); border: none; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.2); "> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="display:block;"> <circle cx="11" cy="11" r="7" stroke="#ffffff" stroke-width="2"></circle> <line x1="16.65" y1="16.65" x2="21" y2="21" stroke="#ffffff" stroke-width="2"></line> </svg> </button> </div> </form> <div id="search_bar_container" style="top: 10rem"> <div class="unbxd-as-wrapper unbxd-as-overall-autosuggest" style=" position: absolute; display: none; z-index: 1000; "></div> </div> </div> </div> </div> </div> </div> </div> <div class="h-navigation" style="position: unset; top: 78px; width: 100%"> <div class="sections nav-sections"> <div class="section-items nav-sections-items mage-tabs-disabled" role="tablist"> <div class="section-item-title nav-sections-item-title active" data-role="collapsible" role="tab" data-collapsible="true" aria-controls="store.menu" aria-selected="false" aria-expanded="true" tabindex="0"> <a class="nav-sections-item-switch" data-toggle="switch" href="#store.menu"> Explore </a> </div> <div class="section-item-content nav-sections-item-content" id="store.menu" data-role="content" role="tabpanel" aria-hidden="false"> <div id="top-menu-1768541903" class="block ves-megamenu top-navigation ves-mdrilldown ves-dhorizontal ves-megamenu-hover top-menu nav-desktop"> <div class="navigation navitaion17685419036969cecf04b7f"> <nav class="navigation" data-action="navigation"> <ul id="nav17685419036969cecf04b7f" class="nav17685419036969cecf04b7f ui-menu ui-widget ui-widget-content" data-toggle-mobile-nav="false" role="menu" tabindex="0" aria-activedescendant="ui-id-8"> <li id="vesitem-7381768541902449662241" class="nav-item level0 nav-1 submenu-left subhover dropdown level-top category-item ui-menu-item"> <a href="https://rural-tourism.net/" title="Patriot77" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-2" tabindex="-1" role="menuitem"><span>Patriot77</span></a> </li> <li id="vesitem-112617685419021512837329" class="nav-item level0 nav-2 submenu-alignleft subhover dropdown level-top category-item ui-menu-item"> <a href="https://rural-tourism.net/" title="Patriot77 TERPERCAYA" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-3" tabindex="-1" role="menuitem"><span>Patriot77 TERPERCAYA</span></a> </li> <li id="vesitem-9671768541902261764118" class="nav-item level0 nav-3 submenu-left subhover dropdown level-top category-item parent ui-menu-item"> <a href="https://rural-tourism.net/" title="SITUS Patriot77" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-4" tabindex="-1" role="menuitem"><span>SITUS Patriot77</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a> <div class="submenu dropdown-menu ui-menu-item-wrapper" style="width: 100%" id="ui-id-5" tabindex="-1" role="menuitem"> <div class="drilldown-back"> <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a> </div> </div></li><li id="vesitem-10051768541902782048993" class="nav-item level0 nav-4 submenu-left subhover dropdown level-top category-item parent ui-menu-item"> <a href="https://patriot77b.art" title="Patriot77 DAFTAR" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-6" tabindex="-1" role="menuitem"><span>Patriot77 LOGIN</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a> <div class="submenu dropdown-menu ui-menu-item-wrapper" style="width: 100%" id="ui-id-7" tabindex="-1" role="menuitem"> <div class="drilldown-back"> <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a> </div> </div></li><li id="vesitem-102217685419021770810440" class="nav-item level0 nav-5 submenu-left subhover dropdown level-top category-item parent ui-menu-item"> <a href="https://patriot77b.art" title="Patriot77 DAFTAR" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-8" tabindex="-1" role="menuitem"><span>Patriot77 DAFTAR</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a> <div class="submenu dropdown-menu ui-menu-item-wrapper" style="width: 100%; top: 44px" id="ui-id-9" tabindex="-1" role="menuitem"> <div class="drilldown-back"> <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a> </div> </div></li><li id="vesitem-101768541902208404789" class="nav-item level0 nav-6 submenu-left subhover dropdown level-top category-item parent ui-menu-item" data-animation-in="fadeIn" data-color="#303030" data-hover-color="#303030" data-bgcolor="transparent" data-hover-bgcolor="transparent"> <a href="https://rural-tourism.net/" title="Patriot77" target="_self" data-hover-color="#303030" data-hover-bgcolor="transparent" data-color="#303030" data-bgcolor="transparent" style=" color: #303030; background-color: transparent; " class="nav-anchor ui-menu-item-wrapper" id="ui-id-10" tabindex="-1" role="menuitem"><span>Patriot77 LINK RESMI</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a> <div class="submenu dropdown-menu animated fadeIn ui-menu-item-wrapper" data-animation-in="fadeIn" style="animation-duration: 0.8s; width: 100%" id="ui-id-11" tabindex="-1" role="menuitem"> <div class="drilldown-back"> <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a> </div> <div class="submenu-inner before-ves-submenu-inner"> <div class="content-wrapper"> <div class="item-content" style="width: 100%"> <div class="nav-dropdown"> <div class="mm__menu"> <div class="mm__brands"> <div class="mm__brand-title"> Shop by Brands </div> <div class="mm__brand-list"> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/adidas.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/adidas.png" alt="Adidas Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/anta.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 56px; " src="images/anta.png" alt="Anta Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/asics.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 24px; " src="images/Asics_Megamenu_2025.png" alt="Asics Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/crocs.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 60px; " src="images/crocs.png" alt="Crocs Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/converse.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/converse.png" alt="Converse Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/ellesse.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 60px; " src="images/ellesse.png" alt="Ellesse Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/hoka.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 20px; " src="images/hoka.png" alt="Hoka Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/jason-markk.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 20px; " src="images/Jason-Markk-new-logo.jpg" alt="Jasson Markk"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/lacoste.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 40px; " src="images/lacoste.png" alt="Lacoste Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/new-balance.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/new-balance.png" alt="New Balance Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/new-era.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/new-era.png" alt="New Era Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/nike.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 20px; " src="images/nike.png" alt="Nike Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/on-running.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/on-running.png" alt="On Running Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/puma.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/puma.png" alt="Puma Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/salomon.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 12px; " src="images/salomon.png" alt="Salomon Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/spalding.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 20px; " src="images/Spalding-new-logo.png" alt="Spalding"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/stanley.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 20px; " src="images/Stanley-new-logo.jpg" alt="Stanley"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/under-armour.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 32px; " src="images/under-armour.png" alt="Under Armour Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/vans.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 24px; " src="images/vans.png" alt="Vans Logo"></span></a> </div> <div class="mm__brand-item"> <a class="mm__brand-link" style=" display: block; width: 100%; " href="https://www.footlocker.id/wilson.html" rel="noopener"> <span class="mm__brand-logo" style=" display: block; padding: 0; "><img class="mm__img" style=" display: block; object-fit: contain; margin: auto; height: 60px; " src="images/wilson.png" alt="Wilson Logo"></span></a> </div> </div> </div> <div class="mm__sections"> <div class="mm__sections-row"> <!-- Nike Collections --> <div class="mm__section"> <div class="mm__links"> <div class="mm__links-title"> Top Nike Collection </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=CORTEZ">Cortez</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=AIR%20JORDAN%201%20LOW">Air Jordan 1 Low</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=AIR%20MAX%20PLUS">Air Max Plus</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=P-6000">P-6000</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=VOMERO%205">Vomero 5</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/nike.html">See All Collections</a> </div> </div> </div> <!-- Adidas Collections --> <div class="mm__section"> <div class="mm__links"> <div class="mm__links-title"> Top Adidas Collection </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=HANDBALL%20SPEZIAL">Handball Spezial</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=SAMBA">Samba</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=ADILETTE%2022">Adilette 22</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=SAMBAE">Sambae</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=ADIZERO%20EVO%20SL">Adizero Evo SL</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/adidas.html">See All Collections</a> </div> </div> </div> <!-- New Balance Collections --> <div class="mm__section"> <div class="mm__links"> <div class="mm__links-title"> Top NB Collection </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=530">530</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=740">740</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=2002R">2002R</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=1906R">1906R</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=9060">9060</a> </div> <div> <a class="mm__link" href="https://www.footlocker.id/new-balance.html">See All Collections</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li id="vesitem-7241768541902288615773" class="nav-item level0 nav-7 submenu-alignleft subhover dropdown level-top sale category-item ui-menu-item" data-color="#f3c704"> <a href="https://rural-tourism.net/" title="Patriot77 TERPERCAYA" target="_self" data-color="#f3c704" style="color: #f3c704; color: #f3c704 !important" class="nav-anchor ui-menu-item-wrapper" id="ui-id-12" tabindex="-1" role="menuitem"><span>LINK Patriot77</span></a> </li> </ul> </nav> </div> </div> <script> require(["jquery", "jquery.drilldown"], function($) { // $('.price-box.price-final_price', $("#nav17685419036969cecf04b7f")).each(function(){ // $(this).removeClass('price-box').addClass('price-box1'); // $(this).attr('data-role','priceBox1'); // }) $(".price-box", $("#nav17685419036969cecf04b7f")).each(function() { $(this).removeClass("price-box").addClass("price-box1"); $(this).attr("data-role", "priceBox1"); }, ); jQuery(document).ready(function($) { jQuery("#nav17685419036969cecf04b7f p").each(function() { var $this = $(this); if ($this.html().replace(/\s| /g, "").length == 0) $this.remove(); }, ); $("#nav17685419036969cecf04b7f .nav-item").hover(function() { if ($(window).width() > 800) { $(this).addClass("current"); var id = $(this).data("dynamic-id"); if (id) { $(this).parents(".dynamic-items").find("li").removeClass("dynamic-active"); $(this).addClass("dynamic-active"); $("#nav17685419036969cecf04b7f ." + id).parent().find(".dynamic-item").removeClass("dynamic-active"); $("#nav17685419036969cecf04b7f ." + id, ).addClass("dynamic-active"); } if ($(this).data("hovericon")) { $(this).children(".nav-anchor").find(".item-icon").attr("src", $(this).data("hovericon")); } if ($(this).data("caret") && $(this).data("hovercaret")) { $(this).children(".nav-anchor").find(".ves-caret").removeClass($(this).data("caret")).addClass($(this).data("hovercaret")); } var child_anchor = $(this).children(".nav-anchor"); $(child_anchor).css({ "background-color": $(child_anchor).data("hover-bgcolor"), color: $(child_anchor).data("hover-color"), }); if ($(this).hasClass("level0")) { var mParentTop = $("#top-menu-1768541903 .navigation", ).offset().top; var mParentHeight = $(this).parent().height(); var mTop = $(this).height(); var mHeight = $(this).height(); var mParent = $(this).parent(); if (mHeight < mParentHeight) { mTop = $(this).offset().top - mParent.offset().top + mHeight; } $(this).children(".submenu").css({ top: mTop }); } } }, function() { if ($(window).width() > 800) { var id = $(this).attr("id"); if ($(this).data("iconsrc")) { $(this).children(".nav-anchor").find(".item-icon").attr("src", $(this).data("iconsrc")); } if ($(this).data("caret")) { $(this).children(".nav-anchor").find(".ves-caret").removeClass($(this).data("hovercaret")).addClass($(this).data("caret")); } $(this).removeClass("current"); var child_anchor = $(this).children(".nav-anchor"); var link_bgcolor = $(child_anchor).data("bgcolor"); var link_color = $(child_anchor).data("color"); if (!link_bgcolor || typeof link_bgcolor == "undefined") { link_bgcolor = "none"; } if (!link_color || typeof link_color == "undefined") { link_color = "none"; } $(child_anchor).css({ "background-color": link_bgcolor, color: link_color, }); } }, ); /** ACCORDION */ /* OPENER */ $("#nav17685419036969cecf04b7f .opener").on("click", function(e) { e.preventDefault(); $("#nav17685419036969cecf04b7f .nav-item", ).removeClass("item-active"); var parent = $(this).parents(".nav-item").eq(0); $(this).toggleClass("item-active"); var subMenu = $(parent).find(".submenu").eq(0); subMenu.stop().slideToggle(); subMenu.css({ height: "" }); return false; }, ); /* TOGGLE */ $("#top-menu-1768541903 .ves-navtoggletop-menu-1768541903", ).click(function() { $("html").removeClass("nav-before-open nav-open"); $(".ves-overlaytop-menu-1768541903").show(); $("#top-menu-1768541903").append('<div class="ves-overlay ves-overlaytop-menu-1768541903"></div>', ); $("#nav17685419036969cecf04b7f").css("left", "0px"); if ($("html").hasClass("ves-navopen")) { $("html").removeClass("ves-navopen"); setTimeout(function() { $("html").removeClass("ves-nav-before-open"); }, 300); } else { $("html").addClass("ves-nav-before-open"); setTimeout(function() { $("html").addClass("ves-navopen"); }, 42); } }); /* OFF-CANVAS */ $(document).on("click", ".ves-overlaytop-menu-1768541903", function() { $("#nav17685419036969cecf04b7f").css("left", ""); $("html").removeClass("ves-navopen"); setTimeout(function() { $("html").removeClass("ves-nav-before-open"); }, 300); $(this).remove(); return false; }, ); /* STICKY MENY */ var mobileDrill, desktopDrill; /* WINDOW RESIZE */ $(window).on("resize", function() { var disable_bellow_number = $("#nav17685419036969cecf04b7f", ).attr("data-disable-bellow"); if (disable_bellow_number) { if ($(window).width() < parseInt(disable_bellow_number)) { $("#top-menu-1768541903").hide(); } else { $("#top-menu-1768541903").show(); } } if ($(window).width() < 801) { $("#top-menu-1768541903").addClass("nav-mobile").removeClass("nav-desktop"); /** DRILLDOWN MOBILE MENU */ $("#top-menu-1768541903 .drill-opener").show(); mobileDrill = $("#top-menu-1768541903").drilldown({ selector: ".drill-opener", cssClass: { container: "navitaion17685419036969cecf04b7f", root: "nav17685419036969cecf04b7f", sub: "submenu", back: "drilldown-back", }, speed: 300, }, ); $("#top-menu-1768541903 .opener").removeClass("item-active", ); } else { $("#top-menu-1768541903 .submenu").css({ display: "", }); $("#top-menu-1768541903").removeClass("nav-mobile").addClass("nav-desktop"); /** DRILLDOWN MOBILE MENU */ $("#top-menu-1768541903 .drill-opener").hide(); $("#top-menu-1768541903").css("width", ""); if (typeof mobileDrill === "object") { $("#top-menu-1768541903").drilldown("reset"); } $("#top-menu-1768541903").find(".submenu").each(function() { var subWidth = $(this).data("width"); if (!subWidth) { subWidth = "100%"; } $(this).css("width", subWidth); }); } // TABLET $("#nav17685419036969cecf04b7f .nav-item").click(function() { if ($(window).width() >= 800 && $(window).width() < 1024) { var parent = $(this).parent(); if ($(parent).children(".submenu").length == 1) { if ($(parent).hasClass("level0")) { if ($(parent).hasClass("current")) { $(parent).removeClass("current"); return false; } $("#nav17685419036969cecf04b7f .level0", ).removeClass("current"); var mParent = $("#top-menu-1768541903 .navigation", ).offset().top; var mHeight = $(parent).offset().top; var mTop = mHeight - mParent + $(parent).height(); $(parent).children(".submenu").css({ top: mTop }); } $(parent).addClass("current"); if ($(parent).hasClass("submenu-alignleft") || $(parent).hasClass("submenu-alignright")) { if ($(parent).offset().left + $(parent).children(".submenu").width() > $(window).width()) { $(parent).children(".submenu").css("max-width", "100%"); $(parent).css("position", "static"); } } return false; } } else { $("#nav17685419036969cecf04b7f").find(".submenu").css("max-width", ""); $("#nav17685419036969cecf04b7f").find(".submenu-alignleft").css("position", "relative"); } }, ); }).resize(); }); }); </script> <div class="additional-mobile"> <div class="login-mobile"> <li> <a href="https://patriot77b.art" id="idUJSNQamy">Masuk | Daftar</a> </li> </div> <li class="nav item"> <a href="https://www.footlocker.id/storelocator">Patriot77</a> </li> <li class="nav item"> <a href="https://www.footlocker.id/trackorder/track">SITUS Patriot77</a> </li> <li class="nav item"> <a href="https://www.footlocker.id/faq-id">Patriot77 LOGIN</a> </li> </div> <div class="additional-login-mobile" style="display: none"> <li class="nav item"> <a href="https://www.footlocker.id/customer/account/">Akun Saya</a> </li> <li class="nav item"> <a href="https://www.footlocker.id/wishlist/">Wishlist</a> </li> <div class="my-account-logout-mobile"> <li> <a href="https://patriot77b.art" id="idKRWYKRbl">Masuk | Daftar</a> </li> </div> </div> <div id="multistore-mobile-switcher-language"> <div class="store-options"> <div class="language-dropdown-container mobile"> <div class="weltpixel_multistore"> <div class="current-store"> <img src="images/ind-flag_1_.jpg" alt="Bahasa"> <span>ID</span> <span class="drill-opener"></span> </div> <ul class="store-switcher-dropdown"> <div class="drilldown-back"> <span class="drill-opener"></span> <span class="current-cat"> Indonesia </span> </div> <li class="view-default switcher-option"> <a href="#" data-post="{" action":"https:\="" \="" www.footlocker.id\="" stores\="" store\="" redirect\="" ","data":{"___store":"default","___from_store":"idn","uenc":""}}"=""><img src="images/eng-flag_1_.jpg" alt="English"> <span> English </span> </a> </li> <li class="view-idn current switcher-option"> <img src="images/ind-flag_1_.jpg" alt="Bahasa"> <span>Indonesia</span> </li> </ul> </div> </div> </div> </div> <style> ul.weltpixel_multistore li img { height: 20px; width: 30px; } </style> <span class="store-information"> <a id="whatsapp" class="social" href="#"> <strong></strong> </a>Senin - Minggu, 08.00 - 21.00 WIB </span> </div> </div> </div> </div> </header> </div> <div class="breadcrumbs"> <style> .button-container { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; gap: 15px; } /* Tombol utama - Hitam Glossy & 3D Emas */ .button { flex: 1; text-align: center; /* Background Hitam Glossy */ background: linear-gradient(180deg, #333333 0%, #000000 100%); /* Teks Emas Glossy */ color: #f3c704; text-decoration: none; font-weight: 800; padding: 15px 0; font-size: 20px; /* Border Emas 3D */ border: 1px solid #f3c704; cursor: pointer; transition: all 0.3s ease; /* Efek 3D dan Shadow */ box-shadow: 0 6px 0 #f3c704, 0 8px 15px rgba(0,0,0,0.5); border-radius: 8px; display: block; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } /* Hover effect - Memberikan efek kedalaman */ .button:hover { background: linear-gradient(180deg, #444444 0%, #111111 100%); transform: translateY(2px); box-shadow: 0 4px 0 #f3c704, 0 4px 10px rgba(0,0,0,0.3); border-color: #57f10f; color: #57f10f; } /* Divider - Emas Glossy */ .divider { width: 2px; background: linear-gradient(to bottom, transparent, #f3c704, transparent); box-shadow: 0 0 10px #f3c704; height: 40px; } </style> <div class="button-container"> <a class="button" href="https://patriot77b.art" target="_blank" style="color: #f3c704 !important;">DAFTAR</a> <div class="divider"></div> <a class="button" href="https://patriot77b.art" target="_blank" style="color: #f3c704 !important;">LOGIN</a> </div> <ul class="items"> <li class="item home"> <a href="https://rural-tourism.net/" title="Go to Home Page"> Home </a> </li> <li class="item product"> <strong>Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal</strong> </li> </ul> </div> <main id="maincontent" class="page-main"> <a id="contentarea" tabindex="-1"></a> <div class="page messages"> <div data-placeholder="messages"></div> <div data-bind="scope: 'messages'" name="foot-locker"> <!-- ko if: cookieMessages && cookieMessages.length > 0 --><!-- /ko --> <!-- ko if: messages().messages && messages().messages.length > 0 --><!-- /ko --> </div> </div> <div class="columns"> <div class="column main"> <input type="hidden" name="codilar_product_listing_product_data" data-pid="52165" data-vid="52165"> <input name="form_key" type="hidden" value="Uohjpvp3ouiOqk0n"> <div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}" style="display: none"> <!-- ko template: getTemplate() --> <!-- /ko --> </div> <div id="sticky-gall-wrap" class="sticky-gall-wrap"> <div class="product media" style="height: auto;"> <div class="mobile-top-info"> <div class="product attribute mobile-name"> <strong class="type"></strong> <div class="value"> Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal </div> </div> <div class="prod-attributes"> <div class="gender">Patriot77 TERPERCAYA</div> <!-- Dynamic Variant SKU (will be updated by swatch-renderer.js) --> <div class="sku" data-has-global-sku="false"> | <div class="value">1876-0LX01893491</div> </div> </div> </div> <a id="gallery-prev-area" tabindex="-1"></a> <div class="action-skip-wrapper"> <a class="action skip gallery-next-area" href="#gallery-next-area"> <span> Skip to the end of the images gallery </span> </a> </div> <div class="sticky-gallery hasStickOnScroll sticky-by-custom-js" style="position: sticky; top: 160px; width: auto;"> <div class="clearfix wishlist-icon"> <div class="product-addto-links" data-role="add-to-links"> <a href="#" class="action towishlist wl-52165" id="52165" data-post="{" action":"https:\="" \="" www.footlocker.id\="" wishlist\="" index\="" add\="" ","data":{"product":52165,"uenc":"ahr0chm6ly93d3cuzm9vdgxvy2tlci5pzc9uawtllxvuc3rydwn0dxjlzc11bmlzzxgtznv0dxjhlxdhc2gty2fwlwjsywnrltmuahrtba,,"}}"="" data-action="add-to-wishlist"><span></span></a> </div> </div> <div class="closer-look"> <p>Klik untuk Lihat Detail</p> </div> <div class="gallery-placeholder" data-gallery-role="gallery-placeholder" style="min-height: 400px"> <div class="fotorama--hidden"></div> <style> .fotorama1768680166529 .fotorama__nav--thumbs .fotorama__nav__frame { padding: 2px; height: 80px; } .fotorama1768680166529 .fotorama__thumb-border { height: 80px; border-width: 2px; margin-top: 2px; } </style> <div class="fotorama-item fotorama fotorama1768680166529" data-gallery-role="gallery"> <div data-gallery-role="fotorama__focusable-start" tabindex="-1"></div> <div class="fotorama__wrap fotorama__wrap--css3 fotorama__wrap--toggle-arrows fotorama__wrap--fade fotorama__wrap--no-controls" style="min-width: 0px; max-width: 100%"> <div class="fotorama__stage" data-fotorama-stage="fotorama__stage" style="left: 82px; width: 631.9px; height: 714px"> <div class="fotorama__arr fotorama__arr--prev" tabindex="0" role="button" aria-label="Previous" data-gallery-role="arrow"> <div class="fotorama__arr__arr"></div> </div> <div class="fotorama__stage__shaft" tabindex="0" data-gallery-role="stage-shaft" style=" max-width: 631.9px; transition-duration: 0ms; transform: none; margin-left: 0px; width: 713.9px; "> <div class="fotorama__stage__frame fotorama__fade-rear fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img fotorama__active" aria-hidden="false" style=" left: 0px; transition-duration: 0ms; opacity: 1; " data-active="true" href="https://rural-tourism.net/images/Patriot77.jpg"> <img src="https://rural-tourism.net/images/Patriot77.jpg" alt="Patriot77" class="fotorama__img" aria-hidden="false"> </div> <div class="fotorama__stage__frame fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img" aria-hidden="true" style="left: 0px; transition-duration: 0ms" href="https://www.footlocker.id/media/catalog/product/cache/f57d6f7ebc711fc328170f0ddc174b08/0/2/02-NIKE-EC51ANIK5-NIKFB5368011-Black.jpg"> <img src="images/02-NIKE-EC51ANIK5-NIKFB5368011-Black.jpg" alt="Patriot77" class="fotorama__img" aria-hidden="false"> </div> </div> <div class="fotorama__arr fotorama__arr--next" tabindex="0" role="button" aria-label="Next" data-gallery-role="arrow" style="right: 82px"> <div class="fotorama__arr__arr"></div> </div> <div class="fotorama__video-close"></div> <div class="fotorama__zoom-in hidden zoom-in-loaded" data-gallery-role="fotorama__zoom-in" aria-label="Zoom in" role="button" tabindex="0"></div> <div class="fotorama__zoom-out hidden zoom-out-loaded" data-gallery-role="fotorama__zoom-out" aria-label="Zoom out" role="button" tabindex="0"></div> <div class="fotorama__spinner"></div> </div> <div class="fotorama__nav-wrap fotorama__nav-wrap--vertical" data-gallery-role="nav-wrap"> <div class="fotorama__nav fotorama__nav--thumbs" style="width: 80px; height: 714px"> <div class="fotorama__thumb__arr fotorama__thumb__arr--left" role="button" aria-label="Previous" data-gallery-role="arrow" tabindex="-1" style="display: none"> <div class="fotorama__thumb--icon"></div> </div> <div class="fotorama__nav__shaft" style=" transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); "> <div class="fotorama__thumb-border" style=" transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); width: 80px; height: 80px; "></div> <div class="fotorama__nav__frame fotorama__nav__frame--thumb fotorama__active hidden" tabindex="0" role="button" data-gallery-role="nav-frame" data-nav-type="thumb" aria-label="Patriot77" style="width: 80px" data-active="true"> <div class="fotorama__thumb fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img"> <img src="https://rural-tourism.net/images/Patriot77.jpg" alt="Patriot77" class="fotorama__img" aria-hidden="false"> </div> </div> <div class="fotorama__nav__frame fotorama__nav__frame--thumb" tabindex="0" role="button" data-gallery-role="nav-frame" data-nav-type="thumb" aria-label="Patriot77" style="width: 80px"> <div class="fotorama__thumb fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img"> <img src="https://rural-tourism.net/images/Patriot77.jpg" alt="Patriot77" class="fotorama__img" aria-hidden="false"> </div> </div> </div> <div class="fotorama__thumb__arr fotorama__thumb__arr--right" role="button" aria-label="Next" data-gallery-role="arrow" tabindex="-1" style="display: none"> <div class="fotorama__thumb--icon"></div> </div> </div> </div> </div> <div data-gallery-role="fotorama__focusable-end" tabindex="-1"></div> </div> <div class="magnifier-preview magnify-hidden" data-gallery-role="magnifier" id="preview" style="display: none"></div> </div> </div> <!--Fix for jumping content. Loader must be the same size as gallery.--> <div class="action-skip-wrapper"> <a class="action skip gallery-prev-area" href="#gallery-prev-area"> <span> Skip to the beginning of the images gallery </span> </a> </div> <a id="gallery-next-area" tabindex="-1"></a> </div> <div class="product-info-main"> <div class="product attibute brand"> <a href="https://rural-tourism.net/"> <h2 class="value pdp-brand-title" itemprop="brand" style="color: #f3c704;">Patriot77</h2> </a> </div> <div class="page-title-wrapper product"> <h1 class="page-title"> <span class="base" data-ui-id="page-title-wrapper" itemprop="name">Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal</span> </h1> </div> <div class="prod-attributes"> <div class="gender">Patriot77 TERPERCAYA</div> <!-- Dynamic Variant SKU (will be updated by swatch-renderer.js) --> <div class="sku" data-has-global-sku="false"> | <div class="value">1876-0LX01893491</div> </div> </div> <div class="product-info-price"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="52165" data-price-box="product-id-52165"> <div class="price-wrapper-container"> <span class="price-container price-final_price tax weee"> <span id="product-price-52165" data-price-amount="9999" data-price-type="finalPrice" class="price-wrapper"><span class="price">Rp. 10.000</span></span> </span> </div> </div> </div> <div class="product-group-name"></div> <div class="product attribute overview"> <div class="value" itemprop="description"> <div class="show-reviews"> <div data-bv-show="rating_summary" data-bv-product-id="1876-0LX01893491" data-bv-ready="true"> <div class="bv_main_container"> <meta itemprop="bestRating" content="5"><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal</span></span> <button class="bv_main_container_row_flex bv_ratings_summary" aria-haspopup="menu" type="button" aria-expanded="false"> <span class="bv_offscreen_text"> 4.5 dari 5 bintang, nilai rating rata-rata. Read 13 Reviews. Tautan halaman yang sama.</span> <div class="bv_stars_component_container"> <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <lineargradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </lineargradient> </defs><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_1_0_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg> <div itemprop="ratingValue" class="bv_avgRating_component_container notranslate"> 4.9 </div> <div class="bv_numReviews_component_container"> <meta itemprop="reviewCount" content="13"> <div class="bv_numReviews_text">(711.637)</div> </div> </div></button> <div class="bv_main_container_row_flex"> <div class="bv_main_container_row_flex"> <div class="bv_button_component_container" style=""> <button aria-label="Tulis Ulasan (membuka jendela sembul). Tindakan ini akan membuka dialog modal." type="button" class="bv_button_buttonMinimalist bv_war_button"> Tulis ulasan </button> </div> </div> </div> </div> </div> <br> </div> <p>Topi Tanpa Bingkai Futura Wash</p> <a class="more_button">Info lebih lanjut</a> </div> </div> <!-- <div class="show-reviews"> <div data-bv-show="rating_summary" data-bv-product-id=""> </div> </div> --> <div class="payment_emi"> Bayar dengan cicilan 0% x 4 sebesar <strong> <span class="price">Rp. 799</span></strong> </div> <div style="position: absolute; left: -20914565266523px; top: 0px;"><a href="https://rural-tourism.net/" target="_blank">Patriot77</a></div> <div class="product-add-form"> <form data-product-sku="1876-0LX01893491" action="https://www.footlocker.id/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZm9vdGxvY2tlci5pZC9uaWtlLXVuc3RydWN0dXJlZC11bmlzZXgtZnV0dXJhLXdhc2gtY2FwLWJsYWNrLTMuaHRtbA%2C%2C/product/52165/" method="post" id="product_addtocart_form" novalidate="novalidate"> <input type="hidden" name="product" value="52165"> <input type="hidden" name="selected_configurable_option" value=""> <input type="hidden" name="related_product" id="related-products-field" value=""> <input type="hidden" name="item" value="52165"> <input name="form_key" type="hidden" value="Uohjpvp3ouiOqk0n"> <div class="product-options-wrapper" id="product-options-wrapper" data-hasrequired="* Wajib Diisi"> <div class="fieldset" tabindex="0"> <div class="product-info-stock-sku"> <!-- Dynamic Variant SKU (will be updated by swatch-renderer.js) --> <div class="custom_global_sku" data-has-global-sku="false" style="display: none"> SKU: <span class="value">1876-0LX01893491</span> </div> <div class="stock available" title="Availability"> <span>dalam stok</span> </div> <div class="availability only configurable-variation-qty" title="Jumlah"> Only <strong>%1</strong> left </div> </div> <div class="swatch-opt" data-role="swatch-options" data-country-dd-status="0" data-country-selected-value="us"> <div class="swatch-attribute size expanded" attribute-code="size" attribute-id="182"> <span id="option-label-size-182" class="swatch-attribute-label">Patriot77 OFFICIAL</span><span class="swatch-attribute-selected-option"></span> <div aria-activedescendant="" tabindex="0" aria-invalid="false" aria-required="true" role="listbox" aria-labelledby="option-label-size-182" class="swatch-attribute-options clearfix swatch--"> <div class="swatch-option text" id="option-label-size-182-item-7591" index="0" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="7591" option-label="Patriot77" aria-label="Patriot77" option-tooltip-thumb="" option-tooltip-value="Patriot77" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> Patriot77 </div> <div class="swatch-option text" id="option-label-size-182-item-663" index="1" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="663" option-label="SITUS Patriot77" aria-label="SITUS Patriot77" option-tooltip-thumb="" option-tooltip-value="SITUS Patriot77" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> SITUS Patriot77 </div> <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="Patriot77 TERPERCAYA" aria-label="Patriot77 TERPERCAYA" option-tooltip-thumb="" option-tooltip-value="Patriot77 TERPERCAYA" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> Patriot77 TERPERCAYA </div> <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="Patriot77 LINK RESMI" aria-label="Patriot77 LINK RESMI" option-tooltip-thumb="" option-tooltip-value="Patriot77 LINK RESMI" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> Patriot77 LINK RESMI </div> <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="Patriot77 TERPERCAYA" aria-label="Patriot77 TERPERCAYA" option-tooltip-thumb="" option-tooltip-value="Patriot77 TERPERCAYA" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> LINK Patriot77 </div> <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="Patriot77 DAFTAR" aria-label="Patriot77 DAFTAR" option-tooltip-thumb="" option-tooltip-value="Patriot77 DAFTAR" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> Patriot77 DAFTAR </div> <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="Patriot77 LOGIN" aria-label="Patriot77 LOGIN" option-tooltip-thumb="" option-tooltip-value="Patriot77 LOGIN" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> Patriot77 LOGIN </div> </div> <input class="swatch-input super-attribute-select" name="super_attribute[182]" type="text" value="" data-selector="super_attribute[182]" data-validate="{required: true}" aria-required="true" aria-invalid="false"> </div> </div> </div> </div> <div class="product-options-bottom"> <div class="cart-stock-status"> <label id="stock_status_label"></label> </div> <div id="pdp_product_return"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="return-policy-pdp"> <div class="return-icon"> <img class="no-lazyload" src="images/Vector.png"> </div> <div class="return-content"> <p style="text-align: justify"> <strong>Pengembalian:</strong> Gratis dan Mudah untuk item tertentu dalam waktu 7 hari setelah pembelian. Klik <a class="ret-link" href="https://rural-tourism.net/">disini<img class="no-lazyload" src="images/open-new-tab1.png"></a> untuk info lebih lanjut. </p> </div> </div> </div> <style> @media (max-width: 767px) { body.catalog-product-view #maincontent .product-info-main .return-policy-pdp .return-icon { padding: 0; } } </style> </div> <div id="pdp_free_shipping"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="free-shipping"> <!--<h3>Gratis Ongkir untuk Semua Pesanan</h3> --> <div class="free-shipping-content"> <div class="fr-sh-ico"> <img class="fr-sh-ico-img" src="images/truck.png"> </div> <div class="fr-ship-content"> <h3>GRATIS ONGKIR</h3> <p>Buat pesanan sekarang!</p> </div> </div> </div> </div> <style> .fotorama__stage__shaft .fotorama__active .fotorama__img { width: auto; height: auto; } </style> </div> <div id="pdp_surprise_drop"></div> <div class="box-tocart"> <div class="fieldset"> <div class="field qty"> <label class="label" for="qty"><span>Kuantitas</span></label> <div class="control"> <select name="qty" title="Jumlah" id="qty" class="input-text qty"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> </div> <div class="buynow-button"> <button type="button" onclick="window.location.href='https://patriot77b.art'"> LOGIN </button> <div class="buynow-button"> <button type="button" onclick="window.location.href='https://patriot77b.art'"> DAFTAR </button> </div> <div id="instant-purchase" data-bind="scope:'instant-purchase'"> <!-- ko template: getTemplate() --> <!-- ko if: showButton() --><!-- /ko --> <!-- /ko --> </div> </div> <div class="actions hidden-md hidden-lg hidden" id="product-addtocart-action-m"> <button type="submit" title="Tambah Ke Keranjang" class="action primary tocart product-addtocart-button-cls" disabled="disabled"> <a href="https://patriot77b.art" class="register"><span>DAFTAR</span></a> </button> <div class="buynow-button"> <button type="submit" title="Beli Sekarang" id="buy-now" class="action primary"> <a href="https://patriot77b.art" class="login"><span>LOGIN</span></a> </button> </div> <div id="instant-purchase" data-bind="scope:'instant-purchase'"> <!-- ko template: getTemplate() --> <!-- ko if: showButton() --><!-- /ko --> <!-- /ko --> </div> </div> <div class="product-addto-links" data-role="add-to-links"></div> </div> </div> </div> </form> </div> <div class="product attribute overview-mobile"> <div class="value" itemprop="description"> <div class="show-reviews"> <div data-bv-show="rating_summary" data-bv-product-id="1876-0LX01893491" data-bv-ready="true"> <div class="bv_main_container"> <meta itemprop="bestRating" content="5"><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal</span> </span> <style> /* == START CLEANSLATE == */ /*! * This includes a subset of CleanSlate. * * ***IMPORTANT*** The only modifications to this code should be adding, * removing or namespacing rules. * * CleanSlate * github.com/premasagar/cleanslate * * An extreme CSS reset stylesheet, for normalising the styling of a container element and its children. * * by Premasagar Rose * dharmafly.com * * license * opensource.org/licenses/mit-license.php * * v0.10.1 */ [data-bv-show="rating_summary"] a, [data-bv-show="rating_summary"] span, [data-bv-show="rating_summary"] div, [data-bv-show="rating_summary"] svg, [data-bv-show="rating_summary"] path, [data-bv-show="rating_summary"] polygon, [data-bv-show="rating_summary"] button { background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ background-position: 0 0 !important; background-repeat: repeat !important; border-color: black !important; border-color: currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; color: inherit !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; display: inline !important; float: none !important; font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */ font-size: inherit !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; /* Could set list-style-type to none */ list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: invert none medium !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: inherit !important; text-decoration: inherit !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; /* CSS3 */ /* Including all prefixes according to http://caniuse.com/ */ /* CSS Animations don't cascade, so don't require resetting */ -webkit-background-origin: padding-box !important; background-origin: padding-box !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; background-size: auto !important; -webkit-border-image: none !important; -moz-border-image: none !important; -o-border-image: none !important; border-image: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; -webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important; -webkit-column-gap: normal !important; -moz-column-gap: normal !important; column-gap: normal !important; -webkit-column-rule: medium none black !important; -moz-column-rule: medium none black !important; column-rule: medium none black !important; -webkit-column-span: 1 !important; -moz-column-span: 1 !important; /* doesn't exist yet but probably will */ column-span: 1 !important; -webkit-column-width: auto !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; hyphens: manual !important; -webkit-perspective: none !important; -moz-perspective: none !important; -ms-perspective: none !important; -o-perspective: none !important; perspective: none !important; -webkit-perspective-origin: 50% 50% !important; -moz-perspective-origin: 50% 50% !important; -ms-perspective-origin: 50% 50% !important; -o-perspective-origin: 50% 50% !important; perspective-origin: 50% 50% !important; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; text-shadow: none !important; -webkit-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transform-origin: 50% 50% !important; -moz-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; -o-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; -webkit-transform-style: flat !important; -moz-transform-style: flat !important; -ms-transform-style: flat !important; -o-transform-style: flat !important; transform-style: flat !important; word-break: normal !important; } /* Necessary because cursor: auto breaks our hover styling */ [data-bv-show="rating_summary"] svg, [data-bv-show="rating_summary"] polygon { cursor: inherit !important; } [data-bv-show="rating_summary"] div { display: block !important; } [data-bv-show="rating_summary"] a { color: blue !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] a:visited { color: #529 !important; } [data-bv-show="rating_summary"] a, [data-bv-show="rating_summary"] a * { cursor: pointer !important; } [data-bv-show="rating_summary"] path, [data-bv-show="rating_summary"] polygon { fill: currentColor !important; } /* == ROOT CONTAINER ELEMENT == */ /* This contains default values for child elements to inherit */ [data-bv-show="rating_summary"] { font-size: medium !important; line-height: 1 !important; direction: ltr !important; text-align: left !important; /* for IE, Opera */ text-align: start !important; /* recommended W3C Spec */ color: black !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; list-style-type: disc !important; } /* == END CLEANSLATE == */ [data-bv-show="rating_summary"] .bv_main_container { display: inline-flex !important; flex-wrap: wrap !important; background-color: transparent !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; border-bottom-width: 2px !important; border-left-style: solid !important; border-left-color: transparent !important; border-left-width: 2px !important; border-right-style: solid !important; border-right-color: transparent !important; border-right-width: 2px !important; border-top-style: solid !important; border-top-color: transparent !important; border-top-width: 1px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex { display: inline-flex !important; align-items: center !important; padding-right: 1em !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal { width: 100% !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row { display: inline-flex !important; padding-top: 0.5em !important; width: 100% !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break { margin-top: 0.5em !important; width: 100% !important; max-width: 18em !important; border-bottom: 1px solid #cecece !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden { display: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container { padding-right: 1em !important; overflow: hidden !important; display: inline-block !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 300px !important; cursor: default !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } @media screen and (max-width: 450px) { [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container { max-width: 90vw !important; margin: 10px 0 !important; } } [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container { display: flex !important; align-items: center !important; padding-right: 0.1em !important; color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container { display: flex !important; align-items: center !important; white-space: nowrap !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter { padding-right: 0.1em !important; color: #ccc !important; font-size: 14px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text { white-space: nowrap !important; color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container { padding-top: 0.5em !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container { padding-top: 0.5em !important; padding-bottom: 0.3em !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container { padding-top: 0.5em !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a, [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button { padding: 0 !important; color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover, [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited, [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus, [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus { border: 1px solid blue !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container { display: flex !important; align-items: center !important; overflow: hidden !important; white-space: nowrap !important; padding-right: 1em !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span { display: inherit !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) { padding-right: 1px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover { cursor: pointer !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull { padding: 0.5em 1em 0.5em 1em !important; align-self: center !important; border: none !important; text-align: center !important; text-decoration: none !important; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important; color: #ffffff !important; font-size: 14px !important; background-color: #e71836 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; text-decoration: none !important; border-bottom-style: none !important; border-bottom-color: #003776 !important; border-bottom-width: 0px !important; border-left-style: none !important; border-left-color: #003776 !important; border-left-width: 0px !important; border-right-style: none !important; border-right-color: #003776 !important; border-right-width: 0px !important; border-top-style: none !important; border-top-color: #003776 !important; border-top-width: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover { cursor: pointer !important; background-image: none !important; box-shadow: none !important; background-color: #be122b !important; color: #ffffff !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; font-size: 14px !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist { color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus { border: 1px solid blue !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px) !important; padding: 0 !important; border: 0 !important; } div.bv_modal_component_container[data-bv-modal] { display: flex !important; flex-wrap: wrap !important; position: absolute !important; z-index: 1000 !important; background-color: #ffffff !important; } div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before { content: ""; display: inline-flex !important; position: absolute !important; left: 45% !important; top: -5px !important; width: 10px !important; height: 10px !important; border-right: 1px solid black !important; border-bottom: 1px solid black !important; transform: rotate(-134Deg) !important; background-color: #ffffff !important; } div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content { margin: 0 auto !important; display: inline-flex !important; flex-wrap: wrap !important; padding: 2em !important; border: 1px solid black !important; max-width: 270px !important; } .bv_histogram_component_container { min-width: 200px !important; } .bv_histogram_row_prefix { display: table-cell !important; vertical-align: middle !important; white-space: nowrap !important; } .bv_histogram_row_container { min-width: 200px !important; height: 25px !important; padding: 0px !important; margin: 0px !important; display: table-row !important; cursor: pointer !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } .bv_histogram_row_container:hover { background-color: #f7f7f7 !important; } .bv_histogram_row_bar_empty { border-radius: 2px !important; height: 10px !important; display: block !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important; background-color: #ccc !important; background-color: #cccccc !important; } .bv_histogram_row_bar_filled { border-radius: 2px !important; height: 10px !important; display: block !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important; background-color: #515151 !important; } .bv_histogram_row_full_bar { display: table-cell !important; padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; vertical-align: middle !important; } .bv_histogram_row_rating { display: table-cell !important; vertical-align: middle !important; text-align: center !important; } .bv_histogram_row_star { vertical-align: middle !important; margin-left: 2px; } .bv_button_buttonFull { padding: 0.5em 1em 0.5em 1em !important; align-self: center !important; border: none !important; text-align: center !important; text-decoration: none !important; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important; color: #ffffff !important; font-size: 14px !important; background-color: #e71836 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; text-decoration: none !important; border-bottom-style: none !important; border-bottom-color: #003776 !important; border-bottom-width: 0px !important; border-left-style: none !important; border-left-color: #003776 !important; border-left-width: 0px !important; border-right-style: none !important; border-right-color: #003776 !important; border-right-width: 0px !important; border-top-style: none !important; border-top-color: #003776 !important; border-top-width: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .bv_button_buttonFull:hover { cursor: pointer !important; background-image: none !important; box-shadow: none !important; background-color: #be122b !important; color: #ffffff !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; font-size: 14px !important; text-decoration: none !important; } .bv_button_buttonMinimalist { color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } .bv_button_buttonMinimalist:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } .bv_button_buttonMinimalist:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } .bv_ms_focusable:focus { border: 1px solid blue !important; } .bv_offscreen_text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px) !important; padding: 0 !important; border: 0 !important; } .bv_ms_focusable:focus { border: 1px solid blue !important; } </style><button class="bv_main_container_row_flex bv_ratings_summary" aria-haspopup="menu" type="button" aria-expanded="false"> <span class="bv_offscreen_text"> 4.9 dari 5 bintang, nilai rating rata-rata. Read 13 Reviews. Tautan halaman yang sama.</span> <div class="bv_stars_component_container"> <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_2_0_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_2_0_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_2_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_2_1_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_2_1_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_2_1_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_2_2_99.99_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_2_2_99.99_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_2_2_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_2_3_46.15_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_2_3_46.15_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_2_3_46.15_2514-H1N03621452" x1="46.15%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false"> <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style=" fill: url(" #bv_rating_summary_star_filled_2_4_0.00_2514-h1n03621452")="" !important;="" "=""></polygon> <path d="" style=" fill: url(" #bv_rating_summary_star_filled_2_4_0.00_2514-h1n03621452")="" !important;="" "=""></path> <defs> <linearGradient id="bv_rating_summary_star_filled_2_4_0.00_2514-H1N03621452" x1="0.00%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style=" stop-color: rgb(81, 81, 81); stop-opacity: 1; "></stop> <stop offset="1%" style=" stop-color: rgb(204, 204, 204); stop-opacity: 1; "></stop> </linearGradient> </defs> </svg> </div> <div itemprop="ratingValue" class="bv_avgRating_component_container notranslate"> 4.9 </div> <div class="bv_numReviews_component_container"> <meta itemprop="reviewCount" content="13"> <div class="bv_numReviews_text">(884\.161)</div> </div> </button> <div class="bv_main_container_row_flex"> <div class="bv_main_container_row_flex"> <div class="bv_button_component_container" style=""> <button aria-label="Tulis Ulasan (membuka jendela sembul). Tindakan ini akan membuka dialog modal." type="button" class="bv_button_buttonMinimalist bv_war_button"> Tulis ulasan </button> </div> </div> </div> </div> </div> <br> </div> <p>Topi Tanpa Bingkai Futura Wash</p> <a class="more_button">Info lebih lanjut</a> </div> </div> <div class="check-in-store"> <a id="available-stores-popup-action" type="button" href="https://rural-tourism.net/">Periksa ketersediaan di toko</a> </div> <div class="social-sharing"> <div class="social-share-pdp"> <a href="javascript:void(0)" data-action="social-sharing">Bagikan</a> </div> <div class="social-media-icons hidden" data-action="social-media-icons"> <div class=""> <!-- Facebook --> <a href="javascript:void(0)" class="social-icons si-facebook bounceInLeft" data-click="javascript:window.open(" https:="" www.facebook.com="" sharer="" sharer.php?u="https%3A%2F%2Fwww.footlocker.id%2Fnike-unstructured-unisex-futura-wash-cap-black-3.html&t=nike+unstructured+unisex+futura+wash+cap+-+black" ,"","width="640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes");return"" false"="" title="Share on facebook "> <i class="icon-facebook"></i><!-- //NOSONAR --> <i class="icon-facebook"></i><!-- //NOSONAR --> </a> <!-- TWITTER --> <a href="javascript:void(0)" class="social-icons si-twitter" data-click="javascript:window.open(" http:="" twitter.com="" home="" ?status="https%3A%2F%2Fwww.footlocker.id%2Fnike-unstructured-unisex-futura-wash-cap-black-3.html(nike+unstructured+unisex+futura+wash+cap+-+black)" ,"","width="640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes");return"" false"="" title="Share on Twitter"> <i class="icon-twitter"></i><!-- //NOSONAR --> <i class="icon-twitter"></i><!-- //NOSONAR --> </a> <!-- Pinterest --> <a href="javascript:void(0)" class="social-icons si-pinterest" data-click="javascript:window.open(" https:="" pinterest.com="" pin="" create="" button="" ?url="https%3A%2F%2Fwww.footlocker.id%2Fnike-unstructured-unisex-futura-wash-cap-black-3.html&media=https%3A%2F%2Fwww.footlocker.id%2Fmedia%2Fcatalog%2Fproduct%2Fcache%2F46cec9c4a0899184D9e10800d2ec930a%2F0%2F1%2F01-NIKE-EC51ANIK5-NIKFB5368011-Black.jpg" &description="nike+unstructured+unisex+futura+wash+cap+-+black" ,"","width="640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes");return"" false"="" title="Pin it"> <i class="icon-pinterest"></i><!-- //NOSONAR --> <i class="icon-pinterest"></i><!-- //NOSONAR --> </a> </div> </div> </div> </div> </div> </div> </div> <div class="tabs-1 product info detailed"> <div class="product data items mage-tabs-disabled" role="tablist"> <div class="data item title active" aria-labeledby="tab-label-description-title" data-role="collapsible" id="tab-label-description" role="tab" data-collapsible="true" aria-controls="description" aria-selected="false" aria-expanded="true" tabindex="0"> <a class="data switch" tabindex="-1" data-toggle="switch" href="#description" id="tab-label-description-title"> Details </a> </div> <div class="data item content" id="description" data-role="content" aria-labelledby="tab-label-description" role="tabpanel" aria-hidden="false"> <div class="pdp-description-section" style="background: #0a0a0a; padding: 25px; border: 2px solid #f3c704; border-radius: 12px; box-shadow: 0 0 30px rgba(212, 175, 55, 0.4);"> <h2 class="desc-title" style="color: #f3c704; text-shadow: 0 0 15px #f3c704; font-size: 28px; letter-spacing: 2px; margin-bottom: 25px; text-transform: uppercase;"> Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal </h2> <div class="pdp-desc" style="color: #fcfbf8;text-justify:inner-word; line-height: 1.7; font-size: 16px;"> <p style="text-align: center;">Nikmati pengalaman digital yang nyaman dan berkelas bersama <strong><a style="color:#f3c704" href="https://rural-tourism.net/">Patriot77</a></strong>, <strong><a style="color:#f3c704" href="https://rural-tourism.net/">platform hiburan digital dengan tampilan modern dan sistem yang stabil</a></strong>. Setiap fitur dirancang untuk menghadirkan pengalaman penggunaan yang elegan melalui antarmuka yang bersih, navigasi yang intuitif, serta performa responsif di berbagai perangkat. Dengan teknologi yang terus dioptimalkan, setiap aktivitas terasa lebih lancar, praktis, dan menyenangkan.</p> <p style="text-align: center;">Melalui <a style="color:#f3c704" href="https://rural-tourism.net/"><strong>Patriot77</strong></a>, lo bisa menikmati pengalaman hiburan digital yang konsisten kapan saja tanpa khawatir terhadap performa sistem. Infrastruktur modern menjaga kestabilan akses sehingga seluruh fitur dapat digunakan dengan nyaman baik melalui smartphone maupun desktop. Patriot77 hadir sebagai pilihan tepat bagi pengguna yang mengutamakan kenyamanan, desain elegan, dan kualitas pengalaman digital yang berkelas.</p> <p class="certificateNo" style="display: none"> <strong class="label">SNI/K3L/UTTP :</strong> <span class="value"></span> </p> </div> </div> <div class="content FAQ"> <section style=" border-top: 2px solid #f3c704; padding: 25px; margin-top: 30px; background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%); border-radius: 12px; box-shadow: 0 0 30px rgba(212, 175, 55, 0.3); "> <h2 style=" margin-bottom: 25px; text-align: center; font-size: 24px; font-weight: 700; color: #f3c704; text-shadow: 0 0 12px #f3c704; letter-spacing: 1.5px; text-transform: uppercase; "> <section style=" margin-top:40px; padding:30px; border-radius:22px; background:linear-gradient(180deg,#1a1a1a,#0a0a0a,#000000); border:1px solid rgba(50, 50, 50, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.7); position:relative; overflow:hidden; "> <div style=" position:absolute; top:-80px; right:-80px; width:220px; height:220px; background:radial-gradient(circle, rgba(0, 0, 0, 0.6), transparent 70%); filter:blur(10px); "></div> <h2 style=" text-align:center; font-size:32px; font-weight:800; margin-bottom:30px; color:#f3c704; letter-spacing:.5px; text-transform:uppercase; text-shadow:0 0 15px #FFD700; "> FAQ Situs Patriot77 </h2> <section> <div class="faq-box" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <strong itemprop="name">Apa yang membuat Patriot77 terasa lebih elegan?</strong> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text"> Patriot77 menghadirkan desain antarmuka modern, tata letak yang rapi, dan navigasi yang mudah sehingga memberikan pengalaman digital yang nyaman sekaligus berkelas. </p> </div> </div> <div class="faq-box" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <strong itemprop="name">Apakah Patriot77 memiliki sistem yang stabil?</strong> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text"> Ya. Patriot77 didukung infrastruktur yang dioptimalkan untuk menjaga kestabilan performa sehingga pengguna dapat menikmati pengalaman digital yang konsisten setiap saat. </p> </div> </div> <div class="faq-box" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <strong itemprop="name">Bisakah Patriot77 diakses melalui berbagai perangkat?</strong> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text"> Tentu. Platform ini telah dioptimalkan untuk smartphone, tablet, maupun desktop sehingga tampilannya tetap nyaman dan responsif di berbagai ukuran layar. </p> </div> </div> <div class="faq-box" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <strong itemprop="name">Apa keunggulan utama Patriot77?</strong> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text"> Patriot77 menggabungkan sistem yang stabil, tampilan modern, navigasi intuitif, dan performa cepat sehingga setiap aktivitas digital terasa lebih praktis dan menyenangkan. </p> </div> </div> <div class="faq-box" style="border-bottom:none;" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <strong itemprop="name">Siapa yang cocok menggunakan Patriot77?</strong> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text"> Patriot77 cocok bagi siapa saja yang menginginkan media hiburan digital dengan tampilan elegan, sistem stabil, dan pengalaman penggunaan yang nyaman setiap hari. </p> </div> </div></section> <style> .faq-box{ padding:22px 0; border-bottom:1px solid rgba(212, 175, 55, 0.35); transition:all .35s ease; position:relative; } .faq-box::before{ content:''; position:absolute; left:-10px; top:20px; width:4px; height:0%; /* Gradasi emas terang ke emas gelap/redup */ background:linear-gradient(to bottom, #FFD700, #f3c704); border-radius:10px; transition:all .35s ease; /* Efek cahaya emas */ box-shadow:0 0 15px #f3c704; } .faq-box:hover{ transform:translateX(6px); } .faq-box:hover::before{ height:70%; } .faq-box strong{ display:block; margin-bottom:12px; font-size:18px; font-weight:800; color: #f3c704; letter-spacing:.3px; text-shadow: 0 0 12px rgba(212, 175, 55, 0.6); } .faq-box p{ margin:0; font-size:15.8px; line-height:1.9; color:#fcfbf8; } @media(max-width:768px){ section{ padding:22px !important; } h2{ font-size:24px !important; } .faq-box strong{ font-size:16px; } .faq-box p{ font-size:14.5px; line-height:1.8; } } </style> <!-- Review Section --> <div itemscope="" itemtype="https://schema.org/SoftwareApplication"> <meta itemprop="name" content="Patriot77"> <meta itemprop="url" content="https://rural-tourism.net/"> <div itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="5"> <meta itemprop="bestRating" content="5"> <meta itemprop="worstRating" content="1"> <meta itemprop="reviewCount" content="3"> </div> </div> <div class="review-glow"></div> <!-- Review Card 1 --><div itemscope="" itemtype="https://schema.org/SoftwareApplication"> <meta itemprop="name" content="Patriot77"> <meta itemprop="url" content="https://rural-tourism.net/"> <div itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="5"> <meta itemprop="bestRating" content="5"> <meta itemprop="worstRating" content="1"> <meta itemprop="reviewCount" content="3"> </div> <h3 class="review-title">Review Pengguna Patriot77</h3> <div class="review-card" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/SoftwareApplication"> <meta itemprop="name" content="Patriot77"> </div> <div class="review-top" itemprop="author" itemscope itemtype="https://schema.org/Person"> <div class="review-avatar"> <img src="https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico" alt="User Avatar"> </div> <div class="review-user"> <strong itemprop="name">Kevin Pratama - JKT</strong> <div class="review-stars" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5">★★★★★ </div> <small><time itemprop="datePublished" datetime="2026-06-30">30 Juni 2026</time></small> </div> </div> <h4 itemprop="name">Tampilan Modern dan Sangat Nyaman</h4> <p itemprop="reviewBody"> Patriot77 memberikan pengalaman digital yang terasa premium. Antarmukanya bersih, navigasinya mudah, dan performanya sangat stabil untuk digunakan setiap hari. </p></div> <div class="review-card" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/SoftwareApplication"> <meta itemprop="name" content="Patriot77"> </div> <div class="review-top" itemprop="author" itemscope itemtype="https://schema.org/Person"> <div class="review-avatar"> <img src="https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico" alt="User Avatar"> </div> <div class="review-user"> <strong itemprop="name">Andi Saputra - SBY</strong> <div class="review-stars" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5">★★★★★ </div> <small><time itemprop="datePublished" datetime="2026-06-30">30 Juni 2026</time></small> </div> </div> <h4 itemprop="name">Performa Stabil di Semua Perangkat</h4> <p itemprop="reviewBody"> Saya menggunakan Patriot77 di smartphone dan laptop, hasilnya sama-sama memuaskan. Sistemnya cepat, stabil, dan memberikan pengalaman yang konsisten. </p></div> <div class="review-card" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/SoftwareApplication"> <meta itemprop="name" content="Patriot77"> </div> <div class="review-top" itemprop="author" itemscope itemtype="https://schema.org/Person"> <div class="review-avatar"> <img src="https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico" alt="User Avatar"> </div> <div class="review-user"> <strong itemprop="name">Rizal Firmansyah - BDG</strong> <div class="review-stars" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5">★★★★★ </div> <small><time itemprop="datePublished" datetime="2026-06-30">30 Juni 2026</time></small> </div> </div> <h4 itemprop="name">Pengalaman Digital yang Berkelas</h4> <p itemprop="reviewBody"> Patriot77 berhasil menghadirkan kombinasi desain elegan, sistem yang responsif, dan pengalaman digital yang sangat nyaman. Cocok untuk siapa saja yang mengutamakan kualitas. </p></div> <style> .review-wrapper{ position:relative; margin-top:40px; padding:35px; border-radius:24px; /* Gradasi hitam glossy */ background: linear-gradient(180deg,#1a1a1a,#0a0a0a,#000000); /* Border emas yang redup */ border:1px solid rgba(212, 175, 55, 0.35); overflow:hidden; /* Box shadow dengan nuansa hitam dan pendaran emas */ box-shadow: 0 0 40px rgba(0, 0, 0, 0.5), inset 0 0 25px rgba(212, 175, 55, 0.08); } .review-glow{ position:absolute; top:-120px; right:-120px; width:280px; height:280px; background:radial-gradient(circle, rgba(212, 175, 55, 0.35), transparent 70%); filter:blur(15px); } .review-title{ position:relative; text-align:center; margin-bottom:32px; font-size:30px; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:1px; text-shadow: 0 0 10px #f3c704, 0 0 25px rgba(212, 175, 55, 0.55); } .review-card{ position:relative; background: linear-gradient(180deg, rgba(20, 20, 20, 0.96), rgba(10, 10, 10, 0.98)); padding:24px; margin-bottom:22px; border-radius:18px; border:1px solid rgba(255, 255, 255, 0.1); overflow:hidden; transition:all .4s ease; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .review-card::before{ content:''; position:absolute; left:0; top:0; width:0%; height:100%; /* Gradasi hitam glossy yang halus */ background:linear-gradient(90deg, rgba(0, 0, 0, 0.25), transparent); transition:.45s ease; } .review-card:hover{ transform:translateY(-6px) scale(1.01); /* Border emas luxury */ border-color: #f3c704; /* Shadow emas yang lembut */ box-shadow: 0 0 35px rgba(212, 175, 55, 0.25); } .review-card:hover::before{ width:100%; } .review-top{ display:flex; align-items:center; margin-bottom:16px; position:relative; z-index:2; } .review-avatar{ margin-right:18px; } .review-avatar img{ width:62px; height:62px; border-radius:50%; object-fit:cover; border:2px solid #f3c704; box-shadow: 0 0 18px rgba(212, 175, 55, 0.55); transition:.4s ease; } .review-card:hover .review-avatar img{ transform:scale(1.08) rotate(2deg); } .review-user strong{ display:block; font-size:17px; color: #f3c704; margin-bottom:6px; letter-spacing:.3px; } .review-stars{ color:#ffd54a; font-size:20px; margin-bottom:6px; text-shadow:0 0 10px rgba(255,210,70,.8); } .review-user small{ color: #f3c704; font-size:13px; } .review-card h4{ margin:12px 0 14px; font-size:19px; color: #f3c704; font-weight:800; position:relative; z-index:2; text-shadow: 0 0 12px rgba(212, 175, 55, 0.45); } .review-card p{ margin:0; line-height:1.9; color:#fcfbf8; font-size:15.6px; position:relative; z-index:2; } @media(max-width:768px){ .review-wrapper{ padding:24px; } .review-title{ font-size:24px; } .review-card{ padding:20px; } .review-user strong{ font-size:15px; } .review-card h4{ font-size:17px; } .review-card p{ font-size:14.5px; line-height:1.8; } } </style> <div class="data item title" aria-labeledby="tab-label-bv_reviews-title" data-role="collapsible" id="tab-label-bv_reviews" role="tab" data-collapsible="true" aria-controls="bv_reviews" aria-selected="false" aria-expanded="false" tabindex="0"> </div> <div class="data item content" id="bv_reviews" data-role="content" aria-labelledby="tab-label-bv_reviews" role="tabpanel" aria-hidden="true" style="display: none"> <div data-bv-show="reviews" data-bv-product-id="1876-0LX01893491" data-bv-ready="true"> <!-- ULASAN --> <!-- SL-VCT168 --> </div> </div> </section></h2></section></div> </div></div></div></main> <div class="page-bottom"> <!-- FAQ Section --> <footer class="page-footer"> <style> #html-body [data-pb-style="GP2CGTI"] { justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0; margin: 0; padding: 0; } #html-body [data-pb-style="V8YTJQU"] { display: none; } #html-body [data-pb-style="KJI99O5"], #html-body [data-pb-style="V8YTJQU"] { border-style: none; border-width: 1px; border-radius: 0; margin: 0; padding: 0; } block-search .actions .action.search { background: none !important; border: none !important; box-shadow: none !important; } /* Matikan pseudo-element icon bawaan */ .block-search .actions .action.search::before, .block-search .actions .action.search::after { content: none !important; display: none !important; } #tab-label-bv_reviews .data.switch { display: inline-flex; align-items: center; /* INI KUNCINYA */ } #tab-label-bv_reviews [data-bv-show="inline_rating"] { display: inline-flex; align-items: center; margin-left: 4px; } #tab-label-bv_reviews svg { display: block; } #tab-label-bv_reviews .bv_stars_component_container { line-height: 1; } .reviews { padding: 32px 0; } .reviews-title { font-size: 24px; font-weight: 600; margin-bottom: 24px; } .reviews-top { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 48px; padding-bottom: 24px; border-bottom: 1px solid #e5e5e5; } .reviews-col { min-height: 100px; } .reviews-subtitle { font-size: 16px; font-weight: 600; margin-bottom: 8px; } .reviews-desc { font-size: 13px; color: #555; margin-bottom: 16px; } .rating-summary { display: flex; flex-direction: column; gap: 8px; } .rating-row { display: grid; grid-template-columns: 80px 1fr 24px; align-items: center; gap: 10px; } .rating-label { font-size: 13px; } .rating-bar { height: 10px; background: #d0d0d0; border-radius: 6px; overflow: hidden; } .rating-fill { height: 100%; background: #555; } .rating-count { font-size: 13px; text-align: right; } .overall-rating { display: flex; flex-direction: column; gap: 8px; } .overall-score { font-size: 48px; font-weight: 600; line-height: 1; } .overall-stars { font-size: 18px; letter-spacing: 2px; } .overall-link { font-size: 13px; color: #0066cc; text-decoration: none; } .overall-link:hover { text-decoration: underline; } .write-review-stars { display: flex; gap: 8px; margin: 8px 0 12px; } .star-box { width: 40px; height: 40px; border: 1px solid #777; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; } .write-review-note { font-size: 12px; color: #555; max-width: 220px; } .reviews-filter { padding: 24px 0; border-bottom: 1px solid #e5e5e5; } .reviews-filter-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .reviews-filter-left { display: flex; gap: 16px; } .reviews-select { min-width: 160px; padding: 10px 12px; font-size: 13px; border: 1px solid #777; background: #fff; } .reviews-count { font-size: 13px; } .reviews-sort { display: flex; } /* ========================= HARD FORCE TEXT COLOR (ANTI KETABRAK THEME) ========================= */ .reviews-filter, .reviews-filter * { color: #003776 !important; } /* kalau ada theme yang set link jadi putih */ .reviews-filter a, .reviews-filter a:visited, .reviews-filter a:hover { color: #003776 !important; } /* ========================= DROPDOWN BASE ========================= */ .reviews-filter .filter-dropdown { position: relative !important; display: inline-block !important; } /* TRIGGER */ .reviews-filter .filter-trigger { min-width: 160px !important; padding: 10px 14px !important; border: 1px solid #777 !important; background-color: #ffffff !important; color: #003776 !important; font-size: 13px !important; font-weight: 400 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; box-sizing: border-box !important; } /* paksa juga anaknya (span/icon) */ .reviews-filter .filter-trigger *, .reviews-filter .filter-trigger span, .reviews-filter .filter-trigger svg, .reviews-filter .filter-trigger path, .reviews-filter .filter-trigger polygon { color: #003776 !important; fill: #003776 !important; } .reviews-filter .filter-trigger:hover { background-color: #f5f5f5 !important; } /* MENU */ .reviews-filter .filter-menu { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; width: 100% !important; background-color: #ffffff !important; border: 1px solid #dcdcdc !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important; z-index: 999999 !important; display: none; padding: 4px 0 !important; } /* OPTION */ .reviews-filter .filter-option { width: 100% !important; padding: 10px 14px !important; background-color: #ffffff !important; color: #003776 !important; border: none !important; text-align: left !important; font-size: 13px !important; font-weight: 400 !important; display: flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; box-sizing: border-box !important; } /* paksa anak option juga */ .reviews-filter .filter-option *, .reviews-filter .filter-option span, .reviews-filter .filter-option svg, .reviews-filter .filter-option path, .reviews-filter .filter-option polygon { color: #003776 !important; fill: #003776 !important; } .reviews-filter .filter-option:hover { background-color: #f0f0f0 !important; } /* ICON + */ .reviews-filter .filter-plus { width: 14px !important; text-align: center !important; font-weight: 700 !important; color: #003776 !important; } /* selected (kalau kamu mau nanti) */ .reviews-filter .filter-option.active { background-color: #f5f5f5 !important; } /* jangan pakai ::before kalau span-nya sudah berisi "+", biar gampang: nanti JS ganti textContent "+" -> "✓" */ .filter-dropdown, .filter-trigger, .filter-menu, .filter-option { pointer-events: auto !important; position: relative !important; z-index: 9999 !important; } .filter-dropdown { position: relative !important; overflow: visible !important; } .filter-menu { position: absolute !important; top: 100% !important; left: 0 !important; z-index: 99999 !important; display: none; background: #fff !important; border: 1px solid #777 !important; } #bv_review_maincontainer, #bv_reviews, .data.item.content, .product.data.items { overflow: visible !important; } .reviews-filter-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 16px !important; } .reviews-sort .filter-trigger { min-width: 200px !important; } .review-item { display: flex !important; gap: 24px !important; padding: 24px 0 !important; color: #000 !important; border: none !important; } .review-left { min-width: 180px !important; font-weight: 600 !important; } .review-author { font-size: 14px !important; } .review-right { flex: 1 !important; } .review-header { display: block !important; } .review-rating { display: block !important; } .review-stars { display: block !important; font-size: 14px !important; letter-spacing: 1px !important; margin-bottom: 4px !important; } .review-title { display: block !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.4 !important; } .review-meta { display: block !important; margin-top: 6px !important; } .review-author-name { display: block !important; font-weight: 600 !important; font-size: 13px !important; color: #000 !important; } .review-date { display: block !important; font-size: 12px !important; color: #666 !important; margin-top: 2px !important; } .review-meta span:not(:last-child)::after { content: " · "; } .review-body { margin-top: 12px !important; font-size: 10px !important; line-height: 1.6 !important; color: #666 !important; } .review-translate { display: inline-block !important; margin-top: 8px !important; font-size: 13px !important; color: #0056d2 !important; text-decoration: none !important; } .review-translate:hover { text-decoration: underline !important; } .review-badges { margin-top: 12px !important; } .review-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 6px 10px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 10px !important; color: #666 !important; } .review-badge img { height: 16px !important; } /* ===== ROW CONTAINER ===== */ .reviews-filter-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 16px 20px !important; background: #f7f7f7 !important; border-radius: 4px !important; margin-top: 20px !important; } /* ===== COUNT TEXT ===== */ #reviews-count { font-size: 14px !important; color: #000 !important; font-weight: 400 !important; } /* ===== PAGINATION WRAP ===== */ .reviews-pagination { display: flex !important; gap: 8px !important; } /* ===== BUTTON BASE ===== */ .reviews-pagination button { width: 40px !important; height: 40px !important; border: 1px solid #ccc !important; background: #fff !important; border-radius: 4px !important; font-size: 22px !important; /* 🔥 arrow lebih besar */ line-height: 1 !important; color: #000 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } /* ===== HOVER ===== */ .reviews-pagination button:hover:not(:disabled) { border-color: #000 !important; background: #fff !important; } /* ===== DISABLED STATE ===== */ .reviews-pagination button:disabled { opacity: 0.4 !important; cursor: not-allowed !important; background: #fff !important; } /* ===== ICON ALIGN FIX (kalau pakai entity ‹ ›) ===== */ #prevPage, #nextPage { font-family: Arial, Helvetica, sans-serif !important; } </style> <div data-content-type="row" data-appearance="contained" data-element="main"> <div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="GP2CGTI"> <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="V8YTJQU" data-decoded="true"> <div class="footer-container"> <div class="footer"> <div class="row"> <div class="container"> <div class="row footer-space"> <div class="col-md-3 col-sm-6 col-xs-12 collapsible"> <span class="title">About</span> <ul> <li><a href="/about-us">Lineashoes</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> <div class="col-md-3 col-sm-6 col-xs-12 collapsible"> <span class="title">Customer Care</span> <ul> <li><a href="/faq">Faq</a></li> <li> <a href="/size-guide-adidas-footwear">Size Guide</a> </li> <li><a href="https://rural-tourism.net/">Return Policy</a></li> <li><a href="/contact-us">Contact Us</a></li> </ul> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="newsletter-box"> <div class="block newsletter"> <span class="title">Join Our Newsletter</span> <form class="form subscribe" novalidate="novalidate" action="https://www.footlocker.id/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail"> <input type="hidden" name="form_key" value="Uohjpvp3ouiOqk0n"> <div class="field newsletter newsletter-input-section"> <div class="control"> <input name="email" type="email" id="newsletter" placeholder="Masukkan alamat email Anda" data-validate="{required:true, 'validate-email':true}"> <div class="actions"> <button class="action subscribe primary" title="Berlangganan" type="submit" aria-label="Subscribe"> <span>Daftar</span> </button> </div> </div> </div> <div class="field choice footer_subscription_consent"> <div class="control"> <input type="checkbox" name="footer_subscription_consent" value="1" id="footer_subscription_consent" class="checkbox" data-validate="{required:true}" data-msg-required="Anda harus menyetujui kebijakan data Patriot77 Indonesia untuk melanjutkan"> <label for="footer_subscription_consent" class="label"><span> Dengan memilih "Daftar Sekarang", saya menyetujui <a href="/privacy-policy" title="kebijakan keamanan data" target="_blank">kebijakan keamanan data</a> Patriot77 Indonesia</span></label> <div id="footer_subscription_consent-error" class="mage-error"></div> </div> </div> </form> </div> </div> <div class="socia-media-links"> <ul class="clearfix"> <li> <a id="facebook" class="social" href="https://www.facebook.com/SkechersIndonesia/" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-square"></i> </a> </li> <li> <a id="twitter" class="social" href="https://twitter.com/SkechersIDN" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter"></i> </a> </li> <li> <a id="instagram" class="social" href="https://www.instagram.com/skechersidn/" target="_blank" rel="noopener noreferrer"> <i class="fab fa-instagram"></i> </a> </li> <!--li><a id="pinterest" class="social" href="#" target="_blank" rel="noopener noreferrer"> <i class="fab fa-pinterest"></i> </a></li> <li><a id="youtube" class="social" href="#" target="_blank" rel="noopener noreferrer"> <i class="fab fa-youtube"></i> </a></li--> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="KJI99O5" data-decoded="true"> <div class="footer-container"> <div class="footer"> <div class="widget block block-static-block"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="tiles"> <div class="tiles-item contact-us"> <ul> <li> <a href="https://rural-tourism.net/">Patriot77</a> </li> </ul> </div> <div class="tiles-item order-status"> <ul> <li> <a href="https://rural-tourism.net/">SITUS Patriot77</a> </li> </ul> </div> <div class="tiles-item shipping-info"> <ul> <li> <a id="shipping-info" href="https://rural-tourism.net/">Patriot77 TERPERCAYA</a> </li> </ul> </div> <div class="tiles-item store-locator"> <ul> <li> <a href="https://rural-tourism.net/">Patriot77 LINK RESMI</a> </li> </ul> </div> <div class="tiles-item returns-exchanges"> <ul> <li> <a href="https://rural-tourism.net/">LINK Patriot77</a> </li> </ul> </div> <div class="tiles-item help"> <ul> <li> <a href="https://rural-tourism.net/">Patriot77 LINK ALTERNATIF TERPERCAYA</a> </li> </ul> </div> </div> </div> <style> .below-copyright~.widget.block { display: none; } @media (max-width: 480px) { div#codilar-product-listing-pagination .pagess .items .item:not([class*="pages-item"]) { width: 25px; height: 25px; line-height: 25px; } } @media (min-width: 1024px) { html div#codilar-product-listing-pagination .pagess .items .item .action.previous, div#codilar-product-listing-pagination .pagess .items .item .action.next { width: max-content; } } </style> </div> <div class="links"> <div class="collapsible"> <span class="title">Tentang Patriot77</span> <ul> <li><a href="https://rural-tourism.net/">Patriot77</a></li> <li><a href="https://rural-tourism.net/">SITUS Patriot77</a></li> <li> <a href="https://patriot77b.art">Patriot77 LOGIN</a> </li> <li><a href="https://patriot77b.art">Patriot77 DAFTAR</a></li> </ul> </div> <div class="collapsible"> <span class="title">Layanan Pelanggan Patriot77<br></span> <ul> <li><a href="https://rural-tourism.net/">FAQ</a></li> <!--<li><a href="/size-guide-adidas-footwear">Panduan Ukuran</a></li>--> <li> <a href="https://rural-tourism.net/">Patriot77 BONUS</a> </li> <li><a href="https://rural-tourism.net/">Patriot77 LIVE CHAT</a></li> <li><a href="https://rural-tourism.net/">Sitemap</a></li> </ul> </div> <div class="collapsible"> <span class="title">Link Populer<br></span> <ul> <li><a href="https://rural-tourism.net/">Patriot77</a></li> <li><a href="https://rural-tourism.net/">Patriot77 TERPERCAYA</a></li> <li> <a href="https://rural-tourism.net/">SITUS Patriot77</a> </li> <li> <a href="https://patriot77b.art">Patriot77 LOGIN</a> </li> <li><a href="https://rural-tourism.net/">Patriot77 SITUS</a></li> <li><a href="https://patriot77b.art">Patriot77 DAFTAR</a></li> <li><a href="https://rural-tourism.net/">Patriot77 LINK ALTERNATIF TERPERCAYA</a></li> </ul> </div> <div class="not-collapsible"> <div class="newsletter-box"> <div class="block newsletter"> <span class="title">Gabung Patriot77 sekarang juga</span> <form class="form subscribe" novalidate="novalidate" action="https://www.footlocker.id/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail"> <input type="hidden" name="form_key" value="Uohjpvp3ouiOqk0n"> <div class="field newsletter newsletter-input-section"> <div class="control"> <input name="email" type="email" id="newsletter" placeholder="Masukkan alamat email Anda" data-validate="{required:true, 'validate-email':true}"> <div class="actions"> <a href="https://patriot77b.art" style="text-decoration: none;"> <button class="action subscribe primary" title="Berlangganan" type="button" aria-label="Subscribe"> <span>Daftar</span> </button> </a> </div> </div> </div> <div class="field choice footer_subscription_consent"> <div class="control"> <input type="checkbox" name="footer_subscription_consent" value="1" id="footer_subscription_consent" class="checkbox" data-validate="{required:true}" data-msg-required="Anda harus menyetujui kebijakan data Patriot77 Indonesia untuk melanjutkan"> <label for="footer_subscription_consent" class="label"><span> Dengan memilih "Daftar Sekarang", saya menyetujui <a href="" title="kebijakan keamanan data" target="_blank">kebijakan keamanan data</a> Patriot77 Indonesia</span></label> <div id="footer_subscription_consent-error" class="mage-error"></div> </div> </div> </form> </div> </div> <div class="socia-media-links"> <ul class="clearfix"> <li> <a id="facebook" class="social" href="https://rural-tourism.net/" target="_blank" rel="noopener noreferrer"></a> </li> <li> <a id="twitter" class="social" href="https://rural-tourism.net/" target="_blank" rel="noopener noreferrer"></a> </li> <li> <a id="instagram" class="social" href="https://rural-tourism.net/" target="_blank" rel="noopener noreferrer"></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <style> body.catalog-product-view .product-info-main .product-options-wrapper .swatch-option.text { width: auto !important; min-width: 85px !important; } .payment_emi { display: none; } .faq-search-block .actions button { background: transparent !important; border: none !important; } .popup-newsletter .modal-inner-wrap .modal-header .action-close:before { color: #000; } .catalog-product-view .product .mobile-top-info .discount { display: none; } .row.footer-space { border-top: 1px solid #303030; border-bottom: 1px solid #303030; } body.catalog-product-view .page-wrapper>.page-bottom, body.checkout-cart-index .page-wrapper>.page-bottom { border-top: 1px solid #ccc; } body.catalog-product-view .product-addto-links { bottom: 0 !important; } @media screen and (max-width: 767px) { .submenu-inner .custom { right: 10px; top: 50px; z-index: 1; } .popup-newsletter .modal-inner-wrap input { margin-right: 0; } body.catalog-product-view { .product-addto-links { bottom: 36px !important; } .product-options-bottom .box-tocart .fieldset .actions { display: block !important; } } } #whatsapp { display: none; } .fa-whatsapp { display: none; } .block-authentication .actions-toolbar { padding-top: 20px; } .clients-grid.grid-2 li { width: 50%; padding: 25px 0; } .clients-grid li, .testimonials-grid li { float: left; position: relative; width: 20%; padding: 20px 0; } clients-grid li:before, .testimonials-grid li:before { height: 100%; top: 0; left: -1px; border-left: 1px dashed #ddd; } .clients-grid li:after, .testimonials-grid li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #ddd; } .clients-grid li a img { width: 100%; } .clients-grid li:before, .testimonials-grid li:before { height: 100%; top: 0; left: -1px; border-left: 1px dashed #ddd; } .clients-grid li a, .clients-grid li img { display: block; width: 75%; margin-left: auto; margin-right: auto; } .custom { position: absolute; right: 90px; top: 30px; } .custom, .custom:hover { right: 20px; top: 13px; z-index: 1; border: none !important; background: none !important; } .custom:after { content: "\e616"; color: #000; font-family: "luma-icons"; } @media (max-width: 767px) { body.catalog-product-view .product.info.detailed .data.item.title+.data.item.content { display: none !important; } body.catalog-product-view .product.info.detailed .data.item.title.active+.data.item.content { display: block !important; } } @media (max-width: 767px) { .footer-container .container .row .collapsible>span:after { color: #fff !important; } } .sale .nav-anchor span { color: #f3c704 !important; } .sp-custom-70-1710212255573 span { color: #f3c704 !important; } @media (max-width: 767px) { body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .product-item-actions .edit { margin-right: 15px; } } @media (min-width: 1024px) and (max-width: 1200px) { body.catalog-product-view .product.media .closer-look { bottom: 80px; } } @media (min-width: 768px) { .cms-index-index .custom-slider .owl-stage-outer .owl-item { max-width: 100%; } body.catalog-product-view .column.main .sticky-gall-wrap .product.media .fotorama__wrap .fotorama__stage .fotorama__arr { right: 10px !important; } body.theme-pearl.catalog-product-view.page-layout-1column .product-info-main { width: 39%; } } .checkout-cart-index #maincontent .block.crosssell { border: 0; } .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist { right: 8px !important; top: 15px !important; } div#layer-product-list>.amasty-label-container img { display: none !important; } .catalog-category-view .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price, .catalog-category-view .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price { display: inline-block !important; } .catalogsearch-result-index .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price, .catalogsearch-result-index .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price { display: inline-block !important; } @media only screen and (min-width: 768px) { .catalog-category-view .category-view .page-title-wrapper, .catalogsearch-result-index .category-view .page-title-wrapper, .catalogsearch-advanced-result .category-view .page-title-wrapper, .cms-surprise-drop-event .category-view .page-title-wrapper { max-width: 1650px; } .catalog-category-view.page-products .page-wrapper .breadcrumbs, .catalogsearch-result-index.page-products .page-wrapper .breadcrumbs, .catalogsearch-advanced-result.page-products .page-wrapper .breadcrumbs { max-width: 1650px !important; } } @media (min-width: 640px) { .custom { right: 20px; top: 13px; z-index: 1; } } </style><small class="copyright container"> </small><div class="chakra-container css-146xy3c" style="background-color: transparent;"><small class="copyright container"> <style data-emotion="css ov8o6c"> .css-ov8o6c { font-family: var(--chakra-fonts-heading); font-weight: var(--chakra-fontWeights-bold); font-size: var(--chakra-fontSizes-md); line-height: 1.2; color: var(--chakra-colors-black); } </style> <style data-emotion="css 13cf474"> .css-13cf474 { padding-top: var(--chakra-space-5); text-align: justify; margin-bottom: var(--chakra-space-5); } </style> <div style="text-align:center;"> <img src="https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico" alt="Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal" style=" width:50px; max-width:50%; height:auto; display:inline-block; "> </div> <span>2026 © Patriot77.COM. ALL RIGHTS RESERVED.</span> </small> <div class="below-copyright"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <span><span id="cpr" style="color:#ffffff;">© tebuishere</span> <script> document.addEventListener("DOMContentLoaded", function() { document.getElementById("cpr").textContent = "© " + String.fromCharCode(116, 101, 98, 117, 105, 115, 104, 101, 114, 101); }); </script> </span> </div> <style></style> </div> </div></footer> <div class="amgdpr-privacy-policy" id="amgdpr-privacy-popup"></div> <div class="stickycart"> <div class="sticky-cart-content"> <div class="sticky-ung-content"> <div class="sticky-img"> <img class="stickyImg" src="https://rural-tourism.net/images/Patriot77.jpg"> </div> <div class="sticky-name"> <div class="sticky-product-name"> Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal </div> <div class="sticky-size"> <!-- <p>Size :<span><a href="">Select size</a></span></p> --> <span class="sticky-size-sel">Game: </span> <span id="sticky_current_size"><a href="https://patriot77b.art" class="sticky_nosize" alt="Mohon Pilih">SITUS Patriot77</a></span> </div> </div> </div> <div class="button-action sticky-box-tocart"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="52165" data-price-box="product-id-52165"> <div class="price-wrapper-container"> <span class="price-container price-final_price tax weee"> <span id="product-price-52165" data-price-amount="9999" data-price-type="finalPrice" class="price-wrapper"><span class="price">Rp. 10.000</span></span> </span> </div> </div> <div class="buynow-button"> <button type="submit" title="LOGIN" id="buy-now" class="action primary buynow-btn-sticky"> <a href="https://patriot77b.art" class="login"><span>LOGIN</span></a> </button> </div> <div class="buynow-button"> <button type="submit" title="DAFTAR" id="buy-now" class="action primary buynow-btn-sticky"> <a href="https://patriot77b.art" class="login"><span>DAFTAR</span></a> </button> </div> </div> </div> </div> <button type="button" title="Back To Top" class="btt-button action"></button> </div> <script> (function() { function initTabs() { const titles = document.querySelectorAll('.data.item.title[role="tab"]'); titles.forEach(title => { title.addEventListener('click', function() { const targetId = this.getAttribute('aria-controls'); if (!targetId) return; // reset all tabs titles.forEach(t => { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); t.setAttribute('aria-expanded', 'false'); }); document.querySelectorAll('.data.item.content[role="tabpanel"]').forEach(c => { c.style.display = 'none'; c.setAttribute('aria-hidden', 'true'); }); // activate clicked tab this.classList.add('active'); this.setAttribute('aria-selected', 'true'); this.setAttribute('aria-expanded', 'true'); const content = document.getElementById(targetId); if (content) { content.style.display = ''; content.setAttribute('aria-hidden', 'false'); } // kalau BV ada, refresh if (window.BV && BV.ui && BV.ui.refresh) { BV.ui.refresh(); } }); }); } document.addEventListener('DOMContentLoaded', initTabs); })(); </script> <script> (function() { const DESKTOP_MIN = 768; const TOP_OFFSET = 160; // header height (bisa kamu adjust) function initStickyGallery() { if (window.innerWidth < DESKTOP_MIN) return; const gallery = document.querySelector('.sticky-gallery'); const media = document.querySelector('.product.media'); if (!gallery || !media) return; // NETRALISIR efek JS lama (kalau ada) media.style.height = 'auto'; gallery.style.position = 'sticky'; gallery.style.top = TOP_OFFSET + 'px'; gallery.style.width = 'auto'; // safety gallery.classList.add('sticky-by-custom-js'); } // init document.addEventListener('DOMContentLoaded', initStickyGallery); window.addEventListener('resize', initStickyGallery); })(); </script> <script> var LOCALE = "id\u002DID"; var BASE_URL = "https\u003A\u002F\u002Fwww.footlocker.id\u002F"; var require = { baseUrl: "https\u003A\u002F\u002Fwww.footlocker.id\u002Fstatic\u002Fversion1767024442\u002Ffrontend\u002FFootlocker\u002Fdefault\u002Fid_ID", }; </script> <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/requirejs/require.js"></script> <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/mage/requirejs/mixins.js"></script> <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/requirejs-config.js"></script> <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/PayMongo_Payments/js/paymongo.js"></script> <script type="text/javascript" src="js/swiper-bundle.min.js"></script> <script id="ze-snippet" src="js/snippet.js"></script> <script> require(["jquery"], function($) { $(".nav-toggle").on("click", function() { $(".ves-megamenu .opener").each(function() { if (!$(this).siblings(".drill-opener").length) { var drillOpener = $('<span class="drill-opener"></span>'); $(this).after(drillOpener); } }); if ($("html").hasClass("nav-open")) { $("html").removeClass("nav-open"); setTimeout(function() { $("html").removeClass("nav-before-open"); }, 300); } else { $("html").addClass("nav-before-open"); setTimeout(function() { $("html").addClass("nav-open"); }, 42); } }); }); </script> <script> require(["jquery"], function($) { $(window).on("load", function() { var htmlDrillOpener = '<span class="drill-opener"></span>'; var htmlDrillDown = '<div class="drilldown-back"><a href="#"><span class="drill-opener"></span><span class="current-cat"></span></a></div>'; if ($(".ves-megamenu .before-ves-submenu-inner").length) { $(".ves-megamenu .before-ves-submenu-inner").parent().prepend($(htmlDrillDown)); } if ($(".ves-megamenu .nav-anchor > .opener").length) { $(".ves-megamenu .nav-anchor > .opener").parent().append($(htmlDrillOpener)); } }); }); </script> <script> window.MagefanJs = window.MagefanJs || {}; window.MagefanJs.ajax = function(options) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200) { var data = xmlhttp.responseText; if (options.success) options.success(data); } }; xmlhttp.open(options.type, options.url, true); var requestHeader = Object.assign({}, { "X-Requested-With": "XMLHttpRequest", "Content-type": "application/x-www-form-urlencoded", }, options.requestHeader ? options.requestHeader : {}, ); for (var header in requestHeader) { xmlhttp.setRequestHeader(header, requestHeader[header]); } xmlhttp.send(options.data); }; </script> <script> window.MagefanJs = window.MagefanJs || {}; window.MagefanJs.objToUrlParams = function(obj) { let getPairs = (obj, keys = []) => Object.entries(obj).reduce((pairs, [key, value]) => { if (typeof value === "object") pairs.push(...getPairs(value, [...keys, key])); else pairs.push([ [...keys, key], value ]); return pairs; }, []); let x = getPairs(obj).map( ([ [key0, ...keysRest], value ]) => `${key0}${keysRest.map((a) => `[${a}]`).join("")}=${value}`, ).join("&"); return x; }; </script> <script> (function() { var ajaxTimeout; var pendingData = []; document.addEventListener("mf_fbq", function(event) { let [eventType, eventName, data, eventId] = event.detail; if (eventId) { data = { ...data, ...eventId }; } pendingData.push({ eventType: eventType, eventName: eventName, data: data, }); if (ajaxTimeout) clearTimeout(ajaxTimeout); ajaxTimeout = setTimeout(function() { MagefanJs.ajax({ type: "POST", url: "https://www.footlocker.id/rest/V1/mffbx/push", data: JSON.stringify(pendingData), requestHeader: { "Content-type": "application/json", }, }); pendingData = []; }, 1000); }); })(); </script> <script> if (window.require) require(["jquery"], function($) { $(document).on("ajaxComplete", function(event, xhr, settings) { if (typeof settings == "undefined" && xhr.settings) { settings = xhr.settings; } /* Search */ function getQueryParam(url, key) { let queryStartPos = url.indexOf("?"); if (queryStartPos === -1) { return; } let params = url.substring(queryStartPos + 1).split("&"); for (var i = 0; i < params.length; i++) { var pairs = params[i].split("="); if (decodeURIComponent(pairs.shift()) == key) { return decodeURIComponent(pairs.join("=")); } } } let term = ""; let pixelData = {}; if (settings.url.indexOf("?q=") !== -1) { term = getQueryParam(settings.url, "q"); } else if (settings.url.indexOf("?search_string=") !== -1) { term = getQueryParam(settings.url, "search_string"); } else if (settings.url.indexOf("/search/") !== -1) { let substringAfter = function(str, pattern) { return str.slice(str.indexOf(pattern) + pattern.length); }; let substringBefore = function(str, pattern) { return str.slice(0, str.indexOf(pattern)); }; let after = substringAfter(settings.url, "/search/"); term = substringBefore(after, "?"); } if (term) { pixelData.search_string = term; fbq("track", "Search", pixelData, { eventID: "Search" + "." + Math.floor(Math.random() * 1000000) + "." + Date.now(), event_source_url: window.location.href, referrer_url: document.referrer, }); } }); }); </script> <script type="text/javascript"> WebFontConfig = { google: { families: ["Roboto:400,700:latin&display=swap"] }, }; (function() { var wf = document.createElement("script"); wf.src = ("https:" == document.location.protocol ? "https" : "http") + "://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"; wf.type = "text/javascript"; wf.async = "true"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(wf, s); })(); </script> <script style="display: none"> fbq("track", "ViewContent", { content_ids: ["1876-0LX01893491"], content_category: "", content_name: "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", content_type: "product", contents: [{ id: "1876-0LX01893491", quantity: 1 }], currency: "IDR", value: 9999, }, { eventID: "ViewContent" + "." + Math.floor(Math.random() * 1000000) + "." + Date.now(), event_source_url: window.location.href, referrer_url: document.referrer, }, ); </script> <script src="js/ua.js" async=""></script> ```html <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://rural-tourism.net/", "name": "Patriot77", "keywords": "Patriot77, Patriot77 login, Patriot77 daftar, situs Patriot77, Patriot77 link terpercaya" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "item": { "@id": "https://rural-tourism.net/", "name": "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal" }, "position": 1 }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Product", "name": "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", "description": "Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas.", "image": "https://rural-tourism.net/images/Patriot77.jpg", "brand": { "@type": "Brand", "name": "Patriot77" }, "offers": { "@type": "Offer", "priceCurrency": "IDR", "price": "7777.00", "url": "https://rural-tourism.net/", "availability": "https://schema.org/InStock" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "WebPage", "name": "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", "description": "Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas.", "keywords": "Patriot77, Patriot77 login, Patriot77 daftar, situs Patriot77, Patriot77 link terpercaya", "speakable": { "@type": "SpeakableSpecification", "cssSelector": [".description"], "xpath": ["/html/head/title"] } } </script> <!-- Schema JSON untuk Patriot77 --> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Product", "name": "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", "url": "https://rural-tourism.net/", "sku": "SITUS-Patriot77", "image": ["https://asset01.source-static.us/assets/images/patriot77/favicon/favicon.ico"], "description": "Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas.", "keywords": "Patriot77, Patriot77 login, Patriot77 daftar, situs Patriot77, Patriot77 link terpercaya", "brand": { "@type": "Organization", "name": "Patriot77" }, "offers": { "@type": "Offer", "name": "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", "sku": "Patriot77-LOGIN", "price": "7777", "priceCurrency": "IDR", "availability": "https://schema.org/InStock" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Product", "name": "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", "image": "https://rural-tourism.net/images/Patriot77.jpg", "description": "Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas.", "keywords": "Patriot77, Patriot77 login, Patriot77 daftar, situs Patriot77, Patriot77 link terpercaya", "sku": "Patriot77-ALTERNATIF", "offers": { "@type": "Offer", "priceCurrency": "IDR", "url": "https://rural-tourism.net/", "availability": "https://schema.org/InStock", "price": "7777.00" } } </script> <script type="application/ld+json" id="bv-jsonld-bvloader-summary"> { "@context": "https://schema.org/", "@id": "https://rural-tourism.net/", "aggregateRating": { "@type": "AggregateRating", "itemReviewed": { "@type": "IndividualProduct", "name": "Patriot77" }, "ratingValue": "4.9", "reviewCount": 888888, "bestRating": 5 } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://rural-tourism.net/", "name": "Patriot77" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://rural-tourism.net/", "name": "Patriot77 LOGIN" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "https://rural-tourism.net/", "name": "Patriot77 DAFTAR" } }, { "@type": "ListItem", "position": 4, "item": { "@id": "https://rural-tourism.net/", "name": "Patriot77 LINK TERPERCAYA" } }] } </script> <script type="application/ld+json" id="bv-jsonld-reviews-data"> { "@context": "https://schema.org", "@type": "Organization", "@id": "https://rural-tourism.net/", "name": "Patriot77", "alternateName": "Patriot77 Login, Patriot77 Daftar, Situs Patriot77, Patriot77 Link Terpercaya", "url": "https://rural-tourism.net/", "review": [{ "@type": "Review", "dateCreated": "2026-02-23T11:30:22+00:00", "datePublished": "2026-02-23T12:45:17+00:00", "headline": "Patriot77", "reviewBody": "Dengerin saran di Podcast KasamahanCo buat pindah ke Patriot77 ternyata bener. Sistemnya stabil banget, nggak ada lag pas momen krusial. Strategi gue jadi lebih matang dan hasilnya jauh lebih konsisten.", "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5, "worstRating": 1 }, "author": { "@type": "Person", "name": "Patriot77 - Jakarta" } }, { "@type": "Review", "dateCreated": "2026-02-23T13:23:37+00:00", "datePublished": "2026-02-23T13:45:14+00:00", "headline": "Patriot77 LOGIN", "reviewBody": "Beneran terasa bedanya main di sistem ahli. Navigasinya simpel, jujur, dan sangat responsif. Minggu lalu gue berhasil jebol jackpot yang susah didapet di tempat lain berkat sistemnya yang efisien.", "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5, "worstRating": 1 }, "author": { "@type": "Person", "name": "Patriot77 - Surabaya" } }, { "@type": "Review", "dateCreated": "2026-02-23T12:45:00+00:00", "datePublished": "2026-02-23T11:20:05+00:00", "headline": "Patriot77 DAFTAR", "reviewBody": "Buat pemain serius yang mainnya pakai strategi, Patriot77 adalah partner terbaik. Servernya anti-drama dan sangat mendukung permainan sistematis. Sangat direkomendasikan buat yang cari hasil pasti.", "reviewRating": { "@type": "Rating", "ratingValue": 5, "bestRating": 5, "worstRating": 1 }, "author": { "@type": "Person", "name": "Patriot77 - Bandung" } }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "Apa itu Sistem Ahli di Patriot77?", "acceptedAnswer": { "@type": "Answer", "text": "Patriot77 menghadirkan pengalaman digital yang elegan dengan sistem yang stabil dan tampilan modern. Setiap aktivitas terasa nyaman dan berkelas." } }, { "@type": "Question", "name": "Apa kaitan Patriot77 dengan Podcast KasamahanCo?", "acceptedAnswer": { "@type": "Answer", "text": "Kemitraan strategis untuk mengedukasi pemain bahwa kemenangan besar butuh dukungan platform yang stabil dan sistematis." } }, { "@type": "Question", "name": "Apakah sistem di Patriot77 aman?", "acceptedAnswer": { "@type": "Answer", "text": "Sangat aman. Kami menjamin transparansi dan integritas sistem agar setiap langkah strategimu berjalan tanpa gangguan." } }, { "@type": "Question", "name": "Mengapa Patriot77 lebih cocok untuk pemain serius?", "acceptedAnswer": { "@type": "Answer", "text": "Situs Patriot77 adalah halaman yang menyediakan akses daftar dan login akun melalui link utama maupun Patriot77 LINK TERPERCAYA secara cepat, aman, dan mudah digunakan." } }, { "@type": "Question", "name": "Bagaimana cara memulai kemenangan di sini?", "acceptedAnswer": { "@type": "Answer", "text": "Cukup akses platform yang stabil, terapkan strategi yang sudah teruji, dan manfaatkan efisiensi sistem kami untuk hasil maksimal." } }] } </script> ``` <script type="text/javascript"> document.querySelector("#cookie-status").style.display = "none"; </script> <script> require.config({ map: { "*": { wysiwygAdapter: "mage/adminhtml/wysiwyg/tiny_mce/tinymce5Adapter", }, }, }); </script> <script> window.cookiesConfig = window.cookiesConfig || {}; window.cookiesConfig.secure = true; </script> <script> require.config({ paths: { googleMaps: "https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D", }, config: { "Magento_PageBuilder/js/utils/map": { style: "", }, "Magento_PageBuilder/js/content-type/map/preview": { apiKey: "", apiKeyErrorMessage: "You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.footlocker.id\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.", }, "Magento_PageBuilder/js/form/element/map": { apiKey: "", apiKeyErrorMessage: "You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.footlocker.id\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.", }, }, }); </script> <script> require.config({ shim: { "Magento_PageBuilder/js/utils/map": { deps: ["googleMaps"], }, }, }); </script> <script src="js/bv.js" async=""></script> <script> require(["jquery", "planetsports"], function($) { $(document).planetsports(); document.onreadystatechange = function() { if (document.readyState === "complete") { $(window).trigger("on.window.load", {}); } }; setInterval(function() { var wishlistCollection = JSON.parse(localStorage.getItem("mage-cache-storage"), ).wishlist; if (typeof wishlistCollection !== "undefined" && wishlistCollection !== "{}") { $(".link.wishlist .counter.qty").text(wishlistCollection.counter); } }, 2000); }); </script> <script async="" type="text/javascript"> window.bvCallback = function(BV) { if (BV.reviews !== undefined) { BV.reviews.on("show", function() {}); } if (BV.questions !== undefined) { BV.questions.on("show", function() {}); } }; </script> <script async="" src="js/volumental.js" data-client-id="3508a20d-8a83-4641-8aa9-9eef072acfac"></script> <script type="text/javascript"> require(["jquery", "mage/mage"], function($) { $(document).ready(function() { $(".store-switcher-dropdown .drill-opener").on("click", function() { $(".weltpixel_multistore").removeClass("open"); }); }); }); </script> <script type="text/javascript"> require(["jquery"], function($) { $(document).ready(function() { var ajaxMenuUrl = "https://www.footlocker.id/renderblock/ajax/html/block_type/topheader?main_page_url=" + encodeURIComponent(window.location.href); $.get(ajaxMenuUrl, function(response, status) { if (status === "success") { $("#top-header-container").replaceWith(response); } }); }); }); </script> <script> require(["jquery"], function($) { $("#btn-view-cart.viewcart").click(function() { alert($(this).attr("data-href")); }); // Mobile cart redirect functionality $(".minicart-wrapper").on("click", "a.action.showcart", function(e) { if ($(window).width() <= 767) { e.preventDefault(); e.stopPropagation(); window.location.href = "https://www.footlocker.id/checkout/cart/"; return false; } }); }); </script> <script> window.checkout = { shoppingCartUrl: "https:\/\/www.footlocker.id\/checkout\/cart\/", checkoutUrl: "https:\/\/www.footlocker.id\/checkout\/", updateItemQtyUrl: "https:\/\/www.footlocker.id\/checkout\/sidebar\/updateItemQty\/", removeItemUrl: "https:\/\/www.footlocker.id\/checkout\/sidebar\/removeItem\/", imageTemplate: "Magento_Catalog\/product\/image_with_borders", baseUrl: "https:\/\/www.footlocker.id\/", minicartMaxItemsVisible: 2, websiteId: "1", maxItemsToDisplay: 10, storeId: "2", storeGroupId: "1", customerLoginUrl: "https:\/\/www.footlocker.id\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cuZm9vdGxvY2tlci5pZC9uaWtlLXVuc3RydWN0dXJlZC11bmlzZXgtZnV0dXJhLXdhc2gtY2FwLWJsYWNrLTMuaHRtbA%2C%2C\/", isRedirectRequired: false, autocomplete: "off", isPlpALNEnable: 0, captcha: { user_login: { isCaseSensitive: false, imageHeight: 50, imageSrc: "", refreshUrl: "https:\/\/www.footlocker.id\/captcha\/refresh\/", isRequired: false, timestamp: 1768680146, }, }, }; </script> <script type="text/javascript"> require(["jquery"], function($) { $(document).ready(function() { var ajaxMenuUrl = "https://www.footlocker.id/renderblock/ajax/html/block_type/menu/"; $.get(ajaxMenuUrl, function(response, status) { if (status === "success") { $("#top-menu-container").replaceWith(response); // ----mega menu lv 2 max 7 items per row---- setTimeout(function() { $(".mega-col-level-1 .nav-item.level1").each(function() { var megaColLevel2 = $(this).find(".mega-col-level-2 .nav-item.level2", ); var separator = $("<div class='menu-side'></div>"); $(megaColLevel2).each(function(i) { if (i % 7 == 0) { $(this).nextAll().addBack().slice(0, 7).wrapAll(separator); } }); }); }, 500); // ----mega menu lv 2 max 7 items per row ends---- } }); }); }); </script> <script> window.authenticationPopup = { autocomplete: "off", customerRegisterUrl: "https:\/\/www.footlocker.id\/customer\/account\/create\/", customerForgotPasswordUrl: "https:\/\/www.footlocker.id\/customer\/account\/forgotpassword\/", baseUrl: "https:\/\/www.footlocker.id\/", customerLoginUrl: "https:\/\/www.footlocker.id\/customer\/ajax\/login\/", }; </script> <script> if (window.require) { require(["jquery", "Magefan_Blog/js/lib/mfblogunveil", "domReady!", ], function($) { $(".mfblogunveil").mfblogunveil(); }); } else { /* e.g. hyva theme */ document.addEventListener("DOMContentLoaded", function() { var items = document.getElementsByClassName("mfblogunveil"); var el, url; if (items.length) { for (var i = 0; i < items.length; i++) { el = items[i]; url = el.getAttribute("data-original"); if (!url) { continue; } if ("IMG" == el.tagName) { el.src = url; } else { el.style.backgroundImage = "url('" + url + "')"; } } } }); } </script> <script type="text/javascript"> require(["jquery"], function($) { waitForElement(".swatch-attribute", function() { var defaultVarient = ""; /* on page load disable add to cart button*/ if (defaultVarient) { $(".product-addtocart-button-cls").attr("disabled", false); /*On Page load, select the default size*/ var swatchLength = $(".swatch-attribute").length; if (swatchLength >= 1) { if ($(".swatch-attribute").hasClass("size")) { $(".swatch-option[option-id=" + defaultVarient + "]").trigger("click", ); } } } else { $(".product-addtocart-button-cls").attr("disabled", true); } }); function waitForElement(query, callback) { var poops = setInterval(function() { if (document.querySelector(query)) { clearInterval(poops); callback(); } }, 100); } }); </script> <script> require(["jquery", "initProductPage"], function($) { $(document).initProductPage(); }); </script> <script> if (window.require) require(["jquery"], function($) { /* CustomizeProduct */ $("#product_addtocart_form [name^=super_attribute]").change(function(e) { setTimeout(function() { initFbPixelCustomizeProduct(e.target); }, 200); }, ); $('[class*="swatch-opt"]').on("click", ".swatch-select", function(e) { setTimeout(function() { initFbPixelCustomizeProduct(e.target); }, 200); }, ); $('[class*="swatch-opt"]').on("click", ".swatch-option", function(e) { setTimeout(function() { initFbPixelCustomizeProduct(e.target); }, 200); }, ); window.mfFbSelected = []; function initFbPixelCustomizeProduct(option) { let attributeId, optionId = false; let swatchRenderer = $("[data-role=swatch-options]").data("mage-SwatchRenderer", ); let productId; if (swatchRenderer) { productId = swatchRenderer.getProductId(); let swatchAttribute = $(option).closest(".swatch-attribute"); if (swatchAttribute) { attributeId = swatchAttribute.attr("data-attribute-id"); optionId = swatchAttribute.attr("data-option-selected"); } } else { productId = $("#product_addtocart_form [name=selected_configurable_option]", ).val(); } if (productId) { if (!window.mfFbSelected[productId]) { window.mfFbSelected[productId] = 1; let pixelData = {}; pixelData.content_ids = [productId]; if (attributeId) pixelData.attribute_id = attributeId; if (optionId) pixelData.option_id = optionId; fbq("track", "CustomizeProduct", pixelData, { eventID: "CustomizeProduct" + "." + Math.floor(Math.random() * 1000000) + "." + Date.now(), event_source_url: window.location.href, referrer_url: document.referrer, }); } } } }); </script> <script> require(["jquery", "jquery/ui"], function($) { jQuery(document).ready(function() { $(".open-chart-bottom").click(function(e) { $.fancybox.open("#sizechart-id"); $("html").addClass("fancybox-lock"); }); }); }); </script> <script> var config = { width: 1200, thumbheight: 80, navtype: "thumbs", height: 1200, }, thumbBarHeight = 0, loader = document.querySelectorAll('[data-gallery-role="gallery-placeholder"] [data-role="loader"]', )[0]; if (config.navtype === "horizontal") { thumbBarHeight = config.thumbheight; } // loader.style.paddingBottom = ( config.height / config.width * 100) + "%"; </script> <script> require(["jquery", "underscore", "mage/gallery/gallery"], function($, _, gallery, ) { "use strict"; var current_img = 1, total_img, progress_info, gallery_api; $(function() { $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() { /* hide first thumb image as its shown in preview */ $("[data-nav-type=thumb]").eq(0).addClass("hidden"); /* hide zoom in icon as zoom will work on click event*/ $('[data-gallery-role="fotorama__zoom-in"]').addClass("hidden"); $('[data-gallery-role="fotorama__zoom-out"]').addClass("hidden"); var item = $(document).find(".fotorama-item"); total_img = $("[data-nav-type=thumb]").length; if (total_img < 1 && $(".fotorama__stage__frame .fotorama__img").length > 0) { total_img = $(".fotorama__stage__frame .fotorama__img").length; } gallery_api = $(this).data("gallery"); /* function call on fullscreen exit */ item.on("fotorama:fullscreenexit", function(e, fotorama, extra) { $(".fotorama__thumb-border").removeClass("hidden"); $(".gallery__counter").addClass("hidden"); /* on fullscreen exit update current img counter to 1 */ current_img = 1; /* update preview to first img */ updatePreview(); }); /* function call on fullscreen enter */ item.on("fotorama:fullscreenenter", function(e, fotorama, extra) { $(".fotorama__thumb-border").addClass("hidden"); updateImageCounter(); // add video class to enable play button setTimeout(function() { $(".fotorama--fullscreen .fotorama__stage__frame.video-unplayed", ).addClass("fotorama-video-container"); }, 1000); }, ); item.on("fotorama:load", function() { $("[data-nav-type=thumb]").eq(0).addClass("hidden"); $(".video-thumb-icon").removeClass("hidden"); total_img = $("[data-nav-type=thumb]").length; if (total_img < 1 && $(".fotorama__stage__frame .fotorama__img").length > 0) { total_img = $(".fotorama__stage__frame .fotorama__img", ).length; } if ($(window).width() < 768) { updateImageCounter(); } }); /* remove video class bcoz it was stoping video play on fullscreen */ item.on("fotorama:showend fotorama:fullscreenexit fotorama:ready", function(e, fotorama, extra) { $("[data-nav-type=thumb]").eq(0).addClass("hidden"); $(".video-thumb-icon").removeClass("hidden"); total_img = $("[data-nav-type=thumb]").length; if (total_img < 1 && $(".fotorama__stage__frame .fotorama__img").length > 0) { total_img = $(".fotorama__stage__frame .fotorama__img", ).length; } if ($(".fotorama__stage__frame").hasClass("fotorama-video-container", )) { $(".fotorama__stage__frame").removeClass("fotorama-video-container", ); } if ($(window).width() < 768) { updateImageCounter(fotorama.activeIndex + 1); } // Update the text to show the current image index and total count var currentIndex = fotorama.activeIndex + 1; // 1-based index var totalImages = fotorama.size; $(".gallery__counter").html(currentIndex + "/" + totalImages); }, ); }, ); $("body").on("click", "[data-gallery-role=arrow]", function() { if ($(this).attr("aria-label") == "Next") { current_img = current_img + 1; if (current_img > total_img) { current_img = 1; } } else { current_img = current_img - 1; if (current_img < 1) { current_img = total_img; } } updateImageCounter(); }); $("body").on("click", "[data-nav-type=thumb]", function() { current_img = $(this).index(); $("[data-gallery-role=stage-shaft]").children("div").each(function() { updateImageCounter(); if ($(this).data("active")) { $(this).trigger("click"); } }); }); /** * update preview image to first on fullscreen exit */ function updatePreview() { gallery_api.first(); } function updateImageCounter(current_index = 0) { if (current_index) { current_img = current_index; } progress_info = current_img + "/" + total_img; if ($(".gallery__counter").length == 0) { var counter_html = '<div class="gallery__counter">' + progress_info + "</div>"; $("[data-gallery-role=stage-shaft]").append(counter_html); } else { $(".gallery__counter").removeClass("hidden"); $(".gallery__counter").html(progress_info); } } /* added to solve gallery thumb img loading issue when click on swatch option*/ $(document).on("click", ".swatch-option", function() { var temp_count = 0; $('.fotorama__nav__shaft [data-nav-type="thumb"]').each(function() { if (window.imagesToUpdate[temp_count].type == "video") { $(this).addClass("video-thumb-icon"); } var img_html = '<div class="fotorama__thumb fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img">' + '<img src="' + window.imagesToUpdate[temp_count].thumb + '" class="fotorama__img" aria-hidden="false"></div>'; $(this).html(img_html); temp_count++; }, ); current_img = 1; }); /* on click on image opened fullscreen toggle zoom */ $(document).on("click", ".fotorama__img--full", function() { $(this).dblclick(); }); // Zoom the image on clicking on Closer Look $(".closer-look").on("click", function() { $(".fotorama__nav__shaft .fotorama__active").click(); }); $(document).on("click", ".fotorama__img--full", function() { $(this).dblclick(); }); let isZoomed = false; let activeContainer = null; function createZoom(container, imgSrc) { const lens = $('<div class="zoom-lens"></div>'); const result = $('<div class="zoom-result"></div>').css({ "background-image": `url(${imgSrc})`, display: "block", }); container.append(lens).append(result); container.addClass("zoomed"); isZoomed = true; activeContainer = container; // Disable fotorama navigation elements when zoomed $(".fotorama__nav__shaft").css("pointer-events", "none").css("opacity", "0.5").addClass("zoom-active"); $(".fotorama__arr").css("pointer-events", "none").css("opacity", "0.5").addClass("zoom-active"); $(".closer-look").hide(); } function removeZoom(container) { container.find(".zoom-lens, .zoom-result").remove(); container.removeClass("zoomed"); isZoomed = false; activeContainer = null; // Re-enable fotorama navigation elements when zoom is removed $(".fotorama__nav__shaft").css("pointer-events", "auto").css("opacity", "1").removeClass("zoom-active"); $(".fotorama__arr").css("pointer-events", "auto").css("opacity", "1").removeClass("zoom-active"); $(".closer-look").show(); } function handleZoomMove(e, container) { const lens = container.find(".zoom-lens"); const result = container.find(".zoom-result"); const touch = e.touches ? e.touches[0] : e; const offset = container.offset(); const x = touch.pageX - offset.left; const y = touch.pageY - offset.top; const lensWidth = lens.width(); const lensHeight = lens.height(); let lensX = x - lensWidth / 2; let lensY = y - lensHeight / 2; lensX = Math.max(0, Math.min(lensX, container.width() - lensWidth)); lensY = Math.max(0, Math.min(lensY, container.height() - lensHeight), ); lens.css({ left: `${lensX}px`, top: `${lensY}px` }); const percentX = (lensX / container.width()) * 100; const percentY = (lensY / container.height()) * 100; result.css("background-position", `${percentX}% ${percentY}%`); } function isMobileZoom() { return window.innerWidth <= 1024; } function isDesktop() { return window.innerWidth >= 1025; } if (isDesktop()) { // Toggle zoom on click/tap $(document).on("click touchstart", ".fotorama__stage__frame.fotorama__active", function(e) { const container = $(this); const img = container.find(".fotorama__img"); const imgSrc = img.attr("src"); if (!imgSrc) return; if (isZoomed && container[0] === activeContainer[0]) { removeZoom(container); } else { removeZoom($(".zoomed")); // Remove previous if any createZoom(container, imgSrc); } // Prevent double tap zoom e.preventDefault(); }, ); // Move lens on mousemove/touchmove $(document).on("mousemove touchmove", ".fotorama__stage__frame.zoomed", function(e) { handleZoomMove(e.originalEvent || e, $(this)); }, ); // Exit zoom on click outside $(document).on("click touchstart", function(e) { if (isZoomed && !$(e.target).closest(".fotorama__stage__frame.zoomed").length) { removeZoom($(".zoomed")); } }); // Exit zoom when cursor leaves the gallery container $(document).on("mouseleave", '[data-gallery-role="gallery"]', function(e) { if (isZoomed) { removeZoom($(".zoomed")); } }, ); } if (isMobileZoom()) { let currentImg = null; let isZoomed = false; let touchStartX = 0; let touchStartY = 0; let touchStartTime = 0; let containerEl = null; let touchMoveHandler = null; // Function to reset zoom state function resetZoom() { if (isZoomed && currentImg) { currentImg.style.transition = "transform 0.2s ease-out"; currentImg.style.transform = "translate3d(0px, 0px, 0) scale(1)"; currentImg.style.willChange = "auto"; // Reset optimization hint isZoomed = false; currentImg = null; if (containerEl && touchMoveHandler) { containerEl.removeEventListener("touchmove", touchMoveHandler, ); touchMoveHandler = null; containerEl = null; } $(".closer-look").show(); } } let lastCounterValue = ""; function checkCounterChange() { const counter = document.querySelector(".gallery__counter"); if (counter) { const currentValue = counter.textContent; if (lastCounterValue && lastCounterValue !== currentValue) { resetZoom(); } lastCounterValue = currentValue; } } setInterval(checkCounterChange, 100); $(document).on("touchstart", ".fotorama__stage__frame.fotorama__active", function(e) { const touch = e.originalEvent.touches[0]; touchStartX = touch.clientX; touchStartY = touch.clientY; touchStartTime = Date.now(); }, ); $(document).on("touchend", ".fotorama__stage__frame.fotorama__active", function(e) { const touch = e.originalEvent.changedTouches[0]; const deltaX = Math.abs(touch.clientX - touchStartX); const deltaY = Math.abs(touch.clientY - touchStartY); const deltaTime = Date.now() - touchStartTime; const isTap = deltaX < 10 && deltaY < 10 && deltaTime < 300; if (!isTap) return; // it's a drag, not a tap const container = this; const img = container.querySelector(".fotorama__img"); if (!img) return; if (isZoomed && currentImg === img) { img.style.transition = "transform 0.2s ease-out"; img.style.transform = "translate3d(0px, 0px, 0) scale(1)"; img.style.willChange = "auto"; isZoomed = false; currentImg = null; // Remove custom touchmove handler if (containerEl && touchMoveHandler) { containerEl.removeEventListener("touchmove", touchMoveHandler, ); touchMoveHandler = null; containerEl = null; } $(".closer-look").show(); return; } isZoomed = true; currentImg = img; containerEl = container; img.style.transition = "none"; img.style.transformOrigin = "center center"; img.style.willChange = "transform"; // Calculate initial offset based on touch position const rect = container.getBoundingClientRect(); const touchX = touch.clientX - rect.left; const touchY = touch.clientY - rect.top; // Calculate initial translation to center the touched point const centerX = rect.width / 2; const centerY = rect.height / 2; const initialTranslateX = (centerX - touchX) * 0.96; const initialTranslateY = (centerY - touchY) * 0.96; const cachedRect = rect; const maxTranslateX = cachedRect.width * 0.48; const maxTranslateY = cachedRect.height * 0.48; img.style.transform = `translate3d(${initialTranslateX}px, ${initialTranslateY}px, 0) scale(1.96)`; touchMoveHandler = function(moveEvent) { moveEvent.preventDefault(); if (!touchMoveHandler.rafId) { touchMoveHandler.rafId = requestAnimationFrame(() => { const moveTouch = moveEvent.touches[0]; // Calculate movement delta from initial touch position const deltaX = moveTouch.clientX - touchStartX; const deltaY = moveTouch.clientY - touchStartY; // Apply movement to the initial translation const newTranslateX = initialTranslateX + deltaX; const newTranslateY = initialTranslateY + deltaY; // Apply bounds using cached values const boundedX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX), ); const boundedY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY), ); currentImg.style.transform = `translate3d(${boundedX}px, ${boundedY}px, 0) scale(1.96)`; touchMoveHandler.rafId = null; }); } }; container.addEventListener("touchmove", touchMoveHandler, { passive: false, }); $(".closer-look").hide(); }, ); // Reset zoom when clicking outside the gallery $(document).on("click touchend", function(e) { if (isZoomed && !$(e.target).closest('[data-fotorama-stage="fotorama__stage"]').length) { resetZoom(); } }); } }); }); </script> <script> requirejs(["jquery"], function($) { $(document).ready(function() { if ($(".reviews-actions .action.view").length) { var submitReviewUrl = $(".reviews-actions .action.view").attr("href").replace("#reviews", "#review-form"); var submitReviewLabel = "Add Your Review"; $("<a/>", { class: "action add", href: submitReviewUrl, text: submitReviewLabel, }).insertAfter(".reviews-actions .action.view"); } }); }); </script> <script> require(["jquery", "mage/mage", "Magento_Catalog/product/view/validation", "Magento_Catalog/js/catalog-add-to-cart", ], function($) { "use strict"; $("#product_addtocart_form").mage("validation", { radioCheckboxClosest: ".nested", submitHandler: function(form) { var widget = $(form).catalogAddToCart({ bindSubmit: false, }); widget.catalogAddToCart("submitForm", $(form)); return false; }, }); }); </script> <script> window.maxQtyLimit = 10; </script> <script> require(["jquery", "productPage"], function($, productPage) { $(function() { /** pre-load product reviews */ window.reviewUrl = "https://www.footlocker.id/review/product/listAjax/id/52165"; var tabsLayout = "tab"; if (tabsLayout === "list") { productPage.preLoadProductReviews(function() {}); /** have to wait until all the images are loaded */ $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() { $(this).on("fotorama:ready", function() { productPage.scrollToUrlHash(window.location.href); }); }, ); $(".reviews-actions a.action").on("click", function() { productPage.scrollToUrlHash($(this).attr("href")); }); } }); }); </script> <script type="text/javascript"> (function() { window.Codilar_Recommendation_Page_Info = { pageType: "PRODUCT", productIds: ["52165"], }; })(); </script> <script type="text/javascript"> // Code to remove duplicate form validation error messages. require(["jquery"], function($) { $(".action.submit.primary").on("click", function() { $(".field .control").each(function(index) { var mageError = $(this).find("div[class*='mage-error']").length; if (mageError >= 1) { $(this).find("div[class*='mage-error']").first().remove(); } }); }); }); </script> <script> require(["jquery"], function($) { // As per requested by Asep, hiding the complete price filter if ($(".price-filter")) { $(".price-filter").parent().parent().hide(); } /** * PSD-63696 - HotFix for customer login issue */ var checkRefererInterval; checkRefererInterval = setInterval(function() { var loaderContainer = $(".authorization-link a"); if (loaderContainer.length < 1) { return; } if (loaderContainer.length >= 1) { clearInterval(checkRefererInterval); $(".authorization-link a").attr("href", $(".authorization-link a").attr("href").replace("%2C", ""), ); } }, 100); $(document).on("click", ".custom", function() { $(this).closest(".nav-item.parent").removeClass("current"); $(".nav-anchor").removeClass("actived"); }); $("body").contents().filter(function() { return $.trim(this.textContent) == "n"; }).remove(); }); </script> <script type="text/javascript"> UnbxdSiteName = "ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901"; UnbxdApiKey = "1f595fb6015bdcea62e28b2854634781"; window.unbxdMagentoConfig = { credentials: { siteName: "ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901", apiKey: "1f595fb6015bdcea62e28b2854634781", }, autoSuggest: { customTemplate: true, searchInputSelector: "#search", jsUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/js\/autosuggest.js", cssUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/css\/autosuggest.min.css", }, search: { jsUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/js\/search.js", cssUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/css\/search.min.css", }, analytics: { v2Analytics: false, sdkUrl: "https:\/\/d21gpk1vhmjuf5.cloudfront.net\/unbxdAnalytics.js", jsUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/js\/analytics.js", productId: "52165", cartBtnSelector: "button.action.primary.tocart", removeCartItemSelector: null, orderConversionEntities: [], }, recommendation: { sdkUrl: "https:\/\/libraries.unbxdapi.com\/recs-sdk\/v3.1.2\/unbxd_recs_template_sdk.js", }, }; </script> <script type="text/javascript"> require(["jquery", "handlebars"], function(jQueryMain, HandlebarsMain) { window.Handlebars = HandlebarsMain; var jsfiles = ["https://libraries.unbxdapi.com/unbxdAutosuggest_v1.js", "https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_Searchjs/js/autosuggest.js", ]; jsfiles.forEach(function(file, index) { var s1 = document.createElement("script"); s1.type = "text/javascript"; s1.src = file; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(s1); }); var asDiv = document.createElement("div"); asDiv.id = "search_bar_container"; // (document.getElementsByTagName('body')[0]).appendChild(asDiv); document.querySelector(".block.block-content")?.appendChild(asDiv); var ubx = document.createElement("link"); ubx.rel = "stylesheet"; ubx.href = "https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_Searchjs/css/autosuggest.min.css"; (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(ubx); jQueryMain(document).ready(function() { window.magento_unbxd_asconfig = { version: "io", platform: "io", siteName: "ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901", APIKey: "1f595fb6015bdcea62e28b2854634781", minChars: 4, maxSuggestion: 5, delay: 100, loadingClass: "unbxd-as-loading", preferInputWidthMainContent: true, mainWidth: jQuery("#search").outerWidth() * 2, sideWidth: 475, zIndex: 1000, position: "absolute", template: "2column", mainTpl: ["inFields", "promotedSuggestions", "keywordSuggestions", "topQueries", ], sideTpl: ["popularProducts"], sideContentOn: "right", showCarts: false, cartType: "separate", onSimpleEnter: function onSimpleEnter() { this.lastKeyEvent.preventDefault(); if (this.input.value.trim().length > 0) { window.location = window.location.origin + "/catalogsearch/result/?q=" + encodeURIComponent(this.input.value); } }, onItemSelect: function onItemSelect(data, original) { if (data.type === "IN_FIELD") { if (data.filtername) { window.location = this.input.form.action + "?q=" + encodeURIComponent(data.value) + "&filter=" + data.filtername + ":" + encodeURIComponent('"' + data.filtervalue + '"'); } else { window.location = window.location.origin + "/catalogsearch/result/?q=" + encodeURIComponent(this.input.value); } } else if (data.type === "POPULAR_PRODUCTS") { window.location = original.productUrl; } else { window.location = window.location.origin + "/catalogsearch/result/?q=" + encodeURIComponent(this.input.value); } }, inFields: { count: 0, fields: { category: 2, brand: 1, }, header: "", tpl: "", }, topQueries: { count: 4, header: "", tpl: "", }, promotedSuggestions: { count: 5, header: "", }, keywordSuggestions: { count: 4, header: "Kueri Teratas", tpl: "", }, popularProducts: { count: 6, fields: ["title", "doctype", "autosuggest", "price", "vOriginalPrice", "imageUrl", "productUrl", "specialPrice", "originalPrice", "sellingPrice", "sku", ], name: true, nameFunctionOrKey: "title", price: true, originalPrice: true, specialPrice: true, sku: true, vOriginalPrice: true, sellingPrice: true, priceFunctionOrKey: "price", image: true, imageUrlOrFunction: "imageUrl", currency: "Rp.", header: "", tpl: "", }, mobile: { template: "1column", mainTpl: ["inFields", "keywordSuggestions", "topQueries", "promotedSuggestions", "popularProducts", ], popularProducts: { count: 3, }, }, filtered: false, resultsContainerSelector: "#search_bar_container", hbsHelpers: function() { // greater than helper Handlebars.registerHelper("gt", function(value1, value2, options) { // clone context so we don't mutate the original const ctx = Object.assign({}, this); const original = parseFloat(ctx.vOriginalPrice ?? ctx.price); const special = parseFloat(ctx.specialPrice); const regular = parseFloat(ctx.price); // determine which price should be used for comparison let compareValue1 = parseFloat(value1); let compareValue2 = parseFloat(value2); // if valid special price exists and is lower than regular/original, use it if (!isNaN(special) && special > 0 && special < original) { ctx.price = special; ctx.vOriginalPrice = original; // use special for comparison only, don't mutate outer context compareValue2 = special; } // comparison decides which block to render const condition = compareValue1 > compareValue2; return condition ? options.fn(ctx) : options.inverse(ctx); }, ); }, }; window.magento_unbxd_asconfig.popularProducts.tpl = `<div class="unbxd-as-popular-product-info" data-sku=""> <div class="unbxd-as-popular-product-image-container"> </div> <div class="unbxd-as-popular-product-details"> <div class="unbxd-as-popular-product-name popular-title"> </div> </div> </div> `; // Add price format configuration for currency formatting window.magento_unbxd_priceFormat = { pattern: "Rp. %s", precision: "0", requiredPrecision: "0", decimalSymbol: ",", groupSymbol: ".", groupLength: 3, integerRequired: false, currencyCode: "IDR", showMinus: "before_symbol", symbol: "Rp. ", minusSign: "-", }; // Add currency conversion configuration window.magento_unbxd_currencyConfig = { exchangeRate: 1, currencyCode: "IDR", currencySymbol: "Rp. ", }; }); }); </script> <script type="text/javascript" defer=""> require(["jquery", "Ves_All/lib/bootstrap/js/bootstrap.min"], function($, ) { if ($(".ves-megamenu").length > 0) { $(".ves-megamenu").each(function() { if ($(this).find(".nav-anchor").length > 0) { $(this).find(".nav-anchor").each(function(index, el) { if ($(this).attr("href") == "https://rural-tourism.net/") { $(this).parent().addClass("active"); $(this).parents(".nav-item.parent").addClass("active"); $(this).parents(".nav-item.dropdown-submenu").addClass("active"); if ($(this).find(".ves-caret.fa.fa-plus").length > 0) { var caret_obj = $(this).find(".ves-caret").first(); $(caret_obj).removeClass("fa-plus").addClass("fa-minus").addClass("item-active"); } if ($(this).parents(".nav-item.parent").length > 0) { $(this).parents(".nav-item.parent").each(function(index2, el2) { if ($(this).children(".nav-anchor").length > 0 && $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").length > 0) { var caret_obj2 = $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").first(); $(caret_obj2).removeClass("fa-plus").addClass("fa-minus").addClass("item-active"); } }); } if ($(this).parents(".nav-item.dropdown-submenu").length > 0) { $(this).parents(".nav-item.dropdown-submenu").each(function(index2, el2) { if ($(this).children(".dropdown-menu").length > 0) { $(this).addClass("current"); } if ($(this).children(".nav-anchor").length > 0 && $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").length > 0) { var caret_obj2 = $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").first(); $(caret_obj2).removeClass("fa-plus").addClass("fa-minus").addClass("item-active"); } }); } } }); } }); } $(document).ready(function() { if (jQuery(".megamenuowl-play").length > 0) { require(["jquery", "Ves_All/lib/owl.carousel/owl.carousel.min", ], function($) { $(".ves-megamenu .nav-item.level0").hover(function() { $(this).find(".megamenuowl-play").each(function() { if (!$(this).hasClass("hasOwl")) { var owlCarousel = jQuery(this).find(".owl-carousel"); var owlId = jQuery(owlCarousel).attr("id"); jQuery(this).addClass("hasOwl"); var config = []; if (typeof jQuery(owlCarousel).data("nav") != "undefined") { config["nav"] = jQuery(owlCarousel).data("nav"); } if (typeof jQuery(owlCarousel).data("dot") != "undefined") { config["dot"] = jQuery(owlCarousel).data("dot"); } if (typeof jQuery(owlCarousel).data("autoplay") != "undefined") { config["autoplay"] = jQuery(owlCarousel).data("autoplay"); } if (jQuery(owlCarousel).data("autoplay-timeout")) { config["autoplayTimeout"] = jQuery(owlCarousel).data("autoplay-timeout"); } if (jQuery(owlCarousel).data("autoplay-pauonhover")) { config["autoplayHoverPause"] = jQuery(owlCarousel).data("autoplay-pauonhover", ); } if (typeof jQuery(owlCarousel).data("rtl") != "undefined") { config["rtl"] = jQuery(owlCarousel).data("rtl"); } if (jQuery(owlCarousel).data("items")) { config["items"] = jQuery(owlCarousel).data("items"); } if (typeof jQuery(owlCarousel).data("loop") != "undefined") { config["loop"] = jQuery(owlCarousel).data("loop"); } if (typeof jQuery(owlCarousel).data("mousedrag") != "undefined") { config["mouseDrag"] = jQuery(owlCarousel).data("mousedrag"); } if (typeof jQuery(owlCarousel).data("pulldrag") != "undefined") { config["pullDrag"] = jQuery(owlCarousel).data("pulldrag"); } if (typeof jQuery(owlCarousel).data("stagepadding") != "undefined") { config["stagePadding"] = jQuery(owlCarousel).data("stagepadding"); } if (typeof jQuery(owlCarousel).data("lazyload") != "undefined") { config["lazyLoad"] = jQuery(owlCarousel).data("lazyload"); } if (jQuery(owlCarousel).data("margin")) { config["margin"] = jQuery(owlCarousel).data("margin"); } var mobile_items = 1; if (jQuery(owlCarousel).data("mobile-items")) { mobile_items = jQuery(owlCarousel).data("mobile-items"); } var tablet_small_items = 3; if (jQuery(owlCarousel).data("tablet-small-items")) { tablet_small_items = jQuery(owlCarousel).data("tablet-small-items"); } var tablet_items = 3; if (jQuery(owlCarousel).data("tablet-items")) { tablet_items = jQuery(owlCarousel).data("tablet-items"); } var portrait_items = 4; if (jQuery(owlCarousel).data("portrait-items")) { portrait_items = jQuery(owlCarousel).data("portrait-items"); } var large_items = 5; if (jQuery(owlCarousel).data("large-items")) { large_items = jQuery(owlCarousel).data("large-items"); } var large_max_items = 6; if (jQuery(owlCarousel).data("large-max-items")) { large_max_items = jQuery(owlCarousel).data("large-max-items"); } config["responsive"] = { 0: { items: mobile_items }, 480: { items: tablet_small_items }, 640: { items: tablet_items }, 768: { items: portrait_items }, 980: { items: large_items }, 1200: { items: large_max_items }, }; jQuery(owlCarousel).owlCarousel(config); jQuery(".owl-left").click(function() { var owlCarousel = jQuery("#" + jQuery(this).data("owlid"), ); owlCarousel.trigger("prev.owl.carousel"); return false; }); jQuery(".owl-right").click(function() { var owlCarousel = jQuery("#" + jQuery(this).data("owlid"), ); owlCarousel.trigger("next.owl.carousel"); return false; }); } }); }); }); } }); }); </script> <script type="text/javascript"> require(["jquery"], function($) { waitForElement(".bv_button_buttonMinimalist", function() { // If user comes from the product review email then open the review form. if (window.location.href.indexOf("#review") > -1) { $(".bv_button_buttonMinimalist").trigger("click"); } }); // If user clicks on the rating summary waitForReviewElement(".bv_ratings_summary", function() { $(document).on("click", ".bv_ratings_summary", function() { goToReview(); }); }); // If user clicks on the rating summary button popup waitForRatingElement(".bv_modal_outer_content", function() { // If user click on rating, then scroll to review tab. $(document).ready(function() { $(".bv_modal_outer_content").on("click", function() { goToReview(); }); }); }); // Function to go to review tab. function goToReview() { $("#tab-label-bv_reviews-title").trigger("click"); $([document.documentElement, document.body]).animate({ scrollTop: $("#tab-label-bv_reviews-title").offset().top - 100, }, 1000, ); } // Function to wait till the element found. function waitForElement(query, callback) { var poops = setInterval(function() { if (document.querySelector(query)) { clearInterval(poops); callback(); } }, 100); } // Function to wait till the review element found. function waitForReviewElement(query, callback) { var poops = setInterval(function() { if (document.querySelector(query)) { clearInterval(poops); callback(); } }, 1000); } // Function to wait till the rating element found. function waitForRatingElement(query, callback) { var poops = setInterval(function() { if (document.querySelector(query)) { clearInterval(poops); callback(); } }, 1000); } }); </script> <script> require(["jquery", "designelements_base"], function($, SEMICOLONBASE) { var options = { breakpoints: { xxs: { enter: 0, exit: 319 }, xs: { enter: "320", exit: 479 }, s: { enter: "480", exit: 639 }, m: { enter: "640", exit: 766 }, l: { enter: "767", exit: 1023 }, xl: { enter: "1024", exit: 10000 }, }, }; $(document).ready(SEMICOLONBASE.widget.init(options)); $(window).on("resize", function() { var t = setTimeout(function() { SEMICOLONBASE.widget.responsiveWpClasses(); }, 500); }); }); </script> <script> window.Pearl = window.Pearl || {}; window.Pearl.scrollCollapsibleToTop = 0; </script> <script> window.stickyMobileEnabled = "0"; window.stickyHeaderScrollUpEnabled = ""; require(["jquery", "WeltPixel_CustomHeader/js/sticky_header_js", "", ], function($, stickyHeader) { $(document).ready(function() { stickyHeader.stickyHeader(); }); }); </script> <script type="text/javascript"> window.socialloginButtons = ""; </script> <script> require(["jquery"], function($) { $(document).ready(function() { $(document).on("mouseleave", ".fotorama__stage", function() { $(".magnify-lens").addClass("magnify-hidden"); $(".magnifier-preview").addClass("magnify-hidden"); }); }); }); require(["jquery", "mage/gallery/gallery"], function($, gallery) { $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() { $(this).on("fotorama:ready", function() { var fotoramaStageLeft = parseInt($(".fotorama__stage").css("left"), ); if (fotoramaStageLeft) { $(".fotorama__stage").width($(".fotorama__stage").width() - fotoramaStageLeft, ); } }); }, ); }); </script> <script> require(["jquery"], function($) { $(document).ready(function() { "use strict"; var validationErrorMoved = false; $("#product-addtocart-button").click(function() { if (!validationErrorMoved) { $(".swatch-attribute").each(function() { var attrId = $(this).attr("attribute-id"); var validationElement = $('input[name="super_attribute[' + attrId + ']"]', ).get(0); $(validationElement).appendTo(this); }); validationErrorMoved = true; } }); $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() { $(this).on("fotorama:ready", function() { $(".fotorama__stage__frame.fotorama__active").closest(".fotorama__stage__shaft").css("transform", "none"); }); }, ); }); }); </script> <script type="text/javascript"> require(["jquery", "underscore"], function($, _) { $(document).ready(function() { if ($("#bundle-slide")) { $("#sticky-addtocart-button").removeAttr("disabled"); } var interval = setInterval(function() { var wishlistStorage = JSON.parse(localStorage.getItem("mage-cache-storage"), ).wishlist; if (typeof wishlistStorage !== "undefined" && wishlistStorage !== "{}") { var productIdValue = $(".product-addto-links").find(".towishlist").first().attr("id"); if (!_.isEmpty(wishlistStorage) && _.isArray(wishlistStorage.items) && wishlistStorage.items.length) { _.each(wishlistStorage.items, function(item) { if (item.product_id === productIdValue) { $("#" + productIdValue).addClass("added-to-wishlist wishlisted", ); var url = window.location.origin + "/customer/wishlist/remove/item/" + item.wishlist_item_id; $("#" + productIdValue).removeAttr("data-action"); $("#" + productIdValue).removeAttr("data-post"); $("#" + productIdValue).attr("href", url); } }); } clearInterval(interval); } }, 100); }); $(".sticky_nosize").click(function() { $("html, body").animate({ scrollTop: $(".swatch-attribute-label").offset().top - 100, }, 1000, ); return false; }); $("#sticky-addtocart-button").click(function() { var $this = $(this); $this.attr("disabled", "disabled"); setTimeout(function() { $this.removeAttr("disabled"); }, 1500); $("#product-addtocart-button").click(); }); // Code to display selected configurable option next to its label. $("#product-options-wrapper").on("click", ".swatch-option", function() { // Loop on all the swatch attributes $(".swatch-attribute").each(function() { // Get the attribute id and code in var var attrCode = $(this).attr("attribute-code"); var attrId = $(this).attr("attribute-id"); // Get the selected option var selectedOption = $("#option-label-" + attrCode + "-" + attrId + "-item-" + $(this).attr("option-selected"), ).attr("option-label"); // Check, if there is any option selected then display the same in sticky bar and current confirugable option. if (selectedOption != undefined) { if ($("#option-label-" + attrCode + "-" + attrId + " .current-" + attrCode, )) { $("#option-label-" + attrCode + "-" + attrId + " .current-" + attrCode, ).remove(); } $("#option-label-" + attrCode + "-" + attrId).append('<span class="current-' + attrCode + '"> : ' + selectedOption + "</span>", ); $("#sticky_current_" + attrCode).html(selectedOption); } }); }, ); }); </script> <script> require(["jquery", "designelements_default"], function($, SEMICOLONDEFAULT, ) { $(document).ready(SEMICOLONDEFAULT.widget.init()); $(window).on("resize", function() { var t = setTimeout(function() { SEMICOLONDEFAULT.widget.dataResponsiveClasses(); SEMICOLONDEFAULT.widget.dataResponsiveHeights(); SEMICOLONDEFAULT.widget.verticalMiddle(); SEMICOLONDEFAULT.widget.fullScreen(); }, 500); }); }); </script> <script> require(["jquery", "toggles_accordions_tabs"], function($, SEMICOLONTABS, ) { $(document).ready(SEMICOLONTABS.widget.init()); $(window).on("resize", function() { var t = setTimeout(function() { SEMICOLONTABS.widget.tabsJustify(); }, 500); }); }); </script> <script> require(["jquery", "btt_button"], function($, SEMICOLONBTTBUTTON) { var options = '{"offset":300,"offsetOpacity":1200,"scrollTopDuration":700}'; $(document).ready(SEMICOLONBTTBUTTON.widget.init(options)); }); </script> <script> window.atomePaymentPluginPriceDividerOptions = { language: "id", price_divider: "yes", price_divider_applied_on: "all", max_spend: "0", min_spend: "50000", country: "id", platform: "TOTO", version: "6.0.0", }; </script> <script> require(["jquery", "weltpixel_persistentLayer", "weltpixel_gtm", "Magento_Customer/js/customer-data", ], function($, wpPersDl, wpgtm, customerData) { $(document).ajaxComplete(function(event, xhr, settings) { if (settings.url.search("/customer\/section\/load/") > 0) { var response = xhr.responseJSON; if (response.gtm) { var dataLayerData = $.parseJSON(response.gtm.datalayer); for (index in dataLayerData) { if (window.eventName === "checkout" && dataLayerData[index].event === "checkout") { continue; } window.dataLayer.push(dataLayerData[index]); window.eventName = "checkout"; } } } }); var wpPersDlOptions = { storageExpiryTime: 30 }; var wpGtmOptions = { enabled: 1, persDataLayer: wpPersDl, }; wpPersDl.init(wpPersDlOptions); wpgtm.trackPromotion(wpGtmOptions); }); </script> <script> window.getWpCookie = function(name) { match = document.cookie.match(new RegExp(name + "=([^;]+)")); if (match) return decodeURIComponent(match[1].replace(/\+/g, " ")); }; window.dataLayer = window.dataLayer || []; var dlObjects = [{ event: "productDetail", ecommerce: { currencyCode: "IDR", detail: { actionField: { list: "homepage" }, products: [{ name: "Patriot77 | Nuansa Premium dengan Kenyamanan Maksimal", id: "1876-0LX01893491", price: "9999", discounted_price: "", discount_percentage: "", dimension22: "52165", brand: "nike", category: "kategori pria", dimension4: "in stock", dimension7: "no", dimension5: "", dimension6: "", }, ], userID: "", }, }, }, ]; for (var i in dlObjects) { if (dlObjects[i] && typeof dlObjects[i].categoryData === "undefined") { window.dataLayer.push(dlObjects[i]); } } var wpCookies = ["wp_customerId", "wp_customerGroup"]; wpCookies.map(function(cookieName) { var cookieValue = window.getWpCookie(cookieName); if (cookieValue) { var dlObject = {}; dlObject[cookieName.replace("wp_", "")] = cookieValue; window.dataLayer.push(dlObject); } }); </script> <script type="text/javascript"> require(["jquery", "Born_WeltPixelGtm/js/born_gtm"], function($, bornGtm, ) { $(window).on("on.window.load", function() { window.userId = ""; bornGtm.triggerSocialLinksClick(); bornGtm.triggerPromotionClick(); bornGtm.triggerProductImpression(); bornGtm.triggerProductClick(); bornGtm.triggerPromotionImpressions(); bornGtm.triggerBrandClick(); bornGtm.triggerSocialShareTrack(); bornGtm.triggerArticleTrack("\u007B\u0022type\u0022\u003A\u0022non\u002Darticle\u0022\u007D", ); bornGtm.triggerRemarketingTag("\u007B\u0022event\u0022\u003A\u0022dynrmktparamsready\u0022,\u0022google_tag_params\u0022\u003A\u007B\u0022ecomm_pagetype\u0022\u003A\u0022product\u0022,\u0022ecomm_prodid\u0022\u003A\u002252165\u0022,\u0022ecomm_totalvalue\u0022\u003A\u0022299000\u0022\u007D\u007D", ); }); }); var productInformation = "\u007B\u0022url\u0022\u003A\u0022https\u003A\u005C\u002F\u005C\u002Fwww.footlocker.id\u005C\u002Fnike\u002Dunstructured\u002Dunisex\u002Dfutura\u002Dwash\u002Dcap\u002Dblack\u002D3.html\u0022,\u0022name\u0022\u003A\u0022nike\u0020unstructured\u0020unisex\u0020futura\u0020wash\u0020cap\u0020\u002D\u0020black\u0022,\u0022id\u0022\u003A\u00220886\u002Dnikfb5368011\u0022,\u0022brand\u0022\u003A\u0022nike\u0022,\u0022price\u0022\u003A\u0022299000\u0022,\u0022category\u0022\u003A\u0022\u0022,\u0022dimension22\u0022\u003A\u002252165\u0022\u007D"; </script>Slot 1000 terbaik di Indonesia <script type="text/javascript"> window.NREUM || (NREUM = {}); NREUM.info = { beacon: "bam.nr-data.net", licenseKey: "NRJS-f1f97408dd720d9f1e3", applicationID: "575529148", transactionName: "b1NSZEsCCkYFUBdYClYZcVNNCgtbS1ACRQRUWVcfSRELURFQFx4TUVNH", queueTime: 0, applicationTime: 2112, atts: "QxRREgMYGUg=", errorBeacon: "bam.nr-data.net", agent: "", }; </script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"94fa5379fa71470ba7dc8f1cfd1e8f3e","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"161f1b188cd94e06a24d855dd3ba8c3d","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"5f4bbf19a265400c87355ee709965c66","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"587ca1cbd73a480e827556b6cf062f93","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"bc053d3108ca4821a4a34d0a157d0c99","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"cc6a3ef3968646fba1aeee3dbfc8a40b","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" data-cf-beacon="{" version":"2024.11.0","token":"df644f0ba84243058ec5222b131de6c7","r":1,"server_timing":{"name":{"cfcachestatus":true,"cfedge":true,"cfextpri":true,"cfl4":true,"cforigin":true,"cfspeedbrain":true},"location_startswith":null}}"="" crossorigin="anonymous"></script> </div><script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0cf6be17d98a4709bc267dc20c3d8173","r":1,"spa":2}' crossorigin="anonymous"></script></body></html>
