1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5274],{66310:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/product/grid/[slug]",function(){return a(96591)}])},96591:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return g}});var l=a(85893),c=a(67294),t=a(11163),r=a(64593),i=a(77564),o=a.n(i),n=a(95767),d=a(14047),u=a(86292);function m(e){let{product:s}=e,[a,t]=(0,c.useState)(0),[r,i]=(0,c.useState)(!1),o=s.large_pictures?s.large_pictures:s.pictures;(0,c.useEffect)(()=>{t(0)},[window.location.pathname]);let n=e=>{e.preventDefault(),t(parseInt(e.currentTarget.getAttribute("index"))),i(!0)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"product-gallery row cols-sm-2",children:o.slice(0,4).map((e,a)=>(0,l.jsxs)("figure",{className:"product-image mb-4",children:[(0,l.jsx)(d.lb,{imageSrc:"https://d-themes.com/react_asset_api/riode"+e.url,imageAlt:"magnifier",largeImageSrc:"https://d-themes.com/react_asset_api/riode"+e.url,dragToMove:!1,mouseActivation:"hover",cursorStyleActive:"crosshair",className:"product-image large-image"}),0===a?(0,l.jsxs)("div",{className:"product-label-group",children:[0===s.stock?(0,l.jsx)("label",{className:"product-label label-out",children:"out"}):"",s.is_top?(0,l.jsx)("label",{className:"product-label label-top",children:"top"}):"",s.is_new?(0,l.jsx)("label",{className:"product-label label-new",children:"new"}):"",s.discount?(0,l.jsx)("label",{className:"product-label label-sale",children:"sale"}):""]}):"",(0,l.jsx)("a",{href:"#",className:"product-image-full",onClick:n,index:a,children:(0,l.jsx)("i",{className:"d-icon-zoom"})})]},"image"+a))}),(0,l.jsx)(u.Z,{images:o.slice(0,4),isOpen:r,changeOpenState:e=>{i(e)},index:a,product:s})]})}var p=a(50523),h=a(4516),x=a(92561),j=a(91161),g=function(){if(!(0,t.useRouter)().query.slug)return"";let e=[],[s,a]=(0,c.useState)(!1),i=e&&e.product.data,d=e&&e.product.related;return(0,c.useEffect)(()=>{i&&o()("main").on("done",function(){a(!0)}).on("progress",function(){a(!1)})},[!1,i]),(0,l.jsxs)("main",{className:"main mt-6 single-product product-layout-grid",children:[(0,l.jsx)(r.Z,{children:(0,l.jsx)("title",{children:"Riode React eCommerce Template | Product Grid"})}),(0,l.jsx)("h1",{className:"d-none",children:"Riode React eCommerce Template - Product Grid"}),void 0!==i?(0,l.jsx)("div",{className:"page-content mb-10 pb-6 ".concat(s?"":"d-none"),children:(0,l.jsxs)("div",{className:"container skeleton-body",children:[(0,l.jsxs)("div",{className:"product product-single row mb-8",children:[(0,l.jsx)("div",{className:"col-md-6",children:(0,l.jsx)(m,{product:i})}),(0,l.jsx)("div",{className:"col-md-6",children:(0,l.jsx)(p.Z,{data:e,isSticky:!0,adClass:"pb-0 mb-10"})})]}),(0,l.jsx)(h.Z,{product:i}),(0,l.jsx)(x.Z,{products:d})]})}):"",s?"":(0,l.jsxs)("div",{className:"skeleton-body container mb-10",children:[(0,l.jsxs)("div",{className:"row mb-7",children:[(0,l.jsx)("div",{className:"col-md-6 sticky-sidebar-wrapper cols-sm-2",children:(0,l.jsx)("div",{className:"skel-pro-gallery"})}),(0,l.jsx)("div",{className:"col-md-6",children:(0,l.jsx)("div",{className:"skel-pro-summary mt-4 mt-md-0"})})]}),(0,l.jsx)("div",{className:"skel-pro-tabs"}),(0,l.jsxs)("section",{className:"pt-3 mt-4",children:[(0,l.jsx)("h2",{className:"title justify-content-center",children:"Related Products"}),(0,l.jsx)(n.Z,{adClass:"owl-carousel owl-theme owl-nav-full",options:j.F6,children:[1,2,3,4,5,6].map(e=>(0,l.jsx)("div",{className:"product-loading-overlay"},"popup-skel-"+e))})]})]})]})}}},function(e){e.O(0,[2679,2879,6034,543,381,523,2888,9774,179],function(){return e(e.s=66310)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.