`recon4-out.json`

15 lines
{
  "gridCard": {
    "href": "/products/09649528",
    "cardHasPrice": true,
    "cardText": "Quick View NEW Wallcovering Abaca Geo Feather 12 Colors $36.95 USD / YD 38 yards in stock",
    "cardHTML": "<div data-v-16e59714=\"\" class=\"relative flex flex-col h-full mx-auto overflow-hidden transition-all duration-200 bg-off-white w-full gap-y-2 group cursor-pointer\" data-testid=\"product-card\" style=\"transition-delay: 0ms;\"><a data-v-16e59714=\"\" href=\"/products/09649528\" wire:navigate.hover=\"\" class=\"absolute inset-0 z-10 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-taupe\" aria-label=\"View details for Abaca Geo\"></a><div data-v-16e59714=\"\" class=\"relative overflow-hidden aspect-[358/277] large-mobile:aspect-square tablet:aspect-[220/271]\"><img data-v-16e59714=\"\" src=\"https://momentumtextilesandwalls-res.cloudinary.com/image/upload/c_fill,w_20/e_blur:100/f_auto/q_auto:low/v1/hi_res/abaca_geo-feather.jpg?_a=DATAiZAAZAA0\" alt=\"Abaca Geo\" class=\"object-cover absolute inset-0 z-0 w-full h-full transition-opacity duration-300 pointer-events-none select-none opacity-0\" aria-hidden=\"true\"><picture data-v-16e59714=\"\" class=\"relative z-0\"><source data-v-16e59714=\"\" media=\"(min-width: 1024px)\" srcset=\"https://momentumtextilesandwalls-res.cloudinary.com/image/upload/ar_0.81180811,c_fill,w_220/f_auto/q_auto/v1/hi_res/abaca_geo-feather.jpg?_a=DATAiZAAZAA0\"><source data-v-16e59714=\"\" media=\"(min-width: 600px)\" srcset=\"https://momentumtextilesandwalls-res.cloudinary.com/image/upload/ar_1.0,c_fill,w_270/f_auto/q_auto/v1/hi_res/abaca_geo-feather.jpg?_a=DATAiZAAZAA0\"><img data-v-16e59714=\"\" src=\"https://momentumtextilesandwalls-res.cloudinary.com/image/upload/ar_1.292418772563177,c_fill,w_358/f_auto/q_auto/v1/hi_res/abaca_geo-feather.jpg?_a=DATAiZAAZAA0\" alt=\"Abaca Geo\" class=\"object-cover w-full h-full aspect-[358/277] large-mobile:aspect-square tablet:aspect-[220/271] transition-opacity duration-300 opacity-100\" loading=\"lazy\"></picture><div data-v-c396981c=\"\" data-v-16e59714=\"\"><button data-v-c396981c=\"\" class=\"absolute z-20 hidden transform bg-white border border-[#C3C3C3] rounded py-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 tablet:flex items-center justify-center inset-x-[9px] bottom-[9px]\" type=\"button\" aria-label=\"Quick view\"><span class=\"font-heading-bold text-sm tracking-[1.1%] text-almost-black capitalize\">Quick view</span></button><div data-v-0ff3ecdd=\"\" data-v-c396981c=\"\" class=\"fixed inset-0 z-50 flex justify-end\" aria-modal=\"true\" role=\"dialog\" style=\"display: none;\"><div data-v-0ff3ecdd=\"\" class=\"absolute inset-0 bg-black/30 transition-blur duration-300 backdrop-blur-none pointer-events-none opacity-0\"></div><!----></di"
  },
  "detail": {
    "title": "Regale - Shimmer - Momentum Textiles and Wallcovering",
    "itemNumberLine": "Search by product, color, pattern, image, or id",
    "codes": [],
    "priceBlockText": "Drapery | Regale | $3.80 / YD - 50+ yards | Net Price: $25.75  | -85% | $6.80 / YD - Cut Price | SKU: 09153923 | Availability: 735.2 YD in stock | Also Available to Canadian Specifiers | This item has Limited Stock and may be subject to Minimum Reorder Quantities. | For additional information, please contact your Sales Representative or CustomerService@momtex.com. | Application: Drapery | Sub-Category: Drapery | Color: | Shimmer | Download | Add to Board | Share | Add to Cart",
    "priceBlockHTML": "<div class=\"gap-6 w-full tablet:flex desktop:gap-10\">\n                \n                <div id=\"largeImage\" x-data=\"{\n         ...productImageGallery(JSON.parse('[{\\u0022type\\u0022:\\u0022image\\u0022,\\u0022image\\u0022:\\u0022regale-shimmer.jpg\\u0022,\\u0022thumbnail\\u0022:\\u0022\\\\u003Cimg alt=\\\\u0022Shimmer\\\\u0022 sizes=\\\\u0022(min-width: 1470px) calc((1470px * .58) * .16), (min-width: 1024px) calc((100vw * .58) * .16), calc(100vw * .16)\\\\u0022 src=\\\\u0022https:\\\\\\/\\\\\\/momentumtextilesandwalls-res.cloudinary.com\\\\\\/image\\\\\\/upload\\\\\\/c_fit,w_auto:5:135\\\\\\/q_auto\\\\\\/f_auto\\\\\\/dpr_auto\\\\\\/v1\\\\\\/hi_res\\\\\\/regale-shimmer.jpg?_a=BAAHWXGY\\\\u0022\\\\u003E\\u0022,\\u0022largeImageUrl\\u0022:\\u0022https:\\\\\\/\\\\\\/momentumtextilesandwalls-res.cloudinary.com\\\\\\/image\\\\\\/upload\\\\\\/c_fit,w_auto:5:710\\\\\\/q_auto:best\\\\\\/f_auto\\\\\\/dpr_auto\\\\\\/v1\\\\\\/hi_res\\\\\\/regale-shimmer.jpg?_a=BAAHWXGY\\u0022,\\u0022originalImageUrl\\u0022:\\u0022https:\\\\\\/\\\\\\/momentumtextilesandwalls-res.cloudinary.com\\\\\\/image\\\\\\/upload\\\\\\/c_fit,w_auto\\\\\\/q_auto:best\\\\\\/f_auto\\\\\\/dpr_auto\\\\\\/v1\\\\\\/hi_res\\\\\\/regale-shimmer.jpg?_a=BAAHWXGY\\u0022}]'), 'https:\\/\\/momentumtextilesandwalls-res.cloudinary.com\\/image\\/upload\\/c_fit,w_auto:5:710\\/q_auto:best\\/f_auto\\/dpr_auto\\/v1\\/hi_res\\/regale-shimmer.jpg?_a=BAAHWXGY', 'https:\\/\\/momentumtextilesandwalls-res.cloudinary.com\\/image\\/upload\\/f_auto\\/q_auto\\/dpr_auto\\/v1\\/hi_res\\/regale-shimmer.jpg?_a=BAAHWXGY', 3, '', 'regale-shimmer.jpg')(),\n         colorNumber: '09153923',\n         trackImageMagnified() {\n             if (typeof dataLayer === 'undefined') return\n             dataLayer.push({ ecommerce: null })\n             dataLayer.push({\n                 event: 'pdp_image_magnified',\n                 color_number: this.colorNumber\n             })\n         },\n         trackThumbnailClicked(thumbnailType) {\n             if (typeof dataLayer === 'undefined') return\n             dataLayer.push({ ecommerce: null })\n             dataLayer.push({\n                 event: 'pdp_thumbnail_clicked',\n                 color_number: this.colorNumber,\n                 thumbnail_type: thumbnailType\n             })\n         }\n     }\" x-init=\"init()\" @color-selected.window=\"handleColorSelection\" @color-loaded.window=\"onColorLoaded\" class=\"relative w-full left-side h-min desktop:w-1/2\">\n    <div class=\"relative w-full\" x-show=\"currentType === 'video'\" style=\"display: none;\">\n        <div x-html=\"videoTag\" class=\"aspect-[0.985239852398524] w-full\"></div>\n    </div>\n    <div class=\"relative"
  }
}