function getBestSellerFramesOwlCarouselResult(){$.ajax({type:"POST",url:"/frames/best-seller-frames",data:{resellerId:0,pageSize:11},success:function(n){var t=jQuery.parseJSON(n.frames),i=t.map(function(n){let t=n.SavedFrameId||0,tt=n.ResellerId||0,f=n.SchoolId||0,i=n.NameToDisplay||"",l=i;i.length>55&&(i=i.substring(0,55)+"...");let a=n.PriceToDisplay||0,e=n.OriginalPrice||0,o=n.ImageTitle||"",v=n.ImageAlt||"",b=n.ImagePath||"",k=n.ThumbImagePath||"",d=n.MouldingThumbImage||"",y=n.IsWishlistProduct||!1,it=n.IsBestSeller||!1,s=n.IsPlainMatSchool||!1,g=y?"active":"",nt=y?"remove":"add",h=n.PlainMatDiscount||0,u="<strong>Free Ground Shipping<\/strong>",r="";s&&(r="<strong>$"+h+" OFF<\/strong> + Free ground shipping");let p="/frame-details/"+n.SchoolURL+"/"+n.StyleURL+"/"+t,c="/best-sellers",w="/design-frame/"+n.SchoolURL+"/"+f+"?sfid="+t+"&IsCustomize=1&nextUrl="+c;return`<div class="item">
                            <div class="custom-frames-single">
                                <div class="sale-tag">
                                    <img src="/img/best-seller.png" class="img-responsive" alt="" title="">
                                </div>
                                <div class="custom-frames-thumb text-center">
                                    <a class="custom-frames-thumb-cta" href="${p}" target="_blank" title="${l}">
                                        <img src="${k}" class="img-fluid main-img" alt="${v}" title="${o}">
                                        <img src="${d}" class="img-fluid hover-img" alt="${v}" title="${o}">
                                    </a>
                                    <div class="custom-frames-cta">
                                        <a href="#" title="Wishlist" data-product-id="${t}" data-product-type="SchoolFrame" data-action="${nt}" class="wish-list-js wish-list-icon ${g}"><i class="far fa-heart"></i></a>
                                        <a href="${b}" title="Preview" data-caption="${o}" data-fancybox="w-${t}"><i class="far fa-eye"></i></a>
                                        <a href="${w}" class="customize-frame" data-next-url="${c}" title="Customize"><i class="far fa-edit"></i></a>
                                        <a href="#" data-scid="${f}" data-id="${t}" class="add-frame-to-cart" title="Add to Cart"><i class="far fa-bag-shopping"></i></a>
                                    </div>
                                </div>
                                <div class="custom-frames-details position-relative">
                                    <div class="custom-frames-details-inner">
                                        <div class="d-flex align-items-center justify-content-between gap-3">
                                            <div class="custom-frames-details-flex-l">
                                                <p class="my-1">${a<e?`${"$"+a.toFixed(2)}<span>${"$"+e.toFixed(2)}`:`${"$"+e.toFixed(2)}`}</p>
                                            </div>
                                            <div class="custom-frames-details-flex-r">
                                            ${r.trim()!==""&&h>0&&s?`<p class="m-0 freeShippingTxt">${r}</p>`:u.trim()!==""?`<p class="m-0 freeShippingTxt">${u}</p>`:""}
                                            </div>
                                        </div>
                                        <h2><a href="${p}" target="_blank" title="${l}">${i}</a></h2>
                                        <!--${r.trim()!==""&&h>0&&s?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${r}</p></div>`:u.trim()!==""?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${u}</p></div>`:""}-->
                                        <div class="d-flex justify-content-center gap-3 mt-4">
                                            <a href="${w}" class="btn-main btn-deep customize-frame" data-next-url="${c}" title="Edit"><i class="far fa-edit"></i> Edit</a>
                                            <!--<a href="#" class="btn-main btn-sm btn-deep add-frame-to-cart" data-scid="${f}" data-id="${t}" title="Add to Cart"><i class="far fa-bag-shopping"></i> Add to Cart</a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`}).join("");i&&t&&t.length>0&&(t.length>10?$("#BestSellerFramesOwlCarouselDiv").html(`<div class="owl-carousel custom-frames-carousel">
                                                         ${i}
                                                         <div class="item">
                                                             <div class="custom-frames-more position-relative d-flex align-items-center justify-content-center">
                                                                 <picture>
                                                                     <source srcset="/images/v2/images/view-custom-frame.webp" type="image/webp">
                                                                     <img src="/images/v2/images/view-custom-frame.jpg" class="img-fluid w-100" alt="Frame Material">
                                                                 </picture>
                                                                 <a class="btn-main btn-white position-absolute" href="/best-sellers" target="_blank" title="View Best-Selling Diploma Frames">View Best-Selling Diploma Frames</a>
                                                             </div>
                                                         </div>
                                                     </div>`):$("#BestSellerFramesOwlCarouselDiv").html(`<div class="owl-carousel custom-frames-carousel">${i}</div>`),$("#BestSellerFramesOwlCarouselDiv .custom-frames-carousel").owlCarousel({loop:!1,margin:15,autoplay:!1,autoplayTimeout:6e3,nav:!1,dots:!0,smartSpeed:1e3,navText:["<i class='fal fa-long-arrow-left'><\/i>","<i class='fal fa-long-arrow-right'><\/i>"],responsive:{0:{items:1},600:{items:2},900:{items:2},1024:{items:3},1200:{items:4,nav:!0},1400:{items:4,nav:!0}}}))},beforeSend:function(){$("#BestSellerFramesOwlCarouselDiv").html(`<div class="text-center"><img src="/Images/v2/images/partial-loader.gif" class="img-fluid main-img" alt="loader"></div>`)}})}function getUnimprintedFramesOwlCarouselResult(){$.ajax({type:"POST",url:"/frames/pre-configured-frames",data:{resellerId:0,schoolId:2326,pageSize:11},success:function(n){var t=jQuery.parseJSON(n.frames),i=t.map(function(n){var i;let t=n.SavedFrameId||0,it=n.ResellerId||0,u=n.SchoolId||0;i=n.NameToDisplay||"";let l=i;i.length>55&&(i=i.substring(0,55)+"...");var a=n.PriceToDisplay||0,e=n.OriginalPrice||0,o=n.ImageTitle||"",v=n.ImageAlt||"",b=n.ImagePath||"",k=n.ThumbImagePath||"",d=n.MouldingThumbImage||"";let y=n.IsWishlistProduct||!1,g=n.IsBestSeller||!1,s=n.IsPlainMatSchool||!1,nt=y?"active":"",tt=y?"remove":"add",h=n.PlainMatDiscount||0,f="<strong>Free Ground Shipping<\/strong>",r="";s&&(r="<strong>$"+h+" OFF<\/strong> + Free ground shipping");let p="/frame-details/"+n.SchoolURL+"/"+n.StyleURL+"/"+t,c="/diploma-frames/"+n.SchoolURL+"/"+u,w="/design-frame/"+n.SchoolURL+"/"+u+"?sfid="+t+"&IsCustomize=1&nextUrl="+c;return`<div class="item">
                            <div class="custom-frames-single">
                                ${g==!0?'<div class="sale-tag"><img src="/img/best-seller.png" class="img-responsive" alt="best seller" title="best seller"><\/div >':""}
                                <div class="custom-frames-thumb text-center">
                                    <a class="custom-frames-thumb-cta" href="${p}" target="_blank" title="${l}">
                                        <img src="${k}" class="img-fluid main-img" alt="${v}" title="${o}">
                                        <img src="${d}" class="img-fluid hover-img" alt="${v}" title="${o}">
                                    </a>
                                    <div class="custom-frames-cta">
                                        <a href="#" title="Wishlist" data-product-id="${t}" data-product-type="SchoolFrame" data-action="${tt}" class="wish-list-js wish-list-icon ${nt}"><i class="far fa-heart"></i></a>
                                        <a href="${b}" title="Preview" data-caption="${o}" data-fancybox="w-${t}"><i class="far fa-eye"></i></a>
                                        <a href="${w}" class="customize-frame" data-next-url="${c}" title="Customize"><i class="far fa-edit"></i></a>
                                        <a href="#" data-scid="${u}" data-id="${t}" class="add-frame-to-cart" title="Add to Cart"><i class="far fa-bag-shopping"></i></a>
                                    </div>
                                </div>
                                <div class="custom-frames-details position-relative">
                                    <div class="custom-frames-details-inner">
                                        <div class="d-flex align-items-center justify-content-between gap-3">
                                            <div class="custom-frames-details-flex-l">
                                                <p class="my-1">${a<e?`${"$"+a.toFixed(2)}<span>${"$"+e.toFixed(2)}`:`${"$"+e.toFixed(2)}`}</p>
                                            </div>
                                            <div class="custom-frames-details-flex-r">
                                            ${r.trim()!==""&&h>0&&s?`<p class="m-0 freeShippingTxt">${r}</p>`:f.trim()!==""?`<p class="m-0 freeShippingTxt">${f}</p>`:""}
                                            </div>
                                        </div>
                                        <h2><a href="${p}" target="_blank" title="${l}">${i}</a></h2>
                                        <!--${r.trim()!==""&&h>0&&s?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${r}</p></div>`:f.trim()!==""?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${f}</p></div>`:""}-->
                                        <div class="d-flex justify-content-center gap-3 mt-4">
                                            <a href="${w}" class="btn-main btn-deep customize-frame" data-next-url="${c}" title="Edit"><i class="far fa-edit"></i> Edit</a>
                                            <!--<a href="#" class="btn-main btn-sm btn-deep add-frame-to-cart" data-scid="${u}" data-id="${t}" title="Add to Cart"><i class="far fa-bag-shopping"></i> Add to Cart</a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`}).join("");i&&t&&t.length>0&&(t.length>10?$("#UnimprintedFramesOwlCarouselDiv").html(`<div class="owl-carousel custom-frames-carousel">
                                                        ${i}
                                                        <div class="item">
                                                            <div class="custom-frames-more position-relative d-flex align-items-center justify-content-center">
                                                                <picture>
                                                                    <source srcset="/images/v2/images/view-custom-frame.webp" type="image/webp">
                                                                    <img src="/images/v2/images/view-custom-frame.jpg" class="img-fluid w-100" alt="Frame Material">
                                                                </picture>
                                                                <a class="btn-main btn-white position-absolute" href="/diploma-frames/unimprinted-mat/2326" target="_blank" title="See More">See More</a>
                                                            </div>
                                                        </div>
                                                    </div>`):$("#UnimprintedFramesOwlCarouselDiv").html(`<div class="owl-carousel custom-frames-carousel">${i}</div>`),$("#UnimprintedFramesOwlCarouselDiv .custom-frames-carousel").owlCarousel({loop:!1,margin:15,autoplay:!1,autoplayTimeout:6e3,nav:!1,dots:!0,smartSpeed:1e3,navText:["<i class='fal fa-long-arrow-left'><\/i>","<i class='fal fa-long-arrow-right'><\/i>"],responsive:{0:{items:1},600:{items:2},900:{items:2},1024:{items:3},1200:{items:4,nav:!0},1400:{items:4,nav:!0}}}))},beforeSend:function(){$("#UnimprintedFramesOwlCarouselDiv").html(`<div class="text-center"><img src="/Images/v2/images/partial-loader.gif" class="img-fluid main-img" alt="loader"></div>`)}})}function getHighSchoolFramesOwlCarouselResult(){$.ajax({type:"POST",url:"/frames/high-school-frames",data:{pageSize:11},success:function(n){var t=jQuery.parseJSON(n.frames),i=t.map(function(n){let i=n.HighSchoolId||0,w=n.ConfiguredFrameId||0,l=n.ProductURL||"",t=n.Title||"",f=t;t.length>55&&(t=t.substring(0,55)+"...");let a=n.OfferPrice||0,e=n.RegularPrice||0,v=n.ImagePath||"",o=n.ThumbImagePath||"",s=n.IsWishlistProduct||!1,y=s?"active":"",p=s?"remove":"add",h=n.FlagImagePath||"",u=n.IsInOffer||!1,r=n.OfferText||"";r.length>30&&(r=r.substring(0,30)+"...");let c="/high-school-frames/"+i+"/"+l;return`<div class="item">
                            <div class="custom-frames-single">
                                ${h?`<div class="sale-tag"><img src="${h}" class="img-responsive" alt="" title=""></div >`:""}
                                <div class="custom-frames-thumb text-center">
                                    <a class="custom-frames-thumb-cta" href="${c}" target="_blank" title="${f}">
                                        <img src="${o}" class="img-fluid main-img" alt="${t}" title="${t}">
                                        <img src="${o}" class="img-fluid hover-img" alt="${t}" title="${t}">
                                    </a>
                                    <div class="custom-frames-cta">
                                        <a href="#" title="Wishlist" data-product-id="${i}" data-product-type="HighSchoolFrames" data-action="${p}" class="wish-list-js wish-list-icon ${y}"><i class="far fa-heart"></i></a>
                                        <a href="${v}" title="Preview" data-caption="${t}" data-fancybox="w-${i}"><i class="far fa-eye"></i></a>
                                        <a href="#" title="Add to Cart" class="add2Cart" data-id="${i}"><i class="far fa-bag-shopping"></i></a>
                                    </div>
                                </div>
                                <div class="custom-frames-details position-relative">
                                    <div class="custom-frames-details-inner">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="custom-frames-details-flex-l">
                                                <p class="my-1">${u==!0?`${"$"+a.toFixed(2)}<span>${"$"+e.toFixed(2)}`:`${"$"+e.toFixed(2)}`}</p>
                                            </div>
                                        </div>
                                        <h2><a href="${c}" title="${f}" target="_blank">${t}</a></h2>
                                        ${u&&u===!0?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${r}</p></div>`:""}
                                        <div class="d-flex justify-content-center gap-3 mt-4">
                                            <a href="#" class="btn-main btn-sm btn-deep add2Cart" data-id="${i}" title="Add to Cart"><i class="far fa-bag-shopping"></i> Add to Cart</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`}).join("");i&&t&&t.length>0&&(t.length>10?$("#HighSchoolFramesOwlCarouselDiv").html(`<div class="owl-carousel custom-frames-carousel">
                                                        ${i}
                                                        <div class="item">
                                                            <div class="custom-frames-more position-relative d-flex align-items-center justify-content-center">
                                                                <picture>
                                                                    <source srcset="/images/v2/images/view-custom-frame.webp" type="image/webp">
                                                                    <img src="/images/v2/images/view-custom-frame.jpg" class="img-fluid w-100" alt="Frame Material">
                                                                </picture>
                                                                <a class="btn-main btn-white position-absolute" href="/high-school-frames" target="_blank" title="See More">See More</a>
                                                            </div>
                                                        </div>
                                                    </div>`):$("#HighSchoolFramesOwlCarouselDiv").html(`<div class="owl-carousel custom-frames-carousel">${i}</div>`),$("#HighSchoolFramesOwlCarouselDiv .custom-frames-carousel").owlCarousel({loop:!1,margin:15,autoplay:!1,autoplayTimeout:6e3,nav:!1,dots:!0,smartSpeed:1e3,navText:["<i class='fal fa-long-arrow-left'><\/i>","<i class='fal fa-long-arrow-right'><\/i>"],responsive:{0:{items:1},600:{items:2},900:{items:2},1024:{items:3},1200:{items:4,nav:!0},1400:{items:4,nav:!0}}}))},beforeSend:function(){$("#HighSchoolFramesOwlCarouselDiv").html(`<div class="text-center"><img src="/Images/v2/images/partial-loader.gif" class="img-fluid main-img" alt="loader"></div>`)}})}function getBestSellerFramesResult(){$.ajax({type:"POST",url:"/frames/best-seller-frames",data:{resellerId:0,pageSize:7},success:function(n){var t=jQuery.parseJSON(n.frames),i=t.map(function(n){let t=n.SavedFrameId||0,tt=n.ResellerId||0,f=n.SchoolId||0,i=n.NameToDisplay||"",l=i;i.length>55&&(i=i.substring(0,55)+"...");let a=n.PriceToDisplay||0,e=n.OriginalPrice||0,o=n.ImageTitle||"",v=n.ImageAlt||"",b=n.ImagePath||"",k=n.ThumbImagePath||"",d=n.MouldingThumbImage||"",y=n.IsWishlistProduct||!1,it=n.IsBestSeller||!1,s=n.IsPlainMatSchool||!1,g=y?"active":"",nt=y?"remove":"add",h=n.PlainMatDiscount||0,u="<strong>Free Ground Shipping<\/strong>",r="";s&&(r="<strong>$"+h+" OFF<\/strong> + Free ground shipping");let p="/frame-details/"+n.SchoolURL+"/"+n.StyleURL+"/"+t,c="/best-sellers",w="/design-frame/"+n.SchoolURL+"/"+f+"?sfid="+t+"&IsCustomize=1&nextUrl="+c;return`<div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="custom-frames-single">
                                <div class="sale-tag">
                                    <img src="/img/best-seller.png" class="img-responsive" alt="" title="">
                                </div>
                                <div class="custom-frames-thumb text-center">
                                    <a class="custom-frames-thumb-cta" href="${p}" target="_blank" title="${l}">
                                        <img src="${k}" class="img-fluid main-img" alt="${v}" title="${o}">
                                        <img src="${d}" class="img-fluid hover-img" alt="${v}" title="${o}">
                                    </a>
                                    <div class="custom-frames-cta">
                                        <a href="#" title="Wishlist" data-product-id="${t}" data-product-type="SchoolFrame" data-action="${nt}" class="wish-list-js wish-list-icon ${g}"><i class="far fa-heart"></i></a>
                                        <a href="${b}" title="Preview" data-caption="${o}" data-fancybox="w-${t}"><i class="far fa-eye"></i></a>
                                        <a href="${w}" class="customize-frame" data-next-url="${c}" title="Customize"><i class="far fa-edit"></i></a>
                                        <a href="#" data-scid="${f}" data-id="${t}" class="add-frame-to-cart" title="Add to Cart"><i class="far fa-bag-shopping"></i></a>
                                    </div>
                                </div>
                                <div class="custom-frames-details position-relative">
                                    <div class="custom-frames-details-inner">
                                        <div class="d-flex align-items-center justify-content-between gap-3">
                                            <div class="custom-frames-details-flex-l">
                                                <p class="my-1">${a<e?`${"$"+a.toFixed(2)}<span>${"$"+e.toFixed(2)}`:`${"$"+e.toFixed(2)}`}</p>
                                            </div>
                                            <div class="custom-frames-details-flex-r">
                                            ${r.trim()!==""&&h>0&&s?`<p class="m-0 freeShippingTxt">${r}</p>`:u.trim()!==""?`<p class="m-0 freeShippingTxt">${u}</p>`:""}
                                            </div>
                                        </div>
                                        <h2><a href="${p}" target="_blank" title="${l}">${i}</a></h2>
                                        <!--${r.trim()!==""&&h>0&&s?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${r}</p></div>`:u.trim()!==""?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${u}</p></div>`:""}-->
                                        <div class="d-flex justify-content-center gap-3 mt-4">
                                            <a href="${w}" class="btn-main btn-deep customize-frame" data-next-url="${c}" title="Edit"><i class="far fa-edit"></i> Edit</a>
                                            <!--<a href="#" class="btn-main btn-sm btn-deep add-frame-to-cart" data-scid="${f}" data-id="${t}" title="Add to Cart"><i class="far fa-bag-shopping"></i> Add to Cart</a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`}).join("");i&&t&&t.length>0&&(t.length>=7?$("#BestSellerFramesDiv").html(`<div class="row">
                                                         ${i}
                                                         <div class="col-xl-3 col-lg-4 col-md-6">
                                                             <div class="custom-frames-more position-relative d-flex align-items-center justify-content-center">
                                                                 <picture>
                                                                     <source srcset="/images/v2/images/view-custom-frame.webp" type="image/webp">
                                                                     <img src="/images/v2/images/view-custom-frame.jpg" class="img-fluid w-100" alt="Frame Material">
                                                                 </picture>
                                                                 <a class="btn-main btn-white position-absolute" href="/best-sellers" target="_blank" title="View Best-Selling Diploma Frames">View Best-Selling Diploma Frames</a>
                                                             </div>
                                                         </div>
                                                     </div>`):$("#BestSellerFramesDiv").html(`<div class="row">${i}</div>`))},beforeSend:function(){$("#BestSellerFramesDiv").html(`<div class="text-center"><img src="/Images/v2/images/partial-loader.gif" class="img-fluid main-img" alt="loader"></div>`)}})}function getUnimprintedFramesResult(){$.ajax({type:"POST",url:"/frames/pre-configured-frames",data:{resellerId:0,schoolId:2326,pageSize:7},success:function(n){var t=jQuery.parseJSON(n.frames),i=t.map(function(n){var i;let t=n.SavedFrameId||0,it=n.ResellerId||0,u=n.SchoolId||0;i=n.NameToDisplay||"";let l=i;i.length>55&&(i=i.substring(0,55)+"...");var a=n.PriceToDisplay||0,e=n.OriginalPrice||0,o=n.ImageTitle||"",v=n.ImageAlt||"",b=n.ImagePath||"",k=n.ThumbImagePath||"",d=n.MouldingThumbImage||"";let y=n.IsWishlistProduct||!1,g=n.IsBestSeller||!1,s=n.IsPlainMatSchool||!1,nt=y?"active":"",tt=y?"remove":"add",h=n.PlainMatDiscount||0,f="<strong>Free Ground Shipping<\/strong>",r="";s&&(r="<strong>$"+h+" OFF<\/strong> + Free ground shipping");let p="/frame-details/"+n.SchoolURL+"/"+n.StyleURL+"/"+t,c="/diploma-frames/"+n.SchoolURL+"/"+u,w="/design-frame/"+n.SchoolURL+"/"+u+"?sfid="+t+"&IsCustomize=1&nextUrl="+c;return`<div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="custom-frames-single">
                                ${g==!0?'<div class="sale-tag"><img src="/img/best-seller.png" class="img-responsive" alt="best seller" title="best seller"><\/div >':""}
                                <div class="custom-frames-thumb text-center">
                                    <a class="custom-frames-thumb-cta" href="${p}" target="_blank" title="${l}">
                                        <img src="${k}" class="img-fluid main-img" alt="${v}" title="${o}">
                                        <img src="${d}" class="img-fluid hover-img" alt="${v}" title="${o}">
                                    </a>
                                    <div class="custom-frames-cta">
                                        <a href="#" title="Wishlist" data-product-id="${t}" data-product-type="SchoolFrame" data-action="${tt}" class="wish-list-js wish-list-icon ${nt}"><i class="far fa-heart"></i></a>
                                        <a href="${b}" title="Preview" data-caption="${o}" data-fancybox="w-${t}"><i class="far fa-eye"></i></a>
                                        <a href="${w}" class="customize-frame" data-next-url="${c}" title="Customize"><i class="far fa-edit"></i></a>
                                        <a href="#" data-scid="${u}" data-id="${t}" class="add-frame-to-cart" title="Add to Cart"><i class="far fa-bag-shopping"></i></a>
                                    </div>
                                </div>
                                <div class="custom-frames-details position-relative">
                                    <div class="custom-frames-details-inner">
                                        <div class="d-flex align-items-center justify-content-between gap-3">
                                            <div class="custom-frames-details-flex-l">
                                                <p class="my-1">${a<e?`${"$"+a.toFixed(2)}<span>${"$"+e.toFixed(2)}`:`${"$"+e.toFixed(2)}`}</p>
                                            </div>
                                            <div class="custom-frames-details-flex-r">
                                            ${r.trim()!==""&&h>0&&s?`<p class="m-0 freeShippingTxt">${r}</p>`:f.trim()!==""?`<p class="m-0 freeShippingTxt">${f}</p>`:""}
                                            </div>
                                        </div>
                                        <h2><a href="${p}" target="_blank" title="${l}">${i}</a></h2>
                                        <!--${r.trim()!==""&&h>0&&s?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${r}</p></div>`:f.trim()!==""?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${f}</p></div>`:""}-->
                                        <div class="d-flex justify-content-center gap-3 mt-4">
                                            <a href="${w}" class="btn-main btn-deep customize-frame" data-next-url="${c}" title="Edit"><i class="far fa-edit"></i> Edit</a>
                                            <!--<a href="#" class="btn-main btn-sm btn-deep add-frame-to-cart" data-scid="${u}" data-id="${t}" title="Add to Cart"><i class="far fa-bag-shopping"></i> Add to Cart</a>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`}).join("");i&&t&&t.length>0&&(t.length>=7?$("#UnimprintedFramesDiv").html(`<div class="row">
                                                        ${i}
                                                        <div class="col-xl-3 col-lg-4 col-md-6">
                                                            <div class="custom-frames-more position-relative d-flex align-items-center justify-content-center">
                                                                <picture>
                                                                    <source srcset="/images/v2/images/view-custom-frame.webp" type="image/webp">
                                                                    <img src="/images/v2/images/view-custom-frame.jpg" class="img-fluid w-100" alt="Frame Material">
                                                                </picture>
                                                                <a class="btn-main btn-white position-absolute" href="/diploma-frames/unimprinted-mat/2326" target="_blank" title="See More">See More</a>
                                                            </div>
                                                        </div>
                                                    </div>`):$("#UnimprintedFramesDiv").html(`<div class="row">${i}</div>`))},beforeSend:function(){$("#UnimprintedFramesDiv").html(`<div class="text-center"><img src="/Images/v2/images/partial-loader.gif" class="img-fluid main-img" alt="loader"></div>`)}})}function getHighSchoolFramesResult(){$.ajax({type:"POST",url:"/frames/high-school-frames",data:{pageSize:7},success:function(n){var t=jQuery.parseJSON(n.frames),i=t.map(function(n){let i=n.HighSchoolId||0,w=n.ConfiguredFrameId||0,l=n.ProductURL||"",t=n.Title||"",f=t;t.length>55&&(t=t.substring(0,55)+"...");let a=n.OfferPrice||0,e=n.RegularPrice||0,v=n.ImagePath||"",o=n.ThumbImagePath||"",s=n.IsWishlistProduct||!1,y=s?"active":"",p=s?"remove":"add",h=n.FlagImagePath||"",u=n.IsInOffer||!1,r=n.OfferText||"";r.length>30&&(r=r.substring(0,30)+"...");let c="/high-school-frames/"+i+"/"+l;return`<div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="custom-frames-single">
                                ${h?`<div class="sale-tag"><img src="${h}" class="img-responsive" alt="" title=""></div >`:""}
                                <div class="custom-frames-thumb text-center">
                                    <a class="custom-frames-thumb-cta" href="${c}" target="_blank" title="${f}">
                                        <img src="${o}" class="img-fluid main-img" alt="${t}" title="${t}">
                                        <img src="${o}" class="img-fluid hover-img" alt="${t}" title="${t}">
                                    </a>
                                    <div class="custom-frames-cta">
                                        <a href="#" title="Wishlist" data-product-id="${i}" data-product-type="HighSchoolFrames" data-action="${p}" class="wish-list-js wish-list-icon ${y}"><i class="far fa-heart"></i></a>
                                         <a href="${v}" title="Preview" data-caption="${t}" data-fancybox="w-${i}"><i class="far fa-eye"></i></a>
                                        <a href="#" title="Add to Cart" class="add2Cart" data-id="${i}"><i class="far fa-bag-shopping"></i></a>
                                    </div>
                                </div>
                                <div class="custom-frames-details position-relative">
                                    <div class="custom-frames-details-inner">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="custom-frames-details-flex-l">
                                                <p class="my-1">${u==!0?`${"$"+a.toFixed(2)}<span>${"$"+e.toFixed(2)}`:`${"$"+e.toFixed(2)}`}</p>
                                            </div>
                                        </div>
                                        <h2><a href="${c}" title="${f}" target="_blank">${t}</a></h2>
                                        ${u&&u===!0?`<div class="text-center"><p class="m-0 bg-success text-white px-3 d-inline-block">${r}</p></div>`:""}
                                        <div class="d-flex justify-content-center gap-3 mt-4">
                                            <a href="#" class="btn-main btn-sm btn-deep add2Cart" data-id="${i}" title="Add to Cart"><i class="far fa-bag-shopping"></i> Add to Cart</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>`}).join("");i&&t&&t.length>0&&(t.length>=7?$("#HighSchoolFramesDiv").html(`<div class="row">
                                                        ${i}
                                                        <div class="col-xl-3 col-lg-4 col-md-6">
                                                            <div class="custom-frames-more position-relative d-flex align-items-center justify-content-center">
                                                                <picture>
                                                                    <source srcset="/images/v2/images/view-custom-frame.webp" type="image/webp">
                                                                    <img src="/images/v2/images/view-custom-frame.jpg" class="img-fluid w-100" alt="Frame Material">
                                                                </picture>
                                                                <a class="btn-main btn-white position-absolute" href="/high-school-frames" target="_blank" title="See More">See More</a>
                                                            </div>
                                                        </div>
                                                    </div>`):$("#HighSchoolFramesDiv").html(`<div class="row">${i}</div>`))},beforeSend:function(){$("#HighSchoolFramesDiv").html(`<div class="text-center"><img src="/Images/v2/images/partial-loader.gif" class="img-fluid main-img" alt="loader"></div>`)}})}$(document).ready(function(){getBestSellerFramesResult()});$(document).on("click","#best-seller-frame-tab, #best-seller-frame-collapse",function(n){n.preventDefault();getBestSellerFramesResult()});$(document).on("click","#unimprinted-frame-tab, #unimprinted-frame-collapse",function(n){n.preventDefault();getUnimprintedFramesResult()});$(document).on("click","#high-school-frame-tab, #high-school-frame-collapse",function(n){n.preventDefault();getHighSchoolFramesResult()});$(".custom-frames-carousel").owlCarousel({loop:!1,margin:15,autoplay:!1,autoplayTimeout:6e3,nav:!1,dots:!0,smartSpeed:1e3,navText:["<i class='fal fa-long-arrow-left'><\/i>","<i class='fal fa-long-arrow-right'><\/i>"],responsive:{0:{items:1},600:{items:2},900:{items:2},1024:{items:3},1200:{items:4,nav:!0},1400:{items:4,nav:!0}}})