{
  "action": "Product-ShowQuickView",
  "queryString": "pid=WDBK",
  "locale": "default",
  "product": {
    "images": {
      "hi-res": [
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=3000,width=3000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "responsiveImages": ""
        }
      ],
      "large": [
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "responsiveImages": ""
        }
      ],
      "small": [
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "index": "0",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
          "responsiveImages": ""
        },
        {
          "alt": "",
          "url": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "index": "1",
          "title": "",
          "absURL": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "maxImageSrc": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=250,width=250,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg",
          "responsiveImages": ""
        }
      ]
    },
    "uuid": "e0d41abde0ded056cb57cce935",
    "id": "WDBK",
    "productName": "Wooden Daito Bokken Katana Sword",
    "productType": "master",
    "brand": "BUDK",
    "price": {
      "type": "tiered",
      "useSimplePrice": false,
      "tiers": [
        {
          "quantity": 1,
          "price": {
            "sales": {
              "value": 24.99,
              "currency": "USD",
              "formatted": "$24.99",
              "decimalPrice": "24.99"
            },
            "list": null
          }
        },
        {
          "quantity": 2,
          "price": {
            "sales": {
              "value": 20,
              "currency": "USD",
              "formatted": "$20.00",
              "decimalPrice": "20.00"
            },
            "list": null
          }
        }
      ],
      "startingFromPrice": {
        "sales": {
          "value": 20,
          "currency": "USD",
          "formatted": "$20.00",
          "decimalPrice": "20.00"
        },
        "list": null
      }
    },
    "renderedPrice": "    <div class=\"price\">\n        \n<style>\n\n</style>\n\n<div class=\"tiered\">\n    \n        \n\n            \n            <div class=\"tiered-pricing-inline\" id=\"product-pricing\">\n            \n            \n                \n                \n                \n                \n\n                    \n                    <span class=\"price-container product-details-page\">\n                        \n                        \n                        \n                        <span class=\"sales\">\n                            <span class=\"value\" content=\"24.99\">\n                                \n                                \n                                    $24.99\n                                \n                            </span>\n                        </span>\n                        \n                    </span>\n\n                    \n                    \n                \n                \n                \n                \n                \n\n                    \n                        <span class=\"discount-text\">\n                            2&nbsp;or&nbsp;more&nbsp;only&nbsp;\n                            \n                            <span class=\"discount-price\">\n                                \n                                    \n                                        \n                                    \n                                \n                                $20.00\n                            </span>\n                            &nbsp;each!\n                        </span>\n                        \n            </div>\n\n\n            \n            <div id=\"checkout-pricing\" style=\"display: none;\">\n                \n            </div>\n\n\n            <script>\n            if (window.location.href.toLowerCase().includes('checkout')) {\n                document.getElementById('product-pricing').style.display = 'none';\n                document.getElementById('checkout-pricing').style.display = 'block';\n            } else {\n                document.getElementById('product-pricing').style.display = 'block';\n                document.getElementById('checkout-pricing').style.display = 'none';\n            }\n            </script>\n        \n    \n</div>\n\n\n\n    </div>\n\n\n",
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "color",
        "id": "color",
        "swatchable": true,
        "displayValue": "",
        "values": [
          {
            "id": "BLK",
            "description": null,
            "displayValue": "Black",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.trueswords.com/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?dwvar_WDBK_color=BLK&pid=WDBK&quantity=1",
            "images": {}
          },
          {
            "id": "WD",
            "description": null,
            "displayValue": "Wood",
            "value": "https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a31-bk5473/natural-wooden-daito-bokken-katana-sword-full-view.jpg",
            "selected": false,
            "selectable": true,
            "url": "https://www.trueswords.com/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?dwvar_WDBK_color=WD&pid=WDBK&quantity=1",
            "images": {}
          }
        ]
      }
    ],
    "longDescription": "Take your training to the next level with this Wooden Daito Katana! Constructed of hardwood so that you can practice for hours on end without worrying about breaking it, this sword even features a two-piece hand guard for your protection. The handle is even wrapped in nylon cord like a traditional Katana sword.",
    "shortDescription": "<ul class=\"ulfont\" style=\"margin-left: 14px;\">\r\n\t<li style=\"display: list-item; list-style-type: disc\">wooden construction</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Nylon cord wrapped handle</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Two-piece hand guard</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Measures 40\" overall in length</li>\r\n</ul>",
    "rating": 5,
    "promotions": null,
    "attributes": [
      {
        "ID": "ote_attributes",
        "name": "OTE Custom Attributes",
        "attributes": [
          {
            "label": "ca_ExcludeExpressShipping",
            "value": [
              "N"
            ]
          },
          {
            "label": "PLP Title",
            "value": [
              "Wooden Bokken Katana Sword"
            ]
          }
        ]
      },
      {
        "ID": "ote_refinement",
        "name": "OTE Refinements",
        "attributes": [
          {
            "label": "Swords",
            "value": [
              "Practice Sword"
            ]
          },
          {
            "label": "Brand",
            "value": [
              "K Exclusive"
            ]
          }
        ]
      },
      {
        "ID": "yotpo",
        "name": "Yotpo",
        "attributes": [
          {
            "label": "Yotpo Average Score",
            "value": [
              "4.6"
            ]
          },
          {
            "label": "Yotpo Total Reviews",
            "value": [
              "16"
            ]
          }
        ]
      }
    ],
    "availability": {
      "messages": [
        "In Stock"
      ],
      "inStockDate": null
    },
    "available": true,
    "formatedInStockDate": null,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&quantity=10"
      }
    ],
    "selectedProductUrl": "/Black-Wooden-Daito-Bokken-Katana-Sword-30262/WDBK.html?%2FBlack-Wooden-Daito-Bokken-Katana-Sword-30262%2FWDBK.html=undefined&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": "Wooden Daito Bokken Katana Sword",
    "pageDescription": "wooden construction. Nylon cord wrapped handle. Two-piece hand guard. Measures 40\" overall in length. . . .",
    "pageKeywords": null,
    "pageMetaTags": [
      {}
    ],
    "template": null,
    "_gtmCategoryID": "49",
    "_gtmCategory": "Swords/Practice Swords",
    "_gtmMasterID": "WDBK",
    "_gtmBrand": "BUDK",
    "_gtmPrice": null,
    "_gtmVariantID": null,
    "availableForInStorePickup": false,
    "giftRegistryLink": "/on/demandware.store/Sites-TrueSwords-Site/default/GiftRegistry-AddProductInterceptAjax?rurl=3",
    "responsiveImages": [],
    "badge": {},
    "ca_ShowEmailMe": "Y",
    "excludeExpressShipping": false,
    "ageLimit": false,
    "stateRestrictions": "",
    "retailQtyLimit": "0",
    "videoSchema": {},
    "international": "N",
    "cloudflareVideoURL": "",
    "ca_LongDescription": "Take your training to the next level with this wooden Daito Katana! Constructed of hardwood so that you can practice for hours on end without worrying about breaking it, this sword even features a two-piece hand guard for your protection. The handle is even wrapped in nylon cord like a traditional Katana sword.",
    "ca_SKU": "31 BK5474",
    "ca_ShortDescription": "<ul class=\"ulfont\" style=\"margin-left: 14px;\">\r\n\t<li style=\"display: list-item; list-style-type: disc\">wooden construction</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Nylon cord wrapped handle</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Two-piece hand guard</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Measures 40\" overall in length</li>\r\n</ul>",
    "masterProductId": "WDBK",
    "hasEngraving": false,
    "engravingCharLimit": 0,
    "ca_ItemName": "Wooden Daito Bokken Katana Sword",
    "ca_MetaDescription": "Black wooden construction. Nylon cord wrapped handle. Two-piece hand guard. Measures 40\" overall in length. . . .",
    "ca_Title": "Wooden Daito Bokken Katana Sword",
    "dailyDealPromotion": false
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "slickData": {
    "arrows": true,
    "dots": true,
    "slidesToShow": 1
  },
  "renderedTemplate": "<div class=\"product-quickview product-master col mb-0 product-wrapper product-detail\"\ndata-disable-zoom=\"true\"\ndata-pid=\"WDBK\">\n    <div class=\"row\">\n        <!-- Product Images Carousel -->\n        \n\n\n\n\n\n\n\n\n\n\n<style>\n    .img-zoom-preload {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    opacity: 0;\n    pointer-events: none;\n    overflow: hidden;\n}\n\n.c-product-detail__carousel--pdp,\n.c-product-detail__carousel--quickview {\n    min-height: 300px; /* Adjust based on your typical image height */\n    position: relative;\n}\n\n@media (min-width: 768px) {\n    .c-product-detail__carousel--pdp,\n    .c-product-detail__carousel--quickview {\n        min-height: 400px; /* Larger for desktop */\n    }\n}\n\n/* Add a subtle loading indicator */\n.c-product-detail__carousel--pdp:empty::before,\n.c-product-detail__carousel--quickview:empty::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #f8f9fa;\n}\n\n@media (min-width: 768px) and (max-width: 991.98px) {\n  .js-carousel-thumbs.slick-vertical {\n    height: auto !important;\n    max-height: 500px;\n    overflow-y: auto;\n  }\n}\n\n</style>\n<div class=\"c-product-detail__images c-product-detail__images--quickview primary-images col-12 position-relative px-0\">\n    \n        <div class=\"js-product-badge product-badge\">\n            <div class=\"position-absolute c-product-detail__badge c-product-detail__badge\" style=\"color:; background-color:;\">\n    \n</div>\n\n        </div>\n    \n    <section class=\"slide\" aria-labelledby=\"product-imgs-heading\">\n        <h2 id=\"product-imgs-heading\" class=\"sr-only\">\n            Product Images\n        </h2>\n        <div class=\"js-carousel-main c-product-detail__carousel--quickview js-slider s-slick mb-4 mb-md-0\"\n        data-slick=\"{&quot;arrows&quot;:true,&quot;dots&quot;:true,&quot;slidesToShow&quot;:1}\">\n            \n                \n                    \n                        <div class=\"c-product-detail__img-wrapper\">\n    <img\n        width=\"600\"\n        height=\"600\"\n        sizes=\"(min-width: 1600px) 600px,\n            (min-width: 768px) 50vw,\n            100vw\"\n        class=\"d-block img-fluid\"\n        title=\"\"\n        itemprop=\"image\"\n        src=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg\"\n        data-lazy=\"\"\n        alt=\" image number 0\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n    />\n</div>\n\n                    \n                \n            \n                \n                    <div class=\"img-zoom-d-none d-none\">\n                        \n                            <div class=\"c-product-detail__img-wrapper\">\n    <img\n        width=\"600\"\n        height=\"600\"\n        sizes=\"(min-width: 1600px) 600px,\n            (min-width: 768px) 50vw,\n            100vw\"\n        class=\"d-block img-fluid\"\n        title=\"\"\n        itemprop=\"image\"\n        src=\"\"\n        data-lazy=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=1000,width=1000,quality=75/images/c31-bk5474/black-wooden-daito-katana-handle-detail.jpg\"\n        alt=\" image number 1\"\n        loading=\"lazy\"\n        fetchpriority=\"auto\"\n    />\n</div>\n\n                        \n                    </div>\n                \n            \n        </div>\n        \n    </section>\n</div>\n\n\n        <!-- Product Name and Number -->\n        <div class=\"col-sm-6\">\n            <div class=\"row\">\n                <div class=\"col\">\n                    <section>\n                        <h1 class=\"product-name\">Wooden Daito Bokken Katana Sword</h1>\n                    </section>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col\">\n                    <!-- Prices -->\n                    <div class=\"prices text-left\">\n                        \n                        \n    <div class=\"price\">\n        \n<style>\n\n</style>\n\n<div class=\"tiered\">\n    \n        \n\n            \n            <div class=\"tiered-pricing-inline\" id=\"product-pricing\">\n            \n            \n                \n                \n                \n                \n\n                    \n                    <span class=\"price-container product-details-page\">\n                        \n                        \n                        \n                        <span class=\"sales\">\n                            <span class=\"value\" content=\"24.99\">\n                                \n                                \n                                    $24.99\n                                \n                            </span>\n                        </span>\n                        \n                    </span>\n\n                    \n                    \n                \n                \n                \n                \n                \n\n                    \n                        <span class=\"discount-text\">\n                            2&nbsp;or&nbsp;more&nbsp;only&nbsp;\n                            \n                            <span class=\"discount-price\">\n                                \n                                    \n                                        \n                                    \n                                \n                                $20.00\n                            </span>\n                            &nbsp;each!\n                        </span>\n                        \n            </div>\n\n\n            \n            <div id=\"checkout-pricing\" style=\"display: none;\">\n                \n            </div>\n\n\n            <script>\n            if (window.location.href.toLowerCase().includes('checkout')) {\n                document.getElementById('product-pricing').style.display = 'none';\n                document.getElementById('checkout-pricing').style.display = 'block';\n            } else {\n                document.getElementById('product-pricing').style.display = 'block';\n                document.getElementById('checkout-pricing').style.display = 'none';\n            }\n            </script>\n        \n    \n</div>\n\n\n\n    </div>\n\n\n                    </div>\n                </div>\n            </div>\n\n            <!-- Applicable Promotions -->\n            <div class=\"row\">\n                <div class=\"col-12 promotions\">\n                    <div class=\"align-self-center\">\n                        \n\n\n\n                    </div>\n                </div>\n            </div>\n\n            <!-- Product Rating -->\n            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"product-number-rating clearfix\">\n    <!-- Product Number -->\n    <div class=\"product-number pull-left\">\n        <span class=\"product-id d-none\">WDBK</span>\n\n    <span class=\"product-sku js-product-sku\">\n        #31 BK5474\n    </span>\n\n\n    </div>\n\n    <!-- Product Rating -->\n    <div class=\"ratings pull-right\">\n        <span class=\"sr-only\">5 out of 5 Customer Rating</span>\n        \n\n\n\n\n\n\n\n\n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-TrueSwords-Site/-/default/dw6878c3d8/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-TrueSwords-Site/-/default/dw6878c3d8/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-TrueSwords-Site/-/default/dw6878c3d8/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-TrueSwords-Site/-/default/dw6878c3d8/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n        \n            <svg class=\"c-icon c-icon--rating-star\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-TrueSwords-Site/-/default/dw6878c3d8/svg/symbols.svg#svg-star\"></use>\n    \n</svg>\n\n        \n    \n\n\n    </div>\n</div>\n\n                </div>\n            </div>\n\n            <!-- Short Description -->\n            \n<div class=\"row\">\n    <div class=\"description col \">\n        \n\n    <div class=\"value content pt-4\">\n        <ul class=\"ulfont\" style=\"margin-left: 14px;\">\r\n\t<li style=\"display: list-item; list-style-type: disc\">wooden construction</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Nylon cord wrapped handle</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Two-piece hand guard</li>\r\n\t<li style=\"display: list-item; list-style-type: disc\">Measures 40\" overall in length</li>\r\n</ul>\n    </div>\n\n\n\n    </div>\n</div>\n\n\n            <hr>\n\n            <div class=\"detail-panel\">\n                <!-- Attributes -->\n                <section class=\"attributes\">\n\n                    <div class=\"row\">\n    <div class=\"col\">\n        \n            <div class=\"main-attributes\">\n                \n                    \n                \n                    \n                \n                    \n                \n            </div>\n        \n    </div>\n</div>\n\n\n                        \n                            <div data-attr=\"color\" class=\"swatch row\">\n                                <div class=\"col-12\">\n                                    \n\n\n<div class=\"c-product-detail__attributes__item js-product-attribute-item attribute col\">\n\n\n    \n\n        <!-- Select <Attribute> Label -->\n        <span class=\"color non-input-label\">\n            \n            <span class = \"js-hide-on-select\">Select</span> color\n            <span class=\"attribute-required\">(required):</span>\n            <span class=\"js-variant-color color-variant\"></span>\n            \n            \n            <span class=\"c-product-detail__attributes__item__error add-to-cart-validation d-none\">\n                Select color\n            </span>\n            \n        </span>\n\n        <!-- Circular Swatch Image Attribute Values -->\n        <div class=\"pb-4\">\n            \n            \n                \n                    \n                \n            \n                \n                    \n                \n            \n            \n            \n                <!-- Image-based swatches in slick slider -->\n                <div class=\"variations-slick-slider\">\n                    <div class=\"js-variations-slider s-slick s-slick--variations\" \n                         data-slick='{\"arrows\": false, \"slidesToShow\": 6, \"slidesToScroll\": 1, \"infinite\": false, \"variableWidth\": false, \"centerMode\": false, \"adaptiveHeight\": false, \"swipeToSlide\": true, \"touchMove\": true, \"responsive\": [{\"breakpoint\": 768, \"settings\": {\"slidesToShow\": 4, \"variableWidth\": false}}, {\"breakpoint\": 480, \"settings\": {\"slidesToShow\": 2, \"variableWidth\": false}}]}'\n                         style=\"max-width: 900px;\">\n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">Black</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color Black\"\n                                        aria-describedby=\"BLK\"\n                                        data-url=\"https://www.trueswords.com/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?dwvar_WDBK_color=BLK&amp;pid=WDBK&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a31-bk5474/black-wooden-daito-bokken-katana-sword-full-view.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"BLK\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                            \n                                <div class=\"variation-slide d-flex flex-column align-items-center\">\n                                    <span class=\"variation-name font-weight-bold text-uppercase mb-1\">Wood</span>\n                                    <button class=\"btn color-attribute js-attr-selector-color\"\n                                        aria-label=\"Select color Wood\"\n                                        aria-describedby=\"WD\"\n                                        data-url=\"https://www.trueswords.com/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?dwvar_WDBK_color=WD&amp;pid=WDBK&amp;quantity=1\" \n                                    >\n                                        <span data-attr-value=\"https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a31-bk5473/natural-wooden-daito-bokken-katana-sword-full-view.jpg\"\n                                            class=\"color-value swatch-circle swatch-value  selectable\"\n                                            style=\"background-image: url(https://images.ontheedgebrands.com/cdn-cgi/image/f=auto,height=80,width=80,quality=75/images/a31-bk5473/natural-wooden-daito-bokken-katana-sword-full-view.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;\">\n                                        </span>\n                                        <span id=\"WD\" class=\"sr-only selected-assistive-text\">\n                                            \n                                        </span>\n                                    </button>\n                                </div>\n                            \n                        \n                    </div>\n                </div>\n                \n                <script>\n                    (function() {\n                        // Run immediately, don't wait for DOMContentLoaded\n                        setTimeout(function() {\n                            var sliders = document.querySelectorAll('.js-variations-slider');\n                            if (!sliders || !sliders.length) return;\n\n                            var isMobile = window.innerWidth <= 768;\n\n                            Array.prototype.forEach.call(sliders, function(slider) {\n                                var swatchCount = slider.querySelectorAll('.variation-slide').length;\n\n                                if (isMobile) {\n                                    // Enable slick on mobile/tablet with centered slides\n                                    var isSmallMobile = window.innerWidth <= 480;\n                                    var config = JSON.parse(slider.getAttribute('data-slick'));\n                                    config.slidesToShow = isSmallMobile ? 1 : 3;\n                                    config.centerMode = true;\n                                    config.centerPadding = isSmallMobile ? '40px' : '60px';\n                                    config.arrows = false;\n                                    config.infinite = false;\n                                    config.variableWidth = false;\n\n                                    try {\n                                        if (window.jQuery && window.jQuery.fn && window.jQuery.fn.slick) {\n                                            var $s = window.jQuery(slider);\n                                            if ($s.hasClass('slick-initialized')) {\n                                                $s.slick('unslick');\n                                            }\n                                            $s.slick(config);\n                                        }\n                                    } catch (e) {}\n                                } else {\n                                    // Desktop: ensure no slick and apply side-by-side layout\n                                    try {\n                                        if (window.jQuery && window.jQuery.fn && window.jQuery.fn.slick) {\n                                            var $s2 = window.jQuery(slider);\n                                            if ($s2.hasClass('slick-initialized')) {\n                                                $s2.slick('unslick');\n                                            }\n                                        }\n                                    } catch (e) {}\n                                    slider.classList.remove('slick-initialized', 'slick-slider');\n                                    slider.style.display = 'flex';\n                                    slider.style.flexWrap = 'nowrap';\n                                    slider.style.gap = '8px';\n                                    slider.style.justifyContent = 'flex-start';\n                                }\n\n                                // Hide selected text label when using image-based swatches\n                                try {\n                                    var hasImage = swatchCount > 0;\n                                    var labelEl = slider.closest('.c-product-detail__attributes__item')\n                                        .querySelector('.js-variant-color');\n                                    if (labelEl) {\n                                        labelEl.style.display = hasImage ? 'none' : '';\n                                    }\n                                } catch (e) {}\n                            });\n                        }, 100); // Small delay to ensure DOM is ready\n                    })();\n                </script>\n            \n        </div>\n\n    \n    \n    \n</div>\n\n                                </div>\n\n                                \n                                    <!-- Quantity Drop Down Menu -->\n                                    <div class=\"attribute quantity col-4 d-sm-none\">\n                                        \n                                            <label for=\"quantity-1\">Quantity</label>\n<select class=\"quantity-select custom-select form-control\" id=\"quantity-1\">\n    \n        <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=1\"\n                selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=2\"\n                \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=3\"\n                \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=4\"\n                \n        >\n            4\n        </option>\n    \n        <option value=\"5\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=5\"\n                \n        >\n            5\n        </option>\n    \n        <option value=\"6\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=6\"\n                \n        >\n            6\n        </option>\n    \n        <option value=\"7\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=7\"\n                \n        >\n            7\n        </option>\n    \n        <option value=\"8\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=8\"\n                \n        >\n            8\n        </option>\n    \n        <option value=\"9\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=9\"\n                \n        >\n            9\n        </option>\n    \n        <option value=\"10\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=10\"\n                \n        >\n            10\n        </option>\n    \n</select>\n\n                                        \n                                    </div>\n                                \n                            </div>\n                        \n\n                        <div class=\"d-sm-none row availability align-self-end \" data-ready-to-order=\"false\" data-available=\"true\">\n                            \n\n<ul class=\"list-unstyled availability-msg\" data-ship-today-text=\"&mdash; Ships Today!\">\n    <li>\n        \n            <div></div>\n        \n    </li>\n</ul>\n\n\n\n                        </div>\n                </section>\n\n                \n                    <!-- Options -->\n                    \n                \n            </div>\n\n            \n            <!-- Quantity -->\n            <div class=\"row mt-4\">\n                <div class=\"hidden-xs-down col-4\">\n                    \n                        <label for=\"quantity-1\">Quantity</label>\n<select class=\"quantity-select custom-select form-control\" id=\"quantity-1\">\n    \n        <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=1\"\n                selected\n        >\n            1\n        </option>\n    \n        <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=2\"\n                \n        >\n            2\n        </option>\n    \n        <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=3\"\n                \n        >\n            3\n        </option>\n    \n        <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=4\"\n                \n        >\n            4\n        </option>\n    \n        <option value=\"5\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=5\"\n                \n        >\n            5\n        </option>\n    \n        <option value=\"6\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=6\"\n                \n        >\n            6\n        </option>\n    \n        <option value=\"7\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=7\"\n                \n        >\n            7\n        </option>\n    \n        <option value=\"8\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=8\"\n                \n        >\n            8\n        </option>\n    \n        <option value=\"9\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=9\"\n                \n        >\n            9\n        </option>\n    \n        <option value=\"10\"\n                data-url=\"/on/demandware.store/Sites-TrueSwords-Site/default/Product-Variation?pid=WDBK&amp;quantity=10\"\n                \n        >\n            10\n        </option>\n    \n</select>\n\n                    \n                </div>\n            </div>\n\n            <hr>\n\n            <div class=\"row \">\n                <div class=\"hidden-xs-down col availability align-self-end global-availability mt-2\" data-ready-to-order=\"false\" data-available=\"true\">\n                    <div class=\"row\">\n                        \n\n<ul class=\"list-unstyled availability-msg\" data-ship-today-text=\"&mdash; Ships Today!\">\n    <li>\n        \n            <div></div>\n        \n    </li>\n</ul>\n\n\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col\">\n                    <!-- Cart and [Optionally] Apple Pay -->\n                    \n                        \n<div class=\"row cart-and-ipay\">\n    <div class=\"col-md-12 text-md-left d-md-flex justify-content-md-between\">\n        <input type=\"hidden\" class=\"add-to-cart-url js-add-to-cart-url\" value=\"/on/demandware.store/Sites-TrueSwords-Site/default/Cart-AddProduct\">\n        <button class=\"add-to-cart-global btn btn-primary col-md-7\"\n                data-pid=\"WDBK\"\n                >\n            <i class=\"fa fa-shopping-bag\"></i>\n            \n                Add to Cart\n            \n        </button>\n        <button type=\"submit\" class=\"link-primary add-to-wish-list mt-4 mt-md-0\" data-href=\"/on/demandware.store/Sites-TrueSwords-Site/default/Wishlist-AddProduct\">\n            <svg class=\"c-icon c-icon--check\" aria-hidden=\"true\">\n     \n    <use class=\"\" xlink:href=\"/on/demandware.static/Sites-TrueSwords-Site/-/default/dw6878c3d8/svg/symbols.svg#svg-star-icon\"></use>\n    \n</svg>\n\n            <span>Add to Wishlist</span>\n        </button>\n    </div>\n</div>\n\n                    \n                </div>\n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n",
  "productUrl": "/Black-Wooden-Daito-Bokken-Katana-Sword-30262/WDBK.html"
}