diff --git a/all.css b/all.css index 8523ad1..353d726 100644 --- a/all.css +++ b/all.css @@ -1,9 +1,10 @@ @import "./libs/bootstrap/css/bootstrap.min.css"; @import "./dist/css/main.css"; @import "./style.css"; +/* @import "./styles/style.css"; */ @import "./libs/owlcarousel/Css/owl.carousel.min.css"; @import "./libs/owlcarousel/Css/owl.theme.default.min.css"; -@import ".dist/css/pages/productdetails.css"; +@import "./dist/css/pages/productdetails.css"; @import "./dist/css/font_icon.min.css"; diff --git a/dist/assets/imgs/zeno/aio/Banner-2-DT.jpg b/dist/assets/imgs/zeno/aio/Banner-2-DT.jpg new file mode 100644 index 0000000..f782399 Binary files /dev/null and b/dist/assets/imgs/zeno/aio/Banner-2-DT.jpg differ diff --git a/dist/assets/imgs/zeno/aio/aio1.jpeg b/dist/assets/imgs/zeno/aio/aio1.jpeg new file mode 100644 index 0000000..d5df9f8 Binary files /dev/null and b/dist/assets/imgs/zeno/aio/aio1.jpeg differ diff --git a/dist/assets/imgs/zeno/aio/audio.jpg b/dist/assets/imgs/zeno/aio/audio.jpg new file mode 100644 index 0000000..b17f77c Binary files /dev/null and b/dist/assets/imgs/zeno/aio/audio.jpg differ diff --git a/dist/assets/imgs/zeno/aio/banner-1-DT.jpg b/dist/assets/imgs/zeno/aio/banner-1-DT.jpg new file mode 100644 index 0000000..95700d7 Binary files /dev/null and b/dist/assets/imgs/zeno/aio/banner-1-DT.jpg differ diff --git a/dist/assets/imgs/zeno/aio/front.jpeg b/dist/assets/imgs/zeno/aio/front.jpeg new file mode 100644 index 0000000..fdb438f Binary files /dev/null and b/dist/assets/imgs/zeno/aio/front.jpeg differ diff --git a/dist/assets/imgs/zeno/aio/icon_typea.png b/dist/assets/imgs/zeno/aio/icon_typea.png new file mode 100644 index 0000000..f2daf77 Binary files /dev/null and b/dist/assets/imgs/zeno/aio/icon_typea.png differ diff --git a/dist/assets/imgs/zeno/aio/icon_typed.png b/dist/assets/imgs/zeno/aio/icon_typed.png new file mode 100644 index 0000000..ad1c57a Binary files /dev/null and b/dist/assets/imgs/zeno/aio/icon_typed.png differ diff --git a/dist/assets/imgs/zeno/aio/inner-panel.jpeg b/dist/assets/imgs/zeno/aio/inner-panel.jpeg new file mode 100644 index 0000000..7f4c07c Binary files /dev/null and b/dist/assets/imgs/zeno/aio/inner-panel.jpeg differ diff --git a/dist/assets/imgs/zeno/aio/ports.png b/dist/assets/imgs/zeno/aio/ports.png new file mode 100644 index 0000000..749df97 Binary files /dev/null and b/dist/assets/imgs/zeno/aio/ports.png differ diff --git a/dist/assets/imgs/zeno/aio/rear.jpeg b/dist/assets/imgs/zeno/aio/rear.jpeg new file mode 100644 index 0000000..188c16d Binary files /dev/null and b/dist/assets/imgs/zeno/aio/rear.jpeg differ diff --git a/dist/assets/imgs/zeno/aio/security.jpg b/dist/assets/imgs/zeno/aio/security.jpg new file mode 100644 index 0000000..b66dba9 Binary files /dev/null and b/dist/assets/imgs/zeno/aio/security.jpg differ diff --git a/dist/assets/imgs/zeno/aio/stand.png b/dist/assets/imgs/zeno/aio/stand.png new file mode 100644 index 0000000..531fafd Binary files /dev/null and b/dist/assets/imgs/zeno/aio/stand.png differ diff --git a/dist/css/style.css b/dist/css/style.css index 78d253f..dacbe3a 100644 --- a/dist/css/style.css +++ b/dist/css/style.css @@ -4144,7 +4144,7 @@ textarea:focus { .main-menu>nav>ul>li>a { font-size: 12px; color: #fff; - display: inline-block; + /* display: inline-block; */ font-weight: 600; ; } @@ -4152,7 +4152,7 @@ textarea:focus { .header-bottom.sticky-bar.stick .main-menu>nav>ul>li>a { font-size: 12px; color: #0A1039; - display: inline-block; + /* display: inline-block; */ font-weight: 600; ; } diff --git a/dist/js-old/navbar.js b/dist/js-old/navbar.js index b31d7ad..923254c 100644 --- a/dist/js-old/navbar.js +++ b/dist/js-old/navbar.js @@ -1,103 +1,102 @@ navINIT(); function navINIT() { + async function getAllProdouctsIds() { + let res = await API_SERVICES_ACTIONS.getAPIService( + "apis/v4/bizgaze/integrations/products/getallproducts", + true + ); + if (res.isError) { + return; + } + res = JSON.parse(res.response.result); + for (let i = 0; i < res.length; i++) { + let curr = res[i]; + let productname = curr.productname; + let id = curr.productid; - + // ACCESSORIES + switch (productname) { + case "Zeno Sleekbook": + appendIdNav("zenosleekbook", id); + break; + case "Zeno Dualbook": + appendIdNav("zenodualbook", id); + break; + case "FYRO Flagship": + appendIdNav("fyroflagship", id); + break; + case "AIO Fyro": + // appendIdNav('fyroaio',id); + break; + case "AIO Zeno": + // appendIdNav('zenoaio',id); + default: + break; + } + } + } - async function getAllProdouctsIds(){ - let res = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getallproducts',true); - if(res.isError){ - return; + function appendIdNav(className, id) { + let html = $(`.${className}`).attr("href"); + const pattern = /{[^}]+}/g; + const replacedString = html.replace(pattern, id); + $(`.${className}`).parents(".nav-tab-show").removeClass("d-none"); + $(`.${className}`).attr("href", replacedString); + } + + if ( + !window.location.href.includes("orderconfirmation") && + !window.location.href.includes("/w/") + ) { + loadCart(); + } + + function loadHelper(src = "./dist/js/utils/helpers.js") { + if ($(`script[src="${src}"]`).length > 0) { + return new Promise((resolve) => resolve()); + } + return new Promise(function (resolve, reject) { + var s; + s = document.createElement("script"); + s.src = src; + s.onload = resolve; + s.onerror = reject; + document.head.appendChild(s); + }); + } + async function loadCart() { + if (!window.location.href.includes("services/paymentmethod.html")) { + let files = ["./dist/js/shoppingcart/addtocart.js"]; + await loadHelper(); + for (let i = 0; i < files.length; i++) { + if ($(`script[src="${files[i]}"]`).length > 0) { + continue; } - - res = JSON.parse(res.response.result); - - for(let i=0;i 0) { - return new Promise((resolve) => resolve()); - } - return new Promise(function (resolve, reject) { - var s; - s = document.createElement('script'); - s.src = src; - s.onload = resolve; - s.onerror = reject; - document.head.appendChild(s); - }); - } - async function loadCart(){ - - if(!window.location.href.includes('services/paymentmethod.html')){ - let files = ['./dist/js/shoppingcart/addtocart.js']; - await loadHelper(); - for(let i=0;i 0) { - continue; - } - try { - await loadHelper(files[i]) - - } catch (error) { - return; - } - } - } - - setLengthCart(); - getAllProdouctsIds(); - //console.log("hello"); - - - - - } - let URLNAMENAV = window.location.href; - const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html'); - debugger; - let nav_html = ` -
+ setLengthCart(); + getAllProdouctsIds(); + //console.log("hello"); + } + let URLNAMENAV = window.location.href; + const isTransparent = + URLNAMENAV.includes("login") || + URLNAMENAV.includes("orderconfirmation") || + URLNAMENAV.includes("services/paymentmethod.html"); + debugger; + let nav_html = ` +
@@ -160,7 +159,7 @@ function navINIT() {
- ora img + ora img

Zeno All in ones

 @@ -263,7 +262,11 @@ function navINIT() {

`; - $("#navbar-head").html(nav_html); + $("#navbar-head").html(nav_html); - $('.explandlinavnameparent').click(function (e){ - - let parentElement = $(e.target).parents('.expandlinav'); - if($(parentElement).find('.content-expandlinav').hasClass('d-none')){ - const name = $(parentElement).find('.viewall_li').data('name'); - $(parentElement).find('.viewall_li').html(`view all`); - $(parentElement).find('.content-expandlinav').removeClass('d-none'); - }else{ - $(parentElement).find('.viewall_li').html('+'); - $(parentElement).find('.content-expandlinav').addClass('d-none'); - } - }); - - let width = $(window).width(); - $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width); - let ele_page = $("body").hasClass("product_pg"); - if (ele_page == true) { - $(".header-area").removeClass("bg-white"); - $(".main-menu").find("nav ul li a").addClass("text-white"); - $(".header-bottom.sticky-bar").removeClass("sticky-bar"); - let src = `../dist/assets/imgs/anwi-logo-2.png`; - $(".logo-menu-wrap").find(".logo a img").attr("src", src); - $(".main-body").find("iframe").attr("width", width); - if (width <= 575 && width >= 390) { - $(".main-body").find("iframe").attr({ - width: width, - height: 236, - }) - } else if (width <= 390 && width >= 270) { - $(".main-body").find("iframe").attr({ - width: width, - height: 210, - }); - } else if (width <= 998 && width > 575) { - $(".main-body").find("iframe").attr({ - width: width, - height: 530, - }); - } else if (width <= 2720 && width > 2300) { - $(".main-body").find("iframe").attr({ - width: width, - height: 1440, - }); - } else if(width <= 2300 && width > 1921){ - $(".main-body").find("iframe").attr({ - width: width, - height: 1132, - }); - } - else if(width <= 1920 && width > 1620){ - $(".main-body").find("iframe").attr({ - width: width, - height: 1083, - }); - }else { - $(".main-body").find("iframe").attr({ - width: width, - height: 861, - }); - } + $(".explandlinavnameparent").click(function (e) { + let parentElement = $(e.target).parents(".expandlinav"); + if ($(parentElement).find(".content-expandlinav").hasClass("d-none")) { + const name = $(parentElement).find(".viewall_li").data("name"); + $(parentElement) + .find(".viewall_li") + .html(`view all`); + $(parentElement).find(".content-expandlinav").removeClass("d-none"); + } else { + $(parentElement).find(".viewall_li").html("+"); + $(parentElement).find(".content-expandlinav").addClass("d-none"); } + }); - - $("a.ram_data").click(function () { - let item_id = $(this).attr("accessories_id"); - let loc_path = '/products.html' - if (window.location.pathname.includes(loc_path)) { - window.location.href = `?itemid=${item_id}` - } - else { - window.location.href = `/products.html#itemid=${item_id}`; - } - }) - - - // $(".main-menu nav ul").find("li").each(function () { - // var current = window.location.pathname; - // var $this = $(this).find("a"); - // if (current != "/") { - // if ($this.attr('href').indexOf(current) !== -1) { - // $(this).addClass('active_nav'); - // } - // } - - // }) - - // destroy localstorage data - let loc_path = '/productdetails.html'; - if (window.location.pathname.includes(loc_path) === false) { - localStorage.removeItem("product_data"); - localStorage.removeItem("top_data") + let width = $(window).width(); + $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css( + "width", + width + ); + let ele_page = $("body").hasClass("product_pg"); + if (ele_page == true) { + $(".header-area").removeClass("bg-white"); + $(".main-menu").find("nav ul li a").addClass("text-white"); + $(".header-bottom.sticky-bar").removeClass("sticky-bar"); + let src = `../dist/assets/imgs/anwi-logo-2.png`; + $(".logo-menu-wrap").find(".logo a img").attr("src", src); + $(".main-body").find("iframe").attr("width", width); + if (width <= 575 && width >= 390) { + $(".main-body").find("iframe").attr({ + width: width, + height: 236, + }); + } else if (width <= 390 && width >= 270) { + $(".main-body").find("iframe").attr({ + width: width, + height: 210, + }); + } else if (width <= 998 && width > 575) { + $(".main-body").find("iframe").attr({ + width: width, + height: 530, + }); + } else if (width <= 2720 && width > 2300) { + $(".main-body").find("iframe").attr({ + width: width, + height: 1440, + }); + } else if (width <= 2300 && width > 1921) { + $(".main-body").find("iframe").attr({ + width: width, + height: 1132, + }); + } else if (width <= 1920 && width > 1620) { + $(".main-body").find("iframe").attr({ + width: width, + height: 1083, + }); + } else { + $(".main-body").find("iframe").attr({ + width: width, + height: 861, + }); } - let loc_path1 = '/productcatloguedetails.html'; - if (window.location.pathname.includes(loc_path1) === false) { - localStorage.removeItem("product_catlogue_obj"); + } + + $("a.ram_data").click(function () { + let item_id = $(this).attr("accessories_id"); + let loc_path = "/products.html"; + if (window.location.pathname.includes(loc_path)) { + window.location.href = `?itemid=${item_id}`; + } else { + window.location.href = `/products.html#itemid=${item_id}`; } + }); - //services pages links and sources + // $(".main-menu nav ul").find("li").each(function () { + // var current = window.location.pathname; + // var $this = $(this).find("a"); + // if (current != "/") { + // if ($this.attr('href').indexOf(current) !== -1) { + // $(this).addClass('active_nav'); + // } + // } - + // }) + // destroy localstorage data + let loc_path = "/productdetails.html"; + if (window.location.pathname.includes(loc_path) === false) { + localStorage.removeItem("product_data"); + localStorage.removeItem("top_data"); + } + let loc_path1 = "/productcatloguedetails.html"; + if (window.location.pathname.includes(loc_path1) === false) { + localStorage.removeItem("product_catlogue_obj"); + } + //services pages links and sources - let $body_pg = $("body").hasClass("services_page"); - let $hm_pg = "../index.html"; - let $nav_img = "../dist/assets/imgs/anwi-logo-1.png"; - let $footer_img = "../dist/assets/imgs/anwi-logo-2.png"; - let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png"; - let $about_pg = $("body").hasClass("about_page"); - if($about_pg == true){ - $(".main-menu").find("nav ul li a").addClass("text-dark"); - let img_src = `./dist/assets/imgs/anwi-logo-1.png`; - $(".logo-menu-wrap").find(".logo a img").attr("src",img_src); + let $body_pg = $("body").hasClass("services_page"); + let $hm_pg = "../index.html"; + let $nav_img = "../dist/assets/imgs/anwi-logo-1.png"; + let $footer_img = "../dist/assets/imgs/anwi-logo-2.png"; + let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png"; + let $about_pg = $("body").hasClass("about_page"); + if ($about_pg == true) { + $(".main-menu").find("nav ul li a").addClass("text-dark"); + let img_src = `./dist/assets/imgs/anwi-logo-1.png`; + $(".logo-menu-wrap").find(".logo a img").attr("src", img_src); + $(".header-bottom").addClass("sticky-bar stick"); + $("body.about_page") + .find(".header-large-device") + .find(".header-action-wrap") + .find(".same-style") + .find("svg") + .find("path") + .attr("fill", "#000"); + } + if ($body_pg == true) { + $(".header-large-device") + .find(".logo-menu-wrap .logo") + .find("a") + .attr("href", $hm_pg); + $(".header-large-device") + .find(".logo-menu-wrap .logo") + .find("a img") + .attr("src", $nav_img); + $(".mobile-logo").find("a").attr("href", $hm_pg); + $(".mobile-logo").find(".logo a img").attr("src", $nav_img); + $("body.services_page") + .find(".header-large-device") + .find(".header-action-wrap") + .find(".same-style") + .find("svg") + .find("path") + .attr("fill", "#000"); + $(".main-menu") + .find("nav ul") + .find("li a") + .each(function () { + $(this).addClass("text-dark"); $(".header-bottom").addClass("sticky-bar stick"); - $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000"); - } - if ($body_pg == true) { - $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg); - $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img); - $(".mobile-logo").find("a").attr("href", $hm_pg); - $(".mobile-logo").find(".logo a img").attr("src", $nav_img); - $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000"); - $(".main-menu").find("nav ul").find("li a").each(function () { - $(this).addClass("text-dark") - $(".header-bottom").addClass("sticky-bar stick"); - let $arc = $(this).attr("href"); - let $spcial_char = $arc.includes("./"); - if ($spcial_char === true) { - let $refarence = `.${$arc}` - $(this).attr("href", $refarence); - } - - }); - $(".same-style").find("a").each(function () { - let $arc1 = $(this).attr("href"); - let $spcial_char1 = $arc1.includes("./"); - if ($spcial_char1 === true) { - let $refarence1 = `.${$arc1}` - $(this).attr("href", $refarence1); - } - }) - $(".tab-content").find("img").each(function(){ - let $img_src = $(this).attr("src"); - let $img_src1 = $img_src.includes("./"); - if ($img_src1 === true) { - let $refarenceimg1 = `.${$img_src}`; - $(this).attr("src", $refarenceimg1); - } - }); - $(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () { - let $arc_mbil = $(this).attr("href"); - let $spcial_char_mbil = $arc_mbil.includes("./"); - if ($spcial_char_mbil === true) { - let $refarence_mbil = `.${$arc_mbil}` - $(this).attr("href", $refarence_mbil); - } - }); - } - - setTimeout(()=>{ - if(width<=600){ - $('.same-style').find('svg path').attr('fill','#000'); + let $arc = $(this).attr("href"); + let $spcial_char = $arc.includes("./"); + if ($spcial_char === true) { + let $refarence = `.${$arc}`; + $(this).attr("href", $refarence); } - },300); + }); + $(".same-style") + .find("a") + .each(function () { + let $arc1 = $(this).attr("href"); + let $spcial_char1 = $arc1.includes("./"); + if ($spcial_char1 === true) { + let $refarence1 = `.${$arc1}`; + $(this).attr("href", $refarence1); + } + }); + $(".tab-content") + .find("img") + .each(function () { + let $img_src = $(this).attr("src"); + let $img_src1 = $img_src.includes("./"); + if ($img_src1 === true) { + let $refarenceimg1 = `.${$img_src}`; + $(this).attr("src", $refarenceimg1); + } + }); + $(".clickable-mainmenu-wrap") + .find("nav ul") + .find("li a") + .each(function () { + let $arc_mbil = $(this).attr("href"); + let $spcial_char_mbil = $arc_mbil.includes("./"); + if ($spcial_char_mbil === true) { + let $refarence_mbil = `.${$arc_mbil}`; + $(this).attr("href", $refarence_mbil); + } + }); + } - // overview + setTimeout(() => { + if (width <= 600) { + $(".same-style").find("svg path").attr("fill", "#000"); + } + }, 300); - $('.overview').click(function (e){ - let name = $(e.target).data('overview'); - - document.querySelector(name)?.scrollIntoView({ - behavior: 'smooth' - }); - + // overview + + $(".overview").click(function (e) { + let name = $(e.target).data("overview"); + + document.querySelector(name)?.scrollIntoView({ + behavior: "smooth", }); + }); - $('.overviewspecs').click(function (e){ - document.querySelector('#specification_data')?.scrollIntoView({ - behavior: 'smooth' - }); + $(".overviewspecs").click(function (e) { + document.querySelector("#specification_data")?.scrollIntoView({ + behavior: "smooth", }); - - -} \ No newline at end of file + }); +} diff --git a/dist/js/navbar.js b/dist/js/navbar.js index cca436d..a882b1a 100644 --- a/dist/js/navbar.js +++ b/dist/js/navbar.js @@ -1,105 +1,102 @@ navINIT(); function navINIT() { + async function getAllProdouctsIds() { + let res = await API_SERVICES_ACTIONS.getAPIService( + "apis/v4/bizgaze/integrations/products/getallproducts", + true + ); + if (res.isError) { + console.log(res.errorMsg); + return; + } + res = JSON.parse(res.response.result); + for (let i = 0; i < res.length; i++) { + let curr = res[i]; + let productname = curr.productname; + let id = curr.productid; - + // ACCESSORIES + switch (productname) { + case "Zeno Sleekbook": + appendIdNav("zenosleekbook", id); + break; + case "Zeno Dualbook": + appendIdNav("zenodualbook", id); + break; + case "FYRO Flagship": + appendIdNav("fyroflagship", id); + break; + case "AIO Fyro": + // appendIdNav('fyroaio',id); + break; + case "AIO Zeno": + // appendIdNav('zenoaio',id); + default: + break; + } + } + } - async function getAllProdouctsIds(){ - let res = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getallproducts',true); - if(res.isError){ - console.log(res.errorMsg); - return; + function appendIdNav(className, id) { + let html = $(`.${className}`).attr("href"); + const pattern = /{[^}]+}/g; + const replacedString = html.replace(pattern, id); + $(`.${className}`).parents(".nav-tab-show").removeClass("d-none"); + $(`.${className}`).attr("href", replacedString); + } + + if ( + !window.location.href.includes("orderconfirmation") && + !window.location.href.includes("/w/") + ) { + loadCart(); + } + + function loadHelper(src = "./dist/js/utils/helpers.js") { + if ($(`script[src="${src}"]`).length > 0) { + return new Promise((resolve) => resolve()); + } + return new Promise(function (resolve, reject) { + var s; + s = document.createElement("script"); + s.src = src; + s.onload = resolve; + s.onerror = reject; + document.head.appendChild(s); + }); + } + async function loadCart() { + if (!window.location.href.includes("services/paymentmethod.html")) { + let files = ["./dist/js/shoppingcart/addtocart.js"]; + await loadHelper(); + for (let i = 0; i < files.length; i++) { + if ($(`script[src="${files[i]}"]`).length > 0) { + continue; } - - res = JSON.parse(res.response.result); - - for(let i=0;i 0) { - return new Promise((resolve) => resolve()); - } - return new Promise(function (resolve, reject) { - var s; - s = document.createElement('script'); - s.src = src; - s.onload = resolve; - s.onerror = reject; - document.head.appendChild(s); - }); - } - async function loadCart(){ - - if(!window.location.href.includes('services/paymentmethod.html')){ - let files = ['./dist/js/shoppingcart/addtocart.js']; - await loadHelper(); - for(let i=0;i 0) { - continue; - } - try { - - await loadHelper(files[i]) - - } catch (error) { - console.log(error); - return; - } - } - } - - setLengthCart(); - getAllProdouctsIds(); - - - - - } - let URLNAMENAV = window.location.href; - const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html'); - ; - let nav_html = ` -
+ setLengthCart(); + getAllProdouctsIds(); + } + let URLNAMENAV = window.location.href; + const isTransparent = + URLNAMENAV.includes("login") || + URLNAMENAV.includes("orderconfirmation") || + URLNAMENAV.includes("services/paymentmethod.html"); + let nav_html = ` +
@@ -114,7 +111,7 @@ function navINIT() {
`; - $("#navbar-head").html(nav_html); + $("#navbar-head").html(nav_html); - $('.explandlinavnameparent').click(function (e){ - - let parentElement = $(e.target).parents('.expandlinav'); - if($(parentElement).find('.content-expandlinav').hasClass('d-none')){ - const name = $(parentElement).find('.viewall_li').data('name'); - $(parentElement).find('.viewall_li').html(`view all`); - $(parentElement).find('.content-expandlinav').removeClass('d-none'); - }else{ - $(parentElement).find('.viewall_li').html('+'); - $(parentElement).find('.content-expandlinav').addClass('d-none'); - } - }); - - let width = $(window).width(); - if(width <= 576){ - $(".success-img.left-block").attr({"width":"250px","height":"250px"}); - $(".product_item").addClass("flex-column") + $(".explandlinavnameparent").click(function (e) { + let parentElement = $(e.target).parents(".expandlinav"); + if ($(parentElement).find(".content-expandlinav").hasClass("d-none")) { + const name = $(parentElement).find(".viewall_li").data("name"); + $(parentElement) + .find(".viewall_li") + .html(`view all`); + $(parentElement).find(".content-expandlinav").removeClass("d-none"); + } else { + $(parentElement).find(".viewall_li").html("+"); + $(parentElement).find(".content-expandlinav").addClass("d-none"); } - $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width); - let ele_page = $("body").hasClass("product_pg"); - if (ele_page == true) { - $(".header-area").removeClass("bg-white"); - $(".main-menu").find("nav ul li a").addClass("text-white"); - $(".header-bottom.sticky-bar").removeClass("sticky-bar"); - let src = `../dist/assets/imgs/anwi-logo-2.png`; - $(".logo-menu-wrap").find(".logo a img").attr("src", src); - $(".main-body").find("iframe").attr("width", width); - if (width <= 575 && width >= 390) { - $(".main-body").find("iframe").attr({ - width: width, - height: 236, - }) - } else if (width <= 390 && width >= 270) { - $(".main-body").find("iframe").attr({ - width: width, - height: 210, - }); - } else if (width <= 998 && width > 575) { - $(".main-body").find("iframe").attr({ - width: width, - height: 530, - }); - } else if (width <= 2720 && width > 2300) { - $(".main-body").find("iframe").attr({ - width: width, - height: 1440, - }); - } else if(width <= 2300 && width > 1921){ - $(".main-body").find("iframe").attr({ - width: width, - height: 1132, - }); - } - else if(width <= 1920 && width > 1620){ - $(".main-body").find("iframe").attr({ - width: width, - height: 1083, - }); - }else { - $(".main-body").find("iframe").attr({ - width: width, - height: 861, - }); - } + }); + + let width = $(window).width(); + if (width <= 576) { + $(".success-img.left-block").attr({ width: "250px", height: "250px" }); + $(".product_item").addClass("flex-column"); + } + $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css( + "width", + width + ); + let ele_page = $("body").hasClass("product_pg"); + if (ele_page == true) { + $(".header-area").removeClass("bg-white"); + $(".main-menu").find("nav ul li a").addClass("text-white"); + $(".header-bottom.sticky-bar").removeClass("sticky-bar"); + let src = `../dist/assets/imgs/anwi-logo-2.png`; + $(".logo-menu-wrap").find(".logo a img").attr("src", src); + $(".main-body").find("iframe").attr("width", width); + if (width <= 575 && width >= 390) { + $(".main-body").find("iframe").attr({ + width: width, + height: 236, + }); + } else if (width <= 390 && width >= 270) { + $(".main-body").find("iframe").attr({ + width: width, + height: 210, + }); + } else if (width <= 998 && width > 575) { + $(".main-body").find("iframe").attr({ + width: width, + height: 530, + }); + } else if (width <= 2720 && width > 2300) { + $(".main-body").find("iframe").attr({ + width: width, + height: 1440, + }); + } else if (width <= 2300 && width > 1921) { + $(".main-body").find("iframe").attr({ + width: width, + height: 1132, + }); + } else if (width <= 1920 && width > 1620) { + $(".main-body").find("iframe").attr({ + width: width, + height: 1083, + }); + } else { + $(".main-body").find("iframe").attr({ + width: width, + height: 861, + }); } + } - - $("a.ram_data").click(function () { - let item_id = $(this).attr("accessories_id"); - let loc_path = '/products.html' - if (window.location.pathname.includes(loc_path)) { - window.location.href = `?itemid=${item_id}` - } - else { - window.location.href = `/products.html#itemid=${item_id}`; - } - }) - - - // $(".main-menu nav ul").find("li").each(function () { - // var current = window.location.pathname; - // var $this = $(this).find("a"); - // if (current != "/") { - // if ($this.attr('href').indexOf(current) !== -1) { - // $(this).addClass('active_nav'); - // } - // } - - // }) - - // destroy localstorage data - let loc_path = '/productdetails.html'; - if (window.location.pathname.includes(loc_path) === false) { - localStorage.removeItem("product_data"); - localStorage.removeItem("top_data") - } - let loc_path1 = '/productcatloguedetails.html'; - if (window.location.pathname.includes(loc_path1) === false) { - localStorage.removeItem("product_catlogue_obj"); + $("a.ram_data").click(function () { + let item_id = $(this).attr("accessories_id"); + let loc_path = "/products.html"; + if (window.location.pathname.includes(loc_path)) { + window.location.href = `?itemid=${item_id}`; + } else { + window.location.href = `/products.html#itemid=${item_id}`; } + }); - //services pages links and sources + // $(".main-menu nav ul").find("li").each(function () { + // var current = window.location.pathname; + // var $this = $(this).find("a"); + // if (current != "/") { + // if ($this.attr('href').indexOf(current) !== -1) { + // $(this).addClass('active_nav'); + // } + // } - + // }) + // destroy localstorage data + let loc_path = "/productdetails.html"; + if (window.location.pathname.includes(loc_path) === false) { + localStorage.removeItem("product_data"); + localStorage.removeItem("top_data"); + } + let loc_path1 = "/productcatloguedetails.html"; + if (window.location.pathname.includes(loc_path1) === false) { + localStorage.removeItem("product_catlogue_obj"); + } + //services pages links and sources - let $body_pg = $("body").hasClass("services_page"); - let $hm_pg = "../index.html"; - let $nav_img = "../dist/assets/imgs/anwi-logo-1.png"; - let $footer_img = "../dist/assets/imgs/anwi-logo-2.png"; - let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png"; - let $about_pg = $("body").hasClass("about_page"); - if($about_pg == true){ - $(".main-menu").find("nav ul li a").addClass("text-dark"); - let img_src = `./dist/assets/imgs/anwi-logo-1.png`; - $(".logo-menu-wrap").find(".logo a img").attr("src",img_src); + let $body_pg = $("body").hasClass("services_page"); + let $hm_pg = "../index.html"; + let $nav_img = "../dist/assets/imgs/anwi-logo-1.png"; + let $footer_img = "../dist/assets/imgs/anwi-logo-2.png"; + let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png"; + let $about_pg = $("body").hasClass("about_page"); + if ($about_pg == true) { + $(".main-menu").find("nav ul li a").addClass("text-dark"); + let img_src = `./dist/assets/imgs/anwi-logo-1.png`; + $(".logo-menu-wrap").find(".logo a img").attr("src", img_src); + $(".header-bottom").addClass("sticky-bar stick"); + $("body.about_page") + .find(".header-large-device") + .find(".header-action-wrap") + .find(".same-style") + .find("svg") + .find("path") + .attr("fill", "#000"); + } + let $body_nav = $("body").attr("class"); + if ( + $body_nav === "support_pg" || + $body_nav === "media_page" || + $body_nav === "meter_pg" + ) { + $(".main-menu").find("nav ul li a").addClass("text-dark"); + let img_src = `./dist/assets/imgs/anwi-logo-1.png`; + $(".logo-menu-wrap").find(".logo a img").attr("src", img_src); + $(".same-style").find("svg path").attr("fill", "#000"); + } + if ($body_pg == true) { + $(".header-large-device") + .find(".logo-menu-wrap .logo") + .find("a") + .attr("href", $hm_pg); + $(".header-large-device") + .find(".logo-menu-wrap .logo") + .find("a img") + .attr("src", $nav_img); + $(".mobile-logo").find("a").attr("href", $hm_pg); + $(".mobile-logo").find(".logo a img").attr("src", $nav_img); + $("body.services_page") + .find(".header-large-device") + .find(".header-action-wrap") + .find(".same-style") + .find("svg") + .find("path") + .attr("fill", "#000"); + $(".main-menu") + .find("nav ul") + .find("li a") + .each(function () { + $(this).addClass("text-dark"); $(".header-bottom").addClass("sticky-bar stick"); - $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000"); - } - let $body_nav = $("body").attr("class"); - if($body_nav === "support_pg" || $body_nav === "media_page" || $body_nav === "meter_pg"){ - $(".main-menu").find("nav ul li a").addClass("text-dark"); - let img_src = `./dist/assets/imgs/anwi-logo-1.png`; - $(".logo-menu-wrap").find(".logo a img").attr("src",img_src); - $('.same-style').find('svg path').attr('fill','#000'); - } - if ($body_pg == true) { - $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg); - $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img); - $(".mobile-logo").find("a").attr("href", $hm_pg); - $(".mobile-logo").find(".logo a img").attr("src", $nav_img); - $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000"); - $(".main-menu").find("nav ul").find("li a").each(function () { - $(this).addClass("text-dark") - $(".header-bottom").addClass("sticky-bar stick"); - let $arc = $(this).attr("href"); - let $spcial_char = $arc.includes("./"); - if ($spcial_char === true) { - let $refarence = `.${$arc}` - $(this).attr("href", $refarence); - } - - }); - $(".same-style").find("a").each(function () { - let $arc1 = $(this).attr("href"); - let $spcial_char1 = $arc1.includes("./"); - if ($spcial_char1 === true) { - let $refarence1 = `.${$arc1}` - $(this).attr("href", $refarence1); - } - }) - $(".tab-content").find("img").each(function(){ - let $img_src = $(this).attr("src"); - let $img_src1 = $img_src.includes("./"); - if ($img_src1 === true) { - let $refarenceimg1 = `.${$img_src}`; - $(this).attr("src", $refarenceimg1); - } - }); - $(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () { - let $arc_mbil = $(this).attr("href"); - let $spcial_char_mbil = $arc_mbil.includes("./"); - if ($spcial_char_mbil === true) { - let $refarence_mbil = `.${$arc_mbil}` - $(this).attr("href", $refarence_mbil); - } - }); - } - - setTimeout(()=>{ - if(width<=600){ - $('.same-style').find('svg path').attr('fill','#000'); + let $arc = $(this).attr("href"); + let $spcial_char = $arc.includes("./"); + if ($spcial_char === true) { + let $refarence = `.${$arc}`; + $(this).attr("href", $refarence); } - },300); + }); + $(".same-style") + .find("a") + .each(function () { + let $arc1 = $(this).attr("href"); + let $spcial_char1 = $arc1.includes("./"); + if ($spcial_char1 === true) { + let $refarence1 = `.${$arc1}`; + $(this).attr("href", $refarence1); + } + }); + $(".tab-content") + .find("img") + .each(function () { + let $img_src = $(this).attr("src"); + let $img_src1 = $img_src.includes("./"); + if ($img_src1 === true) { + let $refarenceimg1 = `.${$img_src}`; + $(this).attr("src", $refarenceimg1); + } + }); + $(".clickable-mainmenu-wrap") + .find("nav ul") + .find("li a") + .each(function () { + let $arc_mbil = $(this).attr("href"); + let $spcial_char_mbil = $arc_mbil.includes("./"); + if ($spcial_char_mbil === true) { + let $refarence_mbil = `.${$arc_mbil}`; + $(this).attr("href", $refarence_mbil); + } + }); + } - // overview + setTimeout(() => { + if (width <= 600) { + $(".same-style").find("svg path").attr("fill", "#000"); + } + }, 300); - $('.overview').click(function (e){ - let name = $(e.target).data('overview'); - - document.querySelector(name)?.scrollIntoView({ - behavior: 'smooth' - }); - + // overview + + $(".overview").click(function (e) { + let name = $(e.target).data("overview"); + + document.querySelector(name)?.scrollIntoView({ + behavior: "smooth", }); + }); - $('.overviewspecs').click(function (e){ - document.querySelector('#specification_data')?.scrollIntoView({ - behavior: 'smooth' - }); - }); -} \ No newline at end of file + $(".overviewspecs").click(function (e) { + document.querySelector("#specification_data")?.scrollIntoView({ + behavior: "smooth", + }); + }); +} diff --git a/dist/js/productdetails/laptopd.js b/dist/js/productdetails/laptopd.js index aacfa49..ec2f247 100644 --- a/dist/js/productdetails/laptopd.js +++ b/dist/js/productdetails/laptopd.js @@ -1,75 +1,74 @@ function startDetails() { - // http://127.0.0.1:5502/productdetails.html?productId=106633230000024 - - if (window.location.search.split('=')[0] == '') { - window.location.href = "/notfound.html"; - return; - } - let productId = window.location.hash.split('#')[1].split('=')[1]; - - let itemtagscombinationRes = null; - let labels = {}; - let isThereInLabel = {}; - let currentComb = null; + // http://127.0.0.1:5502/productdetails.html?productId=106633230000024 - let colorId = null; + if (window.location.search.split("=")[0] == "") { + window.location.href = "/notfound.html"; + return; + } + let productId = window.location.hash.split("#")[1].split("=")[1]; - let group = {}; + let itemtagscombinationRes = null; + let labels = {}; + let isThereInLabel = {}; + let currentComb = null; - let loadingActions = { - addLoader() { - $('.loadingCall').removeClass('d-none'); - $('.mainContanierProduct').addClass('d-none'); - }, - removeLoader() { - $('.loadingCall').addClass('d-none'); - $('.mainContanierProduct').removeClass('d-none'); - } - } + let colorId = null; - let currentClick = null; + let group = {}; - if (productId) { - swapSectionsVideo(); - loadingActions.addLoader(); - updateProductId(productId); - getProductDetails(productId); - appendSpecs(productId) - } else { - window.location.href = "/notfound.html" - } + let loadingActions = { + addLoader() { + $(".loadingCall").removeClass("d-none"); + $(".mainContanierProduct").addClass("d-none"); + }, + removeLoader() { + $(".loadingCall").addClass("d-none"); + $(".mainContanierProduct").removeClass("d-none"); + }, + }; - function updateProductId(val) { - $('#productidtag').val(val); - } + let currentClick = null; - function updateItemId(val) { - $('#itemidtag').val(val); - } + if (productId) { + swapSectionsVideo(); + loadingActions.addLoader(); + updateProductId(productId); + getProductDetails(productId); + appendSpecs(productId); + } else { + window.location.href = "/notfound.html"; + } - let specification_wrap_action = { - remove() { + function updateProductId(val) { + $("#productidtag").val(val); + } - $('.specification-wrap').addClass('d-none'); - }, + function updateItemId(val) { + $("#itemidtag").val(val); + } - add() { - $('.specification-wrap').removeClass('d-none'); - } - } + let specification_wrap_action = { + remove() { + $(".specification-wrap").addClass("d-none"); + }, - let description_action = { - addVal(value) { - $('.description-wrap > p').html(value); - }, + add() { + $(".specification-wrap").removeClass("d-none"); + }, + }; - removeVal(value) { - $('.description-wrap > p').html(''); - } - } + let description_action = { + addVal(value) { + $(".description-wrap > p").html(value); + }, - function getSpecsItemHTML({ name, des, itemid, id }) { - return `
+ removeVal(value) { + $(".description-wrap > p").html(""); + }, + }; + + function getSpecsItemHTML({ name, des, itemid, id }) { + return `
${name} @@ -79,89 +78,102 @@ function startDetails() {
`; + } + // function getSpecsItemHTML({name,des,itemid,id}){ + // return ` + // ${name} + // ${des} + // `; + // } + async function appendSpecs(id) { + let resData = await API_SERVICES_ACTIONS.getAPIService( + `apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, + true + ); + if (resData.isError) { + $(".productdetailstabs").addClass("d-none"); + // $('.specContainerleft').html('') + $(".specContainerRight").html(""); + $(".specContainerleft").find("#faqAccordion").html(""); + return; } - // function getSpecsItemHTML({name,des,itemid,id}){ - // return ` - // ${name} - // ${des} - // `; + $(".productdetailstabs ").removeClass("d-none"); + const res = resData.response; + const data = JSON.parse(res.result); + let html = ""; + let leftHtml = ""; + let rightHtml = ""; + + if (data.length == 0) { + $(".productdetailstabs ").addClass("d-none"); + $(".specContainerleft").find("#faqAccordion").html(""); + $(".specContainerRight").html(""); + return; + } + + // for (let i = 0; i < data.length; i++) { + // const { specificationname, specificationitemid, itemid, description } = data[i]; + // if ((i + 1) % 2 == 0) { + // rightHtml += getSpecsItemHTML({ + // name: specificationname, id: specificationitemid, itemid, des: description + // }) + // } else { + // leftHtml += getSpecsItemHTML({ + // name: specificationname, id: specificationitemid, itemid, des: description + // }); + // } + // } - async function appendSpecs(id) { - let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, true); - if (resData.isError) { - $('.productdetailstabs').addClass('d-none'); - // $('.specContainerleft').html('') - $('.specContainerRight').html('') - $('.specContainerleft').find('#faqAccordion').html(''); - return; - } - $('.productdetailstabs ').removeClass('d-none'); - const res = resData.response; - const data = JSON.parse(res.result); - let html = ''; - let leftHtml = ''; - let rightHtml = ''; + // $('.specContainerleft').html(leftHtml) + // $('.specContainerRight').html(rightHtml) - if (data.length == 0) { - $('.productdetailstabs ').addClass('d-none'); - $('.specContainerleft').find('#faqAccordion').html(''); - $('.specContainerRight').html('') - return; - } - - // for (let i = 0; i < data.length; i++) { - // const { specificationname, specificationitemid, itemid, description } = data[i]; - // if ((i + 1) % 2 == 0) { - // rightHtml += getSpecsItemHTML({ - // name: specificationname, id: specificationitemid, itemid, des: description - // }) - // } else { - // leftHtml += getSpecsItemHTML({ - // name: specificationname, id: specificationitemid, itemid, des: description - // }); - // } - - // } - - // $('.specContainerleft').html(leftHtml) - // $('.specContainerRight').html(rightHtml) - - let fullHtml = ''; - for(let i=0;i${lisArr[i]}` - } - lis+= '' - }else{ - lis = body - } - if($(window).width()<=768){ - return `
+ function getSpecAccordionHTML(id, name, body, itemid, mainid) { + let lis = '
    '; + if (body.includes("•")) { + let lisArr = body.split("•"); + for (let i = 1; i < lisArr.length; i++) { + lis += `
  • ${lisArr[i]}
    • `; + } + lis += "
"; + } else { + lis = body; + } + if ($(window).width() <= 768) { + return `

-

-
-
+
+
${lis}
@@ -169,12 +181,12 @@ function startDetails() {
`; - }else{ - return `
+ } else { + return `

-

`; - } - return `
+ } + return `

`; - } + } - - function getParentHTML(name, productid, id, isMain) { - return `
+ function getParentHTML(name, productid, id, isMain) { + return `
${name}
`; + } + + function onClickHandler(e) { + $(e).parent().find(".borderselector").removeClass("borderselector"); + + $(e).addClass("borderselector"); + } + + function getChildHTML(tagid, name, isTrue, parentid) { + let blue = "#253746"; + let greenLight = "#5e7975"; + let brown = "#624839"; + let bgColor = ""; + if (name === "Deep Sea Blue") { + bgColor = blue; + } else if (name == "Desert Brown") { + bgColor = brown; + } else if (name == "Eucalyptus Green") { + bgColor = greenLight; } - function onClickHandler(e) { - - $(e).parent().find('.borderselector').removeClass('borderselector'); - - $(e).addClass('borderselector') - - } - - function getChildHTML(tagid, name, isTrue,parentid) { - - let blue = '#253746'; - let greenLight = '#5e7975'; - let brown = '#624839'; - let bgColor = ''; - if(name === 'Deep Sea Blue'){ - bgColor = blue; - }else if(name == 'Desert Brown'){ - bgColor = brown; - }else if(name == 'Eucalyptus Green'){ - bgColor = greenLight; - } - - if(colorId == parentid){ - return ` -
+ if (colorId == parentid) { + return ` +
-
` - } - return ` -
+
`; + } + return ` +
${name} -
` +
`; + } + function addeventlisteners() { + $(".optiontaganwi").each(function (i, el) { + $(el).click(function (e) { + $("#quantity").val(1); + $(e.target) + .parent() + .find(".borderselector") + .removeClass("borderselector"); + $(e.target).addClass("borderselector"); + + currentClick = e.target; + //searchComb(); + // getAllCombination(); + getandsetCombination(); + }); + }); + } + + function getandsetCombination() { + let keyOption = $(currentClick).data("tagiditem"); + $(".disabled-option-item").removeClass("disabled-option-item"); + let tagsNames = []; + + let currOptionAvaIds = {}; + + $(".borderselector").each(function (i, e) { + let id = $(e).data("tagiditem"); + tagsNames.push(id); + }); + + for (let i = 0; i < itemtagscombinationRes.length; i++) { + let tagItems = itemtagscombinationRes[i].tagids; + if (tagItems.includes(keyOption)) { + let splitArr = tagItems.split("|"); + for (let j = 0; j < splitArr.length; j++) { + if (keyOption) { + currOptionAvaIds[splitArr[j]] = splitArr[j]; + } + } + } } - function addeventlisteners() { + let parentsArr = []; + $(".optiontaganwi").each(function (i, e) { + let currParent = $(e).parents(".groupingitems_search"); - $('.optiontaganwi').each(function (i, el) { - $(el).click(function (e) { - - $('#quantity').val(1); - - $(e.target).parent().find('.borderselector').removeClass('borderselector'); - $(e.target).addClass('borderselector'); - - currentClick = e.target; - ; - //searchComb(); - // getAllCombination(); - getandsetCombination(); - - }) - }); + if (currParent.find(`[data-tagiditem="${keyOption}"]`).length == 0) { + let currId = $(e).data("tagiditem"); + if (!currOptionAvaIds[currId]) { + if ($(e).hasClass("borderselector")) { + parentsArr.push(currParent); + $(e).removeClass("borderselector"); + } + $(e).addClass("disabled-option-item"); + } + } + }); + for (let i = 0; i < parentsArr.length; i++) { + let currParent = parentsArr[i]; + currParent.find(".optiontaganwi").each(function (j, e) { + let isTrue = $(e).hasClass("disabled-option-item"); + if (!isTrue) { + $(e).addClass("borderselector"); + return false; + } + }); } - function getandsetCombination(){ - - let keyOption = $(currentClick).data('tagiditem'); - $('.disabled-option-item').removeClass('disabled-option-item'); - let tagsNames = []; - - + // $('.optiontaganwi').addClass('disabled-option-item'); + let parentId = $(currentClick).parents(".groupingitems_search"); + let parentData = $(parentId).data("parentidgroup"); + let parentArr = []; + $(".groupingitems_search").each(function (i, e) { + const curParentId = $(e).data("parentidgroup"); + if (parentData != curParentId) { + let obj = { + name: $(e).find(".smallHeadingProductDetails").html(), + arr: [], + }; + $(e) + .find(".optiontaganwi") + .each(function (j, evt) { + let id = $(evt).data("tagiditem"); + obj.arr.push(id); + }); + parentArr.push(obj); + } + }); - let currOptionAvaIds = {}; - - $('.borderselector').each(function (i,e){ - let id = $(e).data('tagiditem'); - tagsNames.push(id); - }); - + let arrone = parentArr[0].arr; + let arrtwo = []; + if (parentArr.length > 1) { + arrtwo = parentArr[1]?.arr; + } - for(let i=0;i1){ - arrtwo = parentArr[1]?.arr; - } - - let currId = keyOption; - let ids = []; - for(let i=0;i img').attr('src', defaultImg); - alert("updated1") - specification_wrap_action.remove(); - $('#skudetailitem').val(-1) - $('.productname').html(itemsName) - - - $('.msgErrorDetailsItem').removeClass('d-none'); - $('.des_productdes').html(''); - $('.price').html(''); - } - - initAddToCart() - return; + if (isTrue) { + findObj.push(itemtagscombinationRes[j]); } - - } - - - - - // return; - - - - - return; - let commonTags = []; - // $('.optiontaganwi').addClass('disabled-option-item') - - for(let i=0;i${currencySymbol}${amount}${commingSoonText?'Pre Order Now!':''}` : 'pre order now'); - appendSpecs(obj.itemid) - $('#skudetailitem').val(obj.sku) - $('.des_productdes').html(obj.itemdescription); - $('#addtocart').attr('data-qty', obj.quantity); + if (isTrue) { + const { quantity } = itemtagscombinationRes[i]; + if (true) { + currentComb = itemtagscombinationRes[i]; + updateDetailsByObj(itemtagscombinationRes[i]); - let defaultImg = obj.itemimageurl ? imgServerNameBuild(obj.itemimageurl) : `./dist/assets/imgs/nophoto.png`; - - let productId = window.location.hash.split('#')[1]?.split('=')[1]; - let itemId = window.location.hash.split('#')[2]?.split('=')[1]; - history.replaceState(undefined, undefined, `#productId=${productId}#itemid=${obj.itemid}`) - $('.productDetailsMain > img').attr('src', defaultImg).attr('loading','lazy'); - magnify("main_show_img",1.2,defaultImg); - updateItemId(obj.itemid); - - - if (!obj.pricelist || !obj.quantity) { - $('.buynow').attr('disabled', true); - $('#addtocart').attr('disabled', true); + if (isPro) { + $(`[data-tagiditem="106631360000089"]`).addClass( + " disabled-option-item" + ); + $(`[data-tagiditem="106631360000088"]`).addClass( + " disabled-option-item" + ); + } } else { - $('.buynow').attr('disabled', false); - $('#addtocart').attr('disabled', false); - } - } + let name = itemtagscombinationRes[i].itemname.split("-")[0]; + $("#addtocart").addClass("disabled"); + let itemsName = name; + $(".borderselector").each(function (i, e) { + itemsName += ` ${$(e).html().trim()}`; + }); - function searchComb() { - let valuesSelected = []; - $('.optiontaganwi').removeClass('disabled-option-item') + updateItemId(null); - $('#addtocart').removeClass('disabled'); - $('.msgErrorDetailsItem').addClass('d-none'); - $('.borderselector,border_selector').each(function (i, el) { - - let val = $(el).data('tagiditem'); - valuesSelected.push(val); - }); + let defaultImg = itemtagscombinationRes[i].itemimageurl + ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) + : `./dist/assets/imgs/nophoto.png`; + debugger; + $(".productDetailsMain > img").attr("src", defaultImg); + alert("updated1"); + specification_wrap_action.remove(); + $("#skudetailitem").val(-1); + $(".productname").html(itemsName); - let labelRecord = {}; - - for (let label in labels) { - labelRecord[label] = false; + $(".msgErrorDetailsItem").removeClass("d-none"); + $(".des_productdes").html(""); + $(".price").html(""); } - - specification_wrap_action.add(); - - let unFiler = null; - for (let i = 0; i < itemtagscombinationRes.length; i++) { - const currItem = itemtagscombinationRes[i]; - const { tagids } = currItem; - - - let isTrue = true; - let labelFilter = labelRecord; - - for (let i = 0; i < valuesSelected.length; i++) { - - if (!tagids.includes(valuesSelected[i])) { - isTrue = false - - unFiler = labelFilter; - break; - } - labelFilter[group[valuesSelected[i]]] = true; - } - - if (isTrue) { - const { quantity } = itemtagscombinationRes[i]; - if (quantity >= $('#quantity').val() && quantity >= 1) { - currentComb = itemtagscombinationRes[i]; - // $('.productname').html(itemtagscombinationRes[i].itemname) - // $('.price').html(itemtagscombinationRes[i].pricelist); - // location.hash = itemtagscombinationRes[i].itemname.trim(); - // appendSpecs(itemtagscombinationRes[i].itemid) - // history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`); - - // $('#skudetailitem').val(itemtagscombinationRes[i].sku) - // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription); - updateDetailsByObj(itemtagscombinationRes[i]); - } else { - - let name = itemtagscombinationRes[i].itemname.split('-')[0]; - $('#addtocart').addClass('disabled'); - let itemsName = name; - $('.borderselector').each(function (i, e) { - itemsName += ` ${$(e).html().trim()}`; - }); - - updateItemId(null); - - let defaultImg = itemtagscombinationRes[i].itemimageurl ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) : `./dist/assets/imgs/nophoto.png`; - $('.productDetailsMain > img').attr('src', defaultImg); - specification_wrap_action.remove(); - $('#skudetailitem').val(-1) - $('.productname').html(itemsName) - // history.replaceState(null, null, `#`); - $('.msgErrorDetailsItem').removeClass('d-none'); - $('.des_productdes').html(''); - $('.price').html(''); - } - - initAddToCart() - return; - - } - - } - let name = itemtagscombinationRes[0].itemname.split('-')[0]; - let itemsName = name; - $('.borderselector').each(function (i, e) { - itemsName += `- ${$(e).html().trim()}`; - }) - specification_wrap_action.remove(); - $('.productname').html(itemsName) - $('#skudetailitem').val(-1) - $('.price').html(''); - $('#addtocart').addClass('disabled'); - $('.msgErrorDetailsItem').removeClass('d-none'); - - initAddToCart() - } - - function getAllCombination() { - ; - const currClickAttr = $(currentClick).html().trim(); - const optionId = $(currentClick).data('tagiditem'); - - let curr = $(currentClick).parents('.groupingitems_search').data('parentidgroup'); - $('.groupingitems_search').each(function (i, e) { - const id = $(e).data('parentidgroup'); - if (id != curr) { - $(e).find('.optiontaganwi').addClass('disabled-option-item'); - $(e).find('.borderselector').removeClass('borderselector'); - } - }); - - let ansArr = []; - let index = 0; - let comb = null; - for(let i=0;i${currencySymbol}${amount}${ + commingSoonText + ? 'Pre Order Now!' + : "" + }` + : "pre order now" + ); + appendSpecs(obj.itemid); + $("#skudetailitem").val(obj.sku); + $(".des_productdes").html(obj.itemdescription); + $("#addtocart").attr("data-qty", obj.quantity); + + let defaultImg = obj.itemimageurl + ? imgServerNameBuild(obj.itemimageurl) + : `./dist/assets/imgs/nophoto.png`; + + let productId = window.location.hash.split("#")[1]?.split("=")[1]; + let itemId = window.location.hash.split("#")[2]?.split("=")[1]; + history.replaceState( + undefined, + undefined, + `#productId=${productId}#itemid=${obj.itemid}` + ); + $(".productDetailsMain > img") + .attr("src", defaultImg) + .attr("loading", "lazy"); + magnify("main_show_img", 1.2, defaultImg); + updateItemId(obj.itemid); + + if (!obj.pricelist || !obj.quantity) { + $(".buynow").attr("disabled", true); + $("#addtocart").attr("disabled", true); + } else { + $(".buynow").attr("disabled", false); + $("#addtocart").attr("disabled", false); + } + } + + function searchComb() { + let valuesSelected = []; + $(".optiontaganwi").removeClass("disabled-option-item"); + + $("#addtocart").removeClass("disabled"); + $(".msgErrorDetailsItem").addClass("d-none"); + $(".borderselector,border_selector").each(function (i, el) { + let val = $(el).data("tagiditem"); + valuesSelected.push(val); + }); + + let labelRecord = {}; + + for (let label in labels) { + labelRecord[label] = false; + } + + specification_wrap_action.add(); + + let unFiler = null; + for (let i = 0; i < itemtagscombinationRes.length; i++) { + const currItem = itemtagscombinationRes[i]; + const { tagids } = currItem; + + let isTrue = true; + let labelFilter = labelRecord; + + for (let i = 0; i < valuesSelected.length; i++) { + if (!tagids.includes(valuesSelected[i])) { + isTrue = false; + + unFiler = labelFilter; + break; + } + labelFilter[group[valuesSelected[i]]] = true; + } + + if (isTrue) { + const { quantity } = itemtagscombinationRes[i]; + if (quantity >= $("#quantity").val() && quantity >= 1) { + currentComb = itemtagscombinationRes[i]; + // $('.productname').html(itemtagscombinationRes[i].itemname) + // $('.price').html(itemtagscombinationRes[i].pricelist); + // location.hash = itemtagscombinationRes[i].itemname.trim(); + // appendSpecs(itemtagscombinationRes[i].itemid) + // history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`); + + // $('#skudetailitem').val(itemtagscombinationRes[i].sku) + // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription); + updateDetailsByObj(itemtagscombinationRes[i]); + } else { + let name = itemtagscombinationRes[i].itemname.split("-")[0]; + $("#addtocart").addClass("disabled"); + let itemsName = name; + $(".borderselector").each(function (i, e) { + itemsName += ` ${$(e).html().trim()}`; + }); + + updateItemId(null); + + let defaultImg = itemtagscombinationRes[i].itemimageurl + ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) + : `./dist/assets/imgs/nophoto.png`; + $(".productDetailsMain > img").attr("src", defaultImg); + specification_wrap_action.remove(); + $("#skudetailitem").val(-1); + $(".productname").html(itemsName); + // history.replaceState(null, null, `#`); + $(".msgErrorDetailsItem").removeClass("d-none"); + $(".des_productdes").html(""); + $(".price").html(""); } - if(resData.response.result == '[]' || !resData.response.result){ - $('.barbgnav').removeClass('d-none') - loadingActions.removeLoader(); - toasterHelper("Something Went Wrong") - return; + initAddToCart(); + return; + } + } + let name = itemtagscombinationRes[0].itemname.split("-")[0]; + let itemsName = name; + $(".borderselector").each(function (i, e) { + itemsName += `- ${$(e).html().trim()}`; + }); + specification_wrap_action.remove(); + $(".productname").html(itemsName); + $("#skudetailitem").val(-1); + $(".price").html(""); + $("#addtocart").addClass("disabled"); + $(".msgErrorDetailsItem").removeClass("d-none"); + + initAddToCart(); + } + + function getAllCombination() { + const currClickAttr = $(currentClick).html().trim(); + const optionId = $(currentClick).data("tagiditem"); + + let curr = $(currentClick) + .parents(".groupingitems_search") + .data("parentidgroup"); + $(".groupingitems_search").each(function (i, e) { + const id = $(e).data("parentidgroup"); + if (id != curr) { + $(e).find(".optiontaganwi").addClass("disabled-option-item"); + $(e).find(".borderselector").removeClass("borderselector"); + } + }); + + let ansArr = []; + let index = 0; + let comb = null; + for (let i = 0; i < itemtagscombinationRes.length; i++) { + let currIds = itemtagscombinationRes[i].tagids; + + if (currIds.includes(optionId)) { + currIds = currIds.split("|"); + + for (let j = 0; j < currIds.length; j++) { + if (index == 0 && optionId != currIds[j]) { + $(`[data-tagiditem="${currIds[j]}"]`).addClass("borderselector"); + comb = itemtagscombinationRes[i]; + index++; + } + $(`[data-tagiditem="${currIds[j]}"]`).removeClass( + "disabled-option-item" + ); + + // $().parents('[data-tagid]').find() } + } + } - let res = resData.response; + updateDetailsByObj(comb); - res = JSON.parse(res.result); + let currentItem = comb.tagids.split("|"); - if (!res) { - loadingActions.removeLoader(); - return; + for (let i = 0; i < currentItem.length; i++) { + $(`[data-tagiditem="${currentItem[i]}"]`) + .removeClass("disabled-option-item") + .addClass("borderselector"); + } + + // history.replaceState(null, null, `#${comb.itemname}`); + // window.location.href = `#${comb.itemname}` + return; + } + + async function getProductDetails(id) { + let resData = await API_SERVICES_ACTIONS.getAPIService( + `apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`, + true + ); + + if (resData.isError) { + loadingActions.removeLoader(); + alert(resData.errorMsg.message); + return; + } + + if (resData.response.result == "[]" || !resData.response.result) { + $(".barbgnav").removeClass("d-none"); + loadingActions.removeLoader(); + toasterHelper("Something Went Wrong"); + return; + } + + let res = resData.response; + + res = JSON.parse(res.result); + + if (!res) { + loadingActions.removeLoader(); + return; + } + + let html = ""; + + for (let i = 0; i < res.length; i++) { + const currItem = res[i]; + // parenttagid means under what label + // tag id means it know unquie id + const { + parentattribute, + parenttagid, + tagid, + attribute, + productid, + } = currItem; + + if (labels[parentattribute]) { + labels[parentattribute].items.push({ + attribute, + tagid: tagid, + }); + } else { + labels[parentattribute] = { + id: parenttagid, + items: [ + { + attribute, + tagid: tagid, + }, + ], }; - - - - let html = ''; - - for (let i = 0; i < res.length; i++) { - const currItem = res[i]; - // parenttagid means under what label - // tag id means it know unquie id - const { parentattribute, parenttagid, tagid, attribute, productid } = currItem; - - if (labels[parentattribute]) { - labels[parentattribute].items.push({ - attribute, - tagid: tagid - }); - } else { - labels[parentattribute] = { - id: parenttagid, - items: [{ - attribute, - tagid: tagid - }] - }; - - if(parentattribute.toLowerCase() === 'colour'){ - colorId = parenttagid; - } - html += getParentHTML(parentattribute, productid, parenttagid, i == 0); - } - + if (parentattribute.toLowerCase() === "colour") { + colorId = parenttagid; } - $('#spec-container-details').html(html); + html += getParentHTML(parentattribute, productid, parenttagid, i == 0); + } + } + $("#spec-container-details").html(html); - let childIds = []; + let childIds = []; - for (let item in labels) { - let { id, items } = labels[item]; - // $(`[data-tagid=${id}]`) - let html = ''; + for (let item in labels) { + let { id, items } = labels[item]; + // $(`[data-tagid=${id}]`) + let html = ""; - for (let i = 0; i < items.length; i++) { - const { attribute, tagid } = items[i] - childIds.push(tagid); - group[attribute] = item; - html += getChildHTML(tagid, attribute, i == 0,id); - } - ; - $(`[data-tagid="${id}"]`).html(html); - } - itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true); - itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result); + for (let i = 0; i < items.length; i++) { + const { attribute, tagid } = items[i]; + childIds.push(tagid); + group[attribute] = item; + html += getChildHTML(tagid, attribute, i == 0, id); + } + $(`[data-tagid="${id}"]`).html(html); + } + itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService( + `apis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, + true + ); + itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result); - let itemidSearch = window.location.hash.split('#')[2]?.split('=')[1]; + let itemidSearch = window.location.hash.split("#")[2]?.split("=")[1]; - if(!itemidSearch){ - itemidSearch = itemtagscombinationRes[0].itemid - } + if (!itemidSearch) { + itemidSearch = itemtagscombinationRes[0].itemid; + } - let valuesSelected = []; + let valuesSelected = []; - $('.borderselector').each(function (i, el) { + $(".borderselector").each(function (i, el) { + let val = $(el).html(); + valuesSelected.push(val.trim()); + }); + // let searchParams = window.location.search.split("&"); + // let skuId = window.location.hash.split('#')[2].split('=')[1]; + // skuId = skuId.split('=')[1] + let isGo = true; + for (let i = 0; i < itemtagscombinationRes.length; i++) { + const currItem = itemtagscombinationRes[i]; - let val = $(el).html(); - valuesSelected.push(val.trim()); - }); -; - // let searchParams = window.location.search.split("&"); - // let skuId = window.location.hash.split('#')[2].split('=')[1]; - // skuId = skuId.split('=')[1] - let isGo = true; - for (let i = 0; i < itemtagscombinationRes.length; i++) { - const currItem = itemtagscombinationRes[i]; - - const { tagnames, sku, itemid } = currItem; - - isThereInLabel[tagnames] = itemtagscombinationRes[i]; - let isTrue = true; - if (isGo) { - // for(let i=0;i= 576){ - var img, glass, w, h, bw; - img = document.getElementById(imgID); - - /* Create magnifier glass: */ - glass = document.createElement("DIV"); - glass.setAttribute("class", "img-magnifier-glass d-none"); - - /* Insert magnifier glass: */ - img.parentElement.insertBefore(glass, img); - /* Set background properties for the magnifier glass: */ - glass.style.backgroundImage = "url('"+ defaultImg +"')"; - glass.style.backgroundRepeat = "no-repeat"; - - if(img.width <=400 && img.width <= 400){ - glass.style.backgroundSize = 650 * zoom + "px " + 650 * zoom + "px"; - } - else{ - glass.style.backgroundSize = img.width * zoom + "px " + img.height * zoom + "px"; - } - - bw = 3; - w = glass.offsetWidth / 2; - h = glass.offsetHeight / 2; - - /* Execute a function when someone moves the magnifier glass over the image: */ - glass.addEventListener("mousemove", moveMagnifier); - img.addEventListener("mousemove", moveMagnifier); - - /*and also for touch screens:*/ - glass.addEventListener("touchmove", moveMagnifier); - img.addEventListener("touchmove", moveMagnifier); - - function moveMagnifier(e) { - var pos, x, y; - /* Prevent any other actions that may occur when moving over the image */ - e.preventDefault(); - /* Get the cursor's x and y positions: */ - pos = getCursorPos(e); - x = pos.x; - y = pos.y; - /* Prevent the magnifier glass from being positioned outside the image: */ - if (x > img.width - w / zoom) { - x = img.width - w / zoom; - } - if (x < w / zoom) { - x = w / zoom; - } - if (y > img.height - h / zoom) { - y = img.height - h / zoom; - } - if (y < h / zoom) { - y = h / zoom; - } - /* Set the position of the magnifier glass: */ - glass.style.left = x - w + "px"; - glass.style.top = y - h + "px"; - /* Display what the magnifier glass "sees": */ - glass.style.backgroundPosition = "-" + (x * zoom - w + bw) + "px -" + (y * zoom - h + bw) + "px"; - - } - - function getCursorPos(e) { - var a, - x = 0, - y = 0; - e = e || window.event; - /* Get the x and y positions of the image: */ - a = img.getBoundingClientRect(); - /* Calculate the cursor's x and y coordinates, relative to the image: */ - x = e.pageX - a.left; - y = e.pageY - a.top; - /* Consider any page scrolling: */ - x = x - window.pageXOffset; - y = y - window.pageYOffset; - return { x: x, y: y }; - } + if (itemidSearch != itemid) { + isTrue = false; } + // if (i != 0) { + // isTrue = false + // } + if (isTrue) { + currentComb = itemtagscombinationRes[i]; + + updateDetailsByObj(itemtagscombinationRes[i]); + + isGo = false; + let { tagnames, tagids, pricelist } = itemtagscombinationRes[i]; + tagids = tagids.split("|"); + tagnames = tagnames.split("|"); + $(".optiontaganwi").removeClass("borderselector"); + + for (let i = 0; i < tagids.length; i++) { + $(`[data-tagiditem="${tagids[i]}"]`).addClass("borderselector"); + } + + break; + // tagiditem + } + } } + + if (isGo && itemtagscombinationRes.length != 0) { + let { tagnames, tagids, pricelist } = itemtagscombinationRes[0]; + tagids = tagids.split("|"); + tagnames = tagnames.split("|"); + $(".optiontaganwi").removeClass("borderselector"); + currentComb = itemtagscombinationRes[0]; + // updateItemId(itemtagscombinationRes[0].itemid); + + for (let i = 0; i < tagids.length; i++) { + $(`[data-type="${tagids[i]}-${tagnames[i]}"]`).addClass( + "borderselector" + ); + // $(`[data-type="${tagids[i]}-Eucalyptus Green"]`).removeClass('borderselector'); + // $(`[data-type="${tagids[i]}-Desert Brown"]`).removeClass('borderselector'); + // $(`[data-type="${tagids[i]}-Deep Sea Blue"]`).removeClass('borderselector'); + } + + // $('.price').html(pricelist); + // $('.des_productdes').html(itemtagscombinationRes[0].itemdescription); + // appendSpecs(itemtagscombinationRes[0].itemid); + + updateDetailsByObj(itemtagscombinationRes[0]); + } + + //getAllCombination() + + // for(let i=0;i= 576) { + var img, glass, w, h, bw; + img = document.getElementById(imgID); + + /* Create magnifier glass: */ + glass = document.createElement("DIV"); + glass.setAttribute("class", "img-magnifier-glass d-none"); + + /* Insert magnifier glass: */ + img.parentElement.insertBefore(glass, img); + /* Set background properties for the magnifier glass: */ + glass.style.backgroundImage = "url('" + defaultImg + "')"; + glass.style.backgroundRepeat = "no-repeat"; + + if (img.width <= 400 && img.width <= 400) { + glass.style.backgroundSize = 650 * zoom + "px " + 650 * zoom + "px"; + } else { + glass.style.backgroundSize = + img.width * zoom + "px " + img.height * zoom + "px"; + } + + bw = 3; + w = glass.offsetWidth / 2; + h = glass.offsetHeight / 2; + + /* Execute a function when someone moves the magnifier glass over the image: */ + glass.addEventListener("mousemove", moveMagnifier); + img.addEventListener("mousemove", moveMagnifier); + + /*and also for touch screens:*/ + glass.addEventListener("touchmove", moveMagnifier); + img.addEventListener("touchmove", moveMagnifier); + + function moveMagnifier(e) { + var pos, x, y; + /* Prevent any other actions that may occur when moving over the image */ + e.preventDefault(); + /* Get the cursor's x and y positions: */ + pos = getCursorPos(e); + x = pos.x; + y = pos.y; + /* Prevent the magnifier glass from being positioned outside the image: */ + if (x > img.width - w / zoom) { + x = img.width - w / zoom; + } + if (x < w / zoom) { + x = w / zoom; + } + if (y > img.height - h / zoom) { + y = img.height - h / zoom; + } + if (y < h / zoom) { + y = h / zoom; + } + /* Set the position of the magnifier glass: */ + glass.style.left = x - w + "px"; + glass.style.top = y - h + "px"; + /* Display what the magnifier glass "sees": */ + glass.style.backgroundPosition = + "-" + (x * zoom - w + bw) + "px -" + (y * zoom - h + bw) + "px"; + } + + function getCursorPos(e) { + var a, + x = 0, + y = 0; + e = e || window.event; + /* Get the x and y positions of the image: */ + a = img.getBoundingClientRect(); + /* Calculate the cursor's x and y coordinates, relative to the image: */ + x = e.pageX - a.left; + y = e.pageY - a.top; + /* Consider any page scrolling: */ + x = x - window.pageXOffset; + y = y - window.pageYOffset; + return { x: x, y: y }; + } + } + } } startDetails(); - diff --git a/dist/js/productdetails/laptopd.js-old b/dist/js/productdetails/laptopd.js-old deleted file mode 100644 index 98ad4b3..0000000 --- a/dist/js/productdetails/laptopd.js-old +++ /dev/null @@ -1,939 +0,0 @@ -function startDetails() { - // http://127.0.0.1:5502/productdetails.html?productId=106633230000024 - - if (window.location.search.split('=')[0] == '') { - window.location.href = "/notfound.html"; - return; - } - let productId = window.location.hash.split('#')[1].split('=')[1]; - console.log(productId); - let itemtagscombinationRes = null; - let labels = {}; - let isThereInLabel = {}; - let currentComb = null; - - let colorId = null; - - let group = {}; - - let loadingActions = { - addLoader() { - $('.loadingCall').removeClass('d-none'); - $('.mainContanierProduct').addClass('d-none'); - }, - removeLoader() { - $('.loadingCall').addClass('d-none'); - $('.mainContanierProduct').removeClass('d-none'); - } - } - - let currentClick = null; - - if (productId) { - swapSectionsVideo(); - loadingActions.addLoader(); - updateProductId(productId); - getProductDetails(productId); - appendSpecs(productId) - } else { - window.location.href = "/notfound.html" - } - - function updateProductId(val) { - $('#productidtag').val(val); - } - - function updateItemId(val) { - $('#itemidtag').val(val); - } - - let specification_wrap_action = { - remove() { - - $('.specification-wrap').addClass('d-none'); - }, - - add() { - $('.specification-wrap').removeClass('d-none'); - } - } - - let description_action = { - addVal(value) { - $('.description-wrap > p').html(value); - }, - - removeVal(value) { - $('.description-wrap > p').html(''); - } - } - - function getSpecsItemHTML({ name, des, itemid, id }) { - return `
-
-
- ${name} -
-
- ${des} -
-
-
`; - - } - // function getSpecsItemHTML({name,des,itemid,id}){ - // return ` - // ${name} - // ${des} - // `; - // } - - async function appendSpecs(id) { - let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, true); - - if (resData.isError) { - $('.productdetailstabs').addClass('d-none'); - $('.specContainerleft').html('') - $('.specContainerRight').html('') - return; - } - $('.productdetailstabs ').removeClass('d-none'); - const res = resData.response; - // console.log(JSON.parse(res.result)); - const data = JSON.parse(res.result); - // console.log(data); - let html = ''; - let leftHtml = ''; - let rightHtml = ''; - - if (data.length == 0) { - $('.productdetailstabs ').addClass('d-none'); - $('.specContainerleft').html('') - $('.specContainerRight').html('') - return; - } - - for (let i = 0; i < data.length; i++) { - const { specificationname, specificationitemid, itemid, description } = data[i]; - if ((i + 1) % 2 == 0) { - rightHtml += getSpecsItemHTML({ - name: specificationname, id: specificationitemid, itemid, des: description - }) - } else { - leftHtml += getSpecsItemHTML({ - name: specificationname, id: specificationitemid, itemid, des: description - }); - } - - } - - $('.specContainerleft').html(leftHtml) - $('.specContainerRight').html(rightHtml) - - } - - - function getParentHTML(name, productid, id, isMain) { - return `
-
${name}
-
- -
-
`; - } - - function onClickHandler(e) { - - $(e).parent().find('.borderselector').removeClass('borderselector'); - - $(e).addClass('borderselector') - - } - - function getChildHTML(tagid, name, isTrue,parentid) { - - let blue = '#253746'; - let greenLight = '#5e7975'; - let brown = '#624839'; - let bgColor = ''; - if(name === 'Deep Sea Blue'){ - bgColor = blue; - }else if(name == 'Desert Brown'){ - bgColor = brown; - }else if(name == 'Eucalyptus Green'){ - bgColor = greenLight; - } - - if(colorId == parentid){ - return ` -
- -
` - } - return ` -
- ${name} -
` - - - } - - function addeventlisteners() { - - $('.optiontaganwi').each(function (i, el) { - $(el).click(function (e) { - - $('#quantity').val(1); - - $(e.target).parent().find('.borderselector').removeClass('borderselector'); - $(e.target).addClass('borderselector'); - - currentClick = e.target; - ; - //searchComb(); - // getAllCombination(); - getandsetCombination(); - - }) - }); - - } - - function getandsetCombination(){ - - let keyOption = $(currentClick).data('tagiditem'); - $('.disabled-option-item').removeClass('disabled-option-item'); - let tagsNames = []; - - - - let currOptionAvaIds = {}; - - $('.borderselector').each(function (i,e){ - let id = $(e).data('tagiditem'); - tagsNames.push(id); - }); - - - for(let i=0;i1){ - arrtwo = parentArr[1]?.arr; - } - - let currId = keyOption; - let ids = []; - for(let i=0;i img').attr('src', defaultImg); - - specification_wrap_action.remove(); - $('#skudetailitem').val(-1) - $('.productname').html(itemsName) - - - $('.msgErrorDetailsItem').removeClass('d-none'); - $('.des_productdes').html(''); - $('.price').html(''); - } - - initAddToCart() - return; - } - - } - - - - - // return; - - - - - return; - let commonTags = []; - // $('.optiontaganwi').addClass('disabled-option-item') - - for(let i=0;i${currencySymbol}${amount}${commingSoonText?'Pre Order Now!':''}` : 'pre order now'); - appendSpecs(obj.itemid) - $('#skudetailitem').val(obj.sku) - $('.des_productdes').html(obj.itemdescription); - $('#addtocart').attr('data-qty', obj.quantity); - - - let defaultImg = obj.itemimageurl ? imgServerNameBuild(obj.itemimageurl) : `./dist/assets/imgs/nophoto.png`; - // console.log(obj.itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl'); -debugger; -let productId = window.location.hash.split('#')[1]?.split('=')[1]; -let itemId = window.location.hash.split('#')[2]?.split('=')[1]; -history.replaceState(undefined, undefined, `#productId=${productId}#itemid=${obj.itemid}`) - $('.productDetailsMain > img').attr('src', defaultImg).attr('loading','lazy'); - - updateItemId(obj.itemid); - -console.log(obj,'objobjobj'); -debugger; - if (!obj.pricelist || !obj.quantity) { - $('.buynow').attr('disabled', true); - $('#addtocart').attr('disabled', true); - } else { - $('.buynow').attr('disabled', false); - $('#addtocart').attr('disabled', false); - } - } - - function searchComb() { - let valuesSelected = []; - $('.optiontaganwi').removeClass('disabled-option-item') - - $('#addtocart').removeClass('disabled'); - $('.msgErrorDetailsItem').addClass('d-none'); - $('.borderselector,border_selector').each(function (i, el) { - console.log($(el).html()) - let val = $(el).data('tagiditem'); - valuesSelected.push(val); - }); - - let labelRecord = {}; - - for (let label in labels) { - labelRecord[label] = false; - } - - console.log(labelRecord); - specification_wrap_action.add(); - console.log(group); - let unFiler = null; - for (let i = 0; i < itemtagscombinationRes.length; i++) { - const currItem = itemtagscombinationRes[i]; - const { tagids } = currItem; - - - let isTrue = true; - let labelFilter = labelRecord; - - for (let i = 0; i < valuesSelected.length; i++) { - - if (!tagids.includes(valuesSelected[i])) { - isTrue = false - - unFiler = labelFilter; - break; - } - labelFilter[group[valuesSelected[i]]] = true; - } - - if (isTrue) { - // console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]'); - const { quantity } = itemtagscombinationRes[i]; - if (quantity >= $('#quantity').val() && quantity >= 1) { - currentComb = itemtagscombinationRes[i]; - // $('.productname').html(itemtagscombinationRes[i].itemname) - // $('.price').html(itemtagscombinationRes[i].pricelist); - // location.hash = itemtagscombinationRes[i].itemname.trim(); - // appendSpecs(itemtagscombinationRes[i].itemid) - // history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`); - - // $('#skudetailitem').val(itemtagscombinationRes[i].sku) - // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription); - updateDetailsByObj(itemtagscombinationRes[i]); - } else { - - let name = itemtagscombinationRes[i].itemname.split('-')[0]; - $('#addtocart').addClass('disabled'); - let itemsName = name; - $('.borderselector').each(function (i, e) { - itemsName += ` ${$(e).html().trim()}`; - }); - - updateItemId(null); - - let defaultImg = itemtagscombinationRes[i].itemimageurl ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) : `./dist/assets/imgs/nophoto.png`; - // console.log(itemtagscombinationRes[i].itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl'); - - $('.productDetailsMain > img').attr('src', defaultImg); - - specification_wrap_action.remove(); - $('#skudetailitem').val(-1) - $('.productname').html(itemsName) - // history.replaceState(null, null, `#`); - - $('.msgErrorDetailsItem').removeClass('d-none'); - $('.des_productdes').html(''); - $('.price').html(''); - } - - initAddToCart() - return; - - } - - } - - - - // alert("j"); - - let name = itemtagscombinationRes[0].itemname.split('-')[0]; - let itemsName = name; - $('.borderselector').each(function (i, e) { - itemsName += `- ${$(e).html().trim()}`; - }) - specification_wrap_action.remove(); - $('.productname').html(itemsName) - $('#skudetailitem').val(-1) - $('.price').html(''); - $('#addtocart').addClass('disabled'); - $('.msgErrorDetailsItem').removeClass('d-none'); - - initAddToCart() - } - - function getAllCombination() { - debugger; - const currClickAttr = $(currentClick).html().trim(); - const optionId = $(currentClick).data('tagiditem'); - - let curr = $(currentClick).parents('.groupingitems_search').data('parentidgroup'); - $('.groupingitems_search').each(function (i, e) { - const id = $(e).data('parentidgroup'); - if (id != curr) { - $(e).find('.optiontaganwi').addClass('disabled-option-item'); - $(e).find('.borderselector').removeClass('borderselector'); - } - }); - - let ansArr = []; - let index = 0; - let comb = null; - for(let i=0;i p').html(value); - }, - - removeVal(value) { - $('.description-wrap > p').html(''); - } - } - - function getSpecsItemHTML({ name, des, itemid, id }) { - return `
-
-
- ${name} -
-
- ${des} -
-
-
`; - return ` - ${name} - ${des} - `; - } - // function getSpecsItemHTML({name,des,itemid,id}){ - // return ` - // ${name} - // ${des} - // `; - // } - - async function appendSpecs(id) { - let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, true); - - if (resData.isError) { - $('.productdetailstabs').addClass('d-none'); - $('.specContainerleft').html('') - $('.specContainerRight').html('') - return; - } - $('.productdetailstabs ').removeClass('d-none'); - const res = resData.response; - console.log(JSON.parse(res.result)); - const data = JSON.parse(res.result); - console.log(data); - let html = ''; - let leftHtml = ''; - let rightHtml = ''; - - if (data.length == 0) { - $('.productdetailstabs ').addClass('d-none'); - $('.specContainerleft').html('') - $('.specContainerRight').html('') - return; - } - - for (let i = 0; i < data.length; i++) { - const { specificationname, specificationitemid, itemid, description } = data[i]; - if ((i + 1) % 2 == 0) { - rightHtml += getSpecsItemHTML({ - name: specificationname, id: specificationitemid, itemid, des: description - }) - } else { - leftHtml += getSpecsItemHTML({ - name: specificationname, id: specificationitemid, itemid, des: description - }); - } - - } - - $('.specContainerleft').html(leftHtml) - $('.specContainerRight').html(rightHtml) - - } - - - function getParentHTML(name, productid, id, isMain) { - return `
-
${name}
-
- -
-
`; - } - - function onClickHandler(e) { - - $(e).parent().find('.borderselector').removeClass('borderselector'); - - $(e).addClass('borderselector') - - } - - function getChildHTML(tagid, name, isTrue) { - - let item_color_1 = `#5e7975`; - let item_color_2 = `#624839`; - let item_color_3 = `#253746`; - if(name == "Eucalyptus Green"){ - - return `

${name}

`; - - }else if(name == "Desert Brown"){ - - return `

${name}

`; - - }else if(name == "Deep Sea Blue"){ - - return `

${name}

`; - } - else{ - return ` -
- ${name} -
` - } - - } - - function addeventlisteners() { - - $('.optiontaganwi').each(function (i, el) { - $(el).click(function (e) { - $('#quantity').val(1); - debugger; - let ele_col = $(e.target).hasClass("color"); - let ele_col1 = $(e.target).hasClass("optiontaganwi_color"); - if(ele_col === true){ - $(e.target).parent().find("span.color").removeClass('border-bottom'); - $(e.target).parent().addClass("border_selector"); - $(e.target).addClass("border-bottom"); - $(e.target).parent().find("span.border-bottom").removeClass("border-bottom text-dark"); - $(e.target).addClass("border_selector"); - $(e.target).find("span.color").addClass("border-bottom text-dark"); - $(e.target).parent().find('.borderselector').removeClass('borderselector'); - // $(e.target).addClass('borderselector'); - searchComb(); - currentClick = e.target; - }else if(ele_col1 === true){ - $(e.target).parent().find("span.text-dark").removeClass("text-dark border-bottom"); - $(e.target).addClass("border_selector"); - $(e.target).find("span.color").addClass("text-dark"); - $(e.target).parent().find('.borderselector').removeClass('borderselector'); - $(e.target).addClass('borderselector'); - searchComb(); - currentClick = e.target; - }else{ - $(e.target).parent().find('.borderselector').removeClass('borderselector'); - $(e.target).addClass('borderselector'); - searchComb(); - currentClick = e.target; - } - - searchComb(); - currentClick = e.target; - // getAllCombination(); - }) - }); - // $('.optiontaganwi_color span.color').each(function (i, el) { - // $(el).click(function (e) { - // $('#quantity').val(1); - // $(e.target).parent().find("span.border-bottom").removeClass("border-bottom"); - // $(e.target).addClass("border-bottom"); - // searchComb(); - // currentClick = e.target; - // // getAllCombination(); - // }) - // }); - } - - // function getChildHTML(tagid,name,isTrue){ - // return ` - //
- // ${name} - //
- // ` - // } - - // function addeventlisteners(){ - - // $('.optiontaganwi').each(function (i,el){ - // $(el).click(function (e){ - // $('#quantity').val(1) - // $(e.target).parent().find('.borderselector').removeClass('borderselector'); - // $(e.target).addClass('borderselector') - // searchComb(); - // currentClick = e.target; - // // getAllCombination(); - // }) - // }); - // } - - function updateDetailsByObj(obj) { - $('.productname').html(obj.itemname) - $('.price').html(obj.pricelist?obj.pricelist:'coming soon'); - appendSpecs(obj.itemid) - $('#skudetailitem').val(obj.sku) - $('.des_productdes').html(obj.itemdescription); - $('#addtocart').attr('data-qty', obj.quantity); - - - let defaultImg = obj.itemimageurl ? imgServerNameBuild(obj.itemimageurl) : `./dist/assets/imgs/nophoto.png`; - console.log(obj.itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl'); - - $('.productDetailsMain > img').attr('src', defaultImg); - - updateItemId(obj.itemid); - - - if(!obj.pricelist){ - $('.buynow').attr('disabled',true); - $('#addtocart').attr('disabled',true); - }else{ - $('.buynow').attr('disabled',false); - $('#addtocart').attr('disabled',false); - } - } - - function searchComb() { - let valuesSelected = []; - - - $('#addtocart').removeClass('disabled'); - $('.msgErrorDetailsItem').addClass('d-none'); - $('.borderselector,border_selector').each(function (i, el) { - console.log($(el).html()) - let val = $(el).html(); - valuesSelected.push(val.trim()); - }); - - let labelRecord = {}; - - for (let label in labels) { - labelRecord[label] = false; - } - - console.log(labelRecord); - specification_wrap_action.add(); - console.log(group); - let unFiler = null; - for (let i = 0; i < itemtagscombinationRes.length; i++) { - const currItem = itemtagscombinationRes[i]; - const { tagnames } = currItem; - - - let isTrue = true; - let labelFilter = labelRecord; - - for (let i = 0; i < valuesSelected.length; i++) { - - if (!tagnames.includes(valuesSelected[i])) { - isTrue = false - - unFiler = labelFilter; - break; - } - labelFilter[group[valuesSelected[i]]] = true; - } - - if (isTrue) { - console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]'); - const { quantity } = itemtagscombinationRes[i]; - if (quantity >= $('#quantity').val() && quantity >= 1) { - currentComb = itemtagscombinationRes[i]; - // $('.productname').html(itemtagscombinationRes[i].itemname) - // $('.price').html(itemtagscombinationRes[i].pricelist); - // location.hash = itemtagscombinationRes[i].itemname.trim(); - // appendSpecs(itemtagscombinationRes[i].itemid) - history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`); - - // $('#skudetailitem').val(itemtagscombinationRes[i].sku) - // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription); - updateDetailsByObj(itemtagscombinationRes[i]); - } else { - - let name = itemtagscombinationRes[i].itemname.split('-')[0]; - $('#addtocart').addClass('disabled'); - let itemsName = name; - $('.borderselector').each(function (i, e) { - itemsName += ` ${$(e).html().trim()}`; - }); - - updateItemId(null); - - specification_wrap_action.remove(); - $('#skudetailitem').val(-1) - $('.productname').html(itemsName) - history.replaceState(null, null, `#`); - - $('.msgErrorDetailsItem').removeClass('d-none'); - $('.des_productdes').html(''); - $('.price').html(''); - } - - initAddToCart() - return; - - } - - } - - let name = itemtagscombinationRes[0].itemname.split('-')[0]; - let itemsName = name; - $('.borderselector').each(function (i, e) { - itemsName += `- ${$(e).html().trim()}`; - }) - specification_wrap_action.remove(); - $('.productname').html(itemsName) - $('#skudetailitem').val(-1) - $('.price').html(''); - $('#addtocart').addClass('disabled'); - $('.msgErrorDetailsItem').removeClass('d-none'); - - initAddToCart() - } - - function getAllCombination() { - const currClickAttr = $(currentClick).html().trim(); - - let isThere = []; - for (let item in isThereInLabel) { - let { tagnames } = isThereInLabel[item]; - if (tagnames.includes(currClickAttr)) { - isThere.push(isThereInLabel[item]) - } - } - let selected = []; - $('.borderselector').each(function (i, e) { - selected.push($(e).html().trim()) - }); - - // console.log(selected); - // console.log(isThere); - - let ishashObj = {}; - - for (let i = 0; i < isThere.length; i++) { - let { tagnames, tagids } = isThere[i]; - tagnames = tagnames.split('|'); - tagids = tagids.split('|'); - - for (let j = 0; j < tagnames.length; j++) { - if (!ishashObj[tagnames[j]]) { - ishashObj[tagnames[j]] = tagids[j]; - } - } - } - - // console.log(ishashObj); - - // for(let i=0;iStarting from ₹ 47,990 - Buy - Now + Know More
@@ -231,9 +229,8 @@
Starting from ₹ 47,990
- Buy - Now + Know More +
diff --git a/laptopdetails.html b/laptopdetails.html index 8ee1ea6..cda6d83 100644 --- a/laptopdetails.html +++ b/laptopdetails.html @@ -388,7 +388,7 @@
-
+
@@ -664,23 +664,27 @@
- + +

diff --git a/styles/new.css b/styles/new.css index 59f959e..1de753b 100644 --- a/styles/new.css +++ b/styles/new.css @@ -19,6 +19,7 @@ body { box-sizing: border-box; overflow-x: hidden; } + @media only screen and (max-width: 900px) { body { padding: 0; @@ -289,7 +290,7 @@ body { .button_dark { -webkit-clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); - clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); + clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); padding-right: 1.7rem; padding-bottom: 0.6rem; padding-top: 0.6rem; @@ -325,11 +326,13 @@ body { bottom: 0; left: 0; } + @media (max-width: 768px) { .footerDesText { width: 100%; } } + .boxImgContainer { width: 4rem; } @@ -392,84 +395,107 @@ body { .productoverBox { height: 900px; } + .productoverBox .productoverBox-1 { height: 225px; } + .productoverBox .productoverBox-2 { height: 225px; } + .productoverBox .productoverBox-2 .futureProof { position: relative; } + .productoverBox .productoverBox-2 .futureProofImg { position: absolute; top: 0; right: 0; width: 50%; } + .productoverBox .productoverBox-3 { height: 225px; } + .productoverBox .productoverBox-4 { height: 225px; } + .productoverBox .productoverBox-5 { height: 200px; overflow: hidden; } + .productoverBox .productoverBox-5 .box_innerImg { position: absolute; right: 8%; top: 0; height: 100%; } + .productoverBox .productoverBox-5 .box_innerImg img { scale: 1.2; } + .productoverBox .productoverBox-6 { height: 150px; } + .productoverBox .productoverBox-7 { height: 225px; position: relative; } + .productoverBox .productoverBox-7 .gridTruelifeImg { position: absolute; width: 85%; bottom: 0; left: 0; } + .productoverBox .productoverBox-8 { height: 60px; } + .productoverBox .productoverBox-9 { height: 230px; } + .productoverBox .productoverBox-10 { height: 150px; } + .productoverBox .productoverBox-11 { height: 180px; } + .productoverBox .productoverBox-12 { height: 75px; } + .productoverBox .PO_box { height: 100%; } -.productoverBox .PO_box > div { + +.productoverBox .PO_box>div { padding: 1rem 0rem; } + .productoverBox .PO_box .box_inner { position: relative; } + .productoverBox .PO_box .bgBox_Content { background: rgb(236, 236, 236); background: linear-gradient(90deg, rgb(236, 236, 236) 4%, rgb(118, 118, 118) 100%); } + .productoverBox .PO_box .box_inner_right { padding-left: 1rem; } + .productoverBox .PO_box .box_inner_left { padding-right: 1rem; } @@ -481,13 +507,16 @@ body { grid-template-columns: repeat(8, minmax(5%, 1fr)); grid-template-rows: repeat(12, minmax(5%, 1fr)); } + .specsgrid .specsItem { background-color: red; } + .specsgrid .specsItem-1 { grid-column: 1/4; grid-row: 1/4; } + .specsgrid .specsItem-2 { grid-column: 1/4; grid-row: 1/4; @@ -496,16 +525,20 @@ body { .displayscreenpad .displayscreenpadContainer { text-align: center; } + .displayscreenpad .displayscreenpadHeading { font-size: 8rem; } + .displayscreenpad .displayscreenpadMain { margin-top: -8%; } -.displayscreenpad .displayscreenpadleft > img { + +.displayscreenpad .displayscreenpadleft>img { left: -8%; } -.displayscreenpad .displayscreenpadright > img { + +.displayscreenpad .displayscreenpadright>img { right: -10%; } @@ -520,9 +553,11 @@ body { margin-bottom: -100px; position: relative; } + .dualLaptop .zeroBMain_desP { font-size: 1.2rem; } + .dualLaptop .zeroBMain_des { position: absolute; top: 0; @@ -530,23 +565,28 @@ body { max-width: 700px; padding-right: 9rem; } + .dualLaptop .dualImgs { position: absolute; } + .dualLaptop .dualImgs .dualImgsInner { width: 50rem; } + .dualLaptop .dualImgsOne { top: 0; left: -10rem; transform: rotate(343deg); width: 68%; } + .dualLaptop .dualImgsTwo { top: 14rem; right: -62%; transform: rotate(339deg); } + .dualLaptop .dualImgsTwo .dualImgsInner { width: 82%; } @@ -558,12 +598,14 @@ body { position: relative; margin-bottom: 300px; } + .tableLaptop .circleTableLaptop_Heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -311%); } + .tableLaptop .justTableLaptop { position: absolute; width: 86%; @@ -571,6 +613,7 @@ body { right: 128px; z-index: 1; } + .tableLaptop .circleTableLaptop { background-color: #ececec; height: 70rem; @@ -579,6 +622,7 @@ body { position: relative; overflow: hidden; } + .tableLaptop .circleTableLaptop .circleTableLaptopTop { bottom: -3%; width: 80%; @@ -587,6 +631,7 @@ body { left: 50%; transform: translate(-50%, 2%); } + .tableLaptop .circleTableLaptop_text { position: absolute; top: 50%; @@ -594,9 +639,10 @@ body { transform: translate(-50%, 106%); } -.trueLifeDisplay .trueLifeDisplay_headingHD > .headingLife { +.trueLifeDisplay .trueLifeDisplay_headingHD>.headingLife { font-size: 6rem; } + .trueLifeDisplay .trueLifeDisplay_des { padding: 0 10rem; } @@ -621,16 +667,19 @@ body { background: linear-gradient(184deg, rgb(255, 255, 255) 4%, rgb(235, 255, 133) 100%); overflow: hidden; } + .dragondisplay .dragondisplay_heading { position: absolute; bottom: -4%; margin: auto; width: 100%; } -.dragondisplay .dragondisplay_heading > h1 { + +.dragondisplay .dragondisplay_heading>h1 { font-size: 8rem; text-align: center; } + .dragondisplay .dragondisplay_des { max-width: 600px; position: absolute; @@ -643,11 +692,13 @@ body { max-width: 250px; gap: 8rem; } + .intelGen .intelGenUL .intelGenULHeading { font-size: 1.8rem; font-weight: 700; border-bottom: 2px solid; } + .intelGen .cpuSection { background-image: url("./../../dist/assets/imgs/productoverview/cpu.png"); background-color: white; @@ -660,132 +711,168 @@ body { .productOverview .p-6 { padding: 0; } + .productOverview .overviewProductFullTitle { padding: 2rem 5rem; font-size: 2rem; } - .productOverview > div { + + .productOverview>div { padding: 0; } + .dualLaptop .dualImgsTwo .dualImgsInner { transform: rotate(339deg) translateX(57%) translateY(55%); } + .productOverview .overviewProductFullTitle { font-size: 1rem; padding: 2rem 0rem; } + .productOverview .overviewProductDes { font-size: 0.7rem; padding: 0.5rem; } + .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img { width: 100%; } + .PO_galleryContainer .PO_gallery_display { min-height: 300px; } + .PO_gallery_box { padding: 0; } + .PO_galleryContainer .PO_gallery_box_inner { padding: 0; } + .productoverBox.px-6 { padding: 1rem; margin: 0; height: -moz-max-content; height: max-content; } + .displayscreenpad .displayscreenpadHeading { font-size: 4rem; } + .dualLaptop .dual_des_heading { font-size: 2rem; } + .dualLaptop .zeroBMain_des { padding-right: 0; } + .dualLaptop .zeroBMain_des .zeroBMain_desP { font-size: 0.8rem; max-width: 400px; } + .controlPanel .controlPanel_des { top: -110px; } - .controlPanel .controlPanel_des > h1 { + + .controlPanel .controlPanel_des>h1 { font-size: 2.5rem; } } + @media (max-width: 1000px) { .dualpassage { padding-left: 10rem; padding-right: 2rem; } } + @media (max-width: 790px) { .productOverview .p-6 { padding: 0; } + .productOverview .overviewProductFullTitle { padding: 2rem 0; font-size: 1rem; } + .productOverview .overviewProductDes { font-size: 0.7rem; } + .displayscreenpad .displayscreenpadHeading { font-size: 2rem; } + .dualLaptop .dual_des_heading { font-size: 1rem; } + .dualLaptop .zeroBMain_des .zeroBMain_desP { font-size: 0.7rem; max-width: 400px; } - .controlPanel .controlPanel_des > h1 { + + .controlPanel .controlPanel_des>h1 { font-size: 1.9rem; } } + @media (max-width: 670px) { .zeroBMain_des { display: none; } + .mobileAw { display: block; } } + @media only screen and (max-width: 600px) { .p-6 { padding: 0; } + .productoverviewmain .displayscreenpad .displayscreenpadHeading { font-size: 5rem; } + .banner_heading_4 { font-size: 2rem; } + .displayscreenpad .displayscreenpadHeading { font-size: 2rem; } + .displayscreenpad .displayscreenpadMain { top: 0; } + .displayscreenpad .twoScreenHeading { font-size: 1rem; } + .tableLaptop { margin-top: 20%; margin-bottom: 0; height: -moz-max-content; height: max-content; } + .tableLaptop .dual_des_heading { font-size: 1rem; } + .tableLaptop .circleTableLaptop { height: 300px; } + .tableLaptop .circleTableLaptop .circleTableLaptopTop { bottom: -3%; width: 80%; @@ -794,12 +881,14 @@ body { left: 50%; transform: translate(-50%, 2%); } + .tableLaptop .circleTableLaptop_Heading { position: absolute; top: 4%; left: 50%; transform: translate(-50%, 0); } + .tableLaptop .justTableLaptop { position: absolute; width: 86%; @@ -807,40 +896,50 @@ body { right: 30px; z-index: 1; } + .tableLaptop .circleTableLaptop_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); } + .trueLifeDisplay { margin-top: 50px; } - .trueLifeDisplay .trueLifeDisplay_headingHD > h1, + + .trueLifeDisplay .trueLifeDisplay_headingHD>h1, .trueLifeDisplay .trueLifeDisplay_headingHD .headingLife { font-size: 2rem; } + .trueLifeDisplay .trueLifeDisplay_des { padding: 1rem; } + .trueLifeDisplay .trueLifeDisplay_des .font_p_Dual { font-size: 0.9rem; } + .controlPanel { margin-top: 3rem; padding-bottom: 100px; } - .controlPanel > .p-5 { + + .controlPanel>.p-5 { padding: 0 !important; } + .controlPanel .bgControlpanel { min-height: 85vh; } + .controlPanel .bgControlpanel .bgControlpaneltabs { top: 55%; right: 0; transform: translateY(-50%); } + .controlPanel .controlPanel_des { top: 0%; width: 100%; @@ -850,121 +949,148 @@ body { margin: 1rem 0; margin: 1rem 0; } - .controlPanel .controlPanel_des > h1 { + + .controlPanel .controlPanel_des>h1 { font-size: 1.2rem; } + .controlPanel .bgControlpaneltabs { padding: 0.1rem !important; padding-top: 3rem !important; } - .controlPanel .bgControlpaneltabs > .nav-tabs { + + .controlPanel .bgControlpaneltabs>.nav-tabs { padding: 0; } - .controlPanel .bgControlpaneltabs > ul { + + .controlPanel .bgControlpaneltabs>ul { padding: 1rem; } + .controlPanel .bgControlpaneltabs #tabLaptopContent { padding: 1rem; } + .proSection .designedProLaptop_title .designedProLaptop_title_text { font-size: 2rem; } } -.proSection .designedProLaptop_title > .designedProLaptop_title_text { + +.proSection .designedProLaptop_title>.designedProLaptop_title_text { font-size: 6rem; } -.proSection .designedProLaptopList > li { + +.proSection .designedProLaptopList>li { font-size: 2.5rem; } @media (max-width: 1200px) { - .proSection .designedProLaptopList > li { + .proSection .designedProLaptopList>li { font-size: 1.5rem; } } + @media (max-width: 768px) { .proSection { padding: 1rem; } - .proSection .designedProLaptop_title > .designedProLaptop_title_text { + + .proSection .designedProLaptop_title>.designedProLaptop_title_text { font-size: 4rem; } + .proSection .designedProLaptopList { width: 100%; padding: 1rem; } } + @media (max-width: 576px) { - .proSection .designedProLaptop_title > .designedProLaptop_title_text { + .proSection .designedProLaptop_title>.designedProLaptop_title_text { font-size: 2.5rem; } } + .popupKeyboard { position: relative; overflow-x: hidden; padding-top: 11rem; } + .popupKeyboard .popupKeyboard_hParent { position: absolute; top: 0; left: 0; } -.popupKeyboard .popupKeyboard_heading > h1 { + +.popupKeyboard .popupKeyboard_heading>h1 { font-size: 9rem; } @media (max-width: 1200px) { - .popupKeyboard .popupKeyboard_heading > h1 { + .popupKeyboard .popupKeyboard_heading>h1 { font-size: 5rem; } } + @media (max-width: 768px) { .controlPanel { padding-bottom: 100px; } + .popupKeyboard .popupKeyboard_heading { padding: 1rem; } - .popupKeyboard .popupKeyboard_heading > h1 { + + .popupKeyboard .popupKeyboard_heading>h1 { font-size: 3rem; } + .popupKeyboard .popupKeyboard_des { padding: 1rem; font-size: 1rem; } + .popupKeyboard .popupKeyboard_hParent { padding: 1rem; } } + @media (max-width: 576px) { .popupKeyboard .popupKeyboard_heading { padding: 1rem; } - .popupKeyboard .popupKeyboard_heading > h1 { + + .popupKeyboard .popupKeyboard_heading>h1 { font-size: 2rem; } + .popupKeyboard .popupKeyboard_des { padding: 2rem; padding-top: 0; font-size: 0.8rem; } } + .dragondisplay { position: relative; background: rgb(255, 255, 255); background: linear-gradient(184deg, rgb(255, 255, 255) 4%, rgb(235, 255, 133) 100%); overflow: hidden; } + .dragondisplay .dragondisplay_heading { position: absolute; bottom: 0; margin: auto; width: 100%; } -.dragondisplay .dragondisplay_heading > h1 { + +.dragondisplay .dragondisplay_heading>h1 { font-size: 8rem; text-align: center; } + .dragondisplay .dragondisplay_des { max-width: 600px; position: absolute; @@ -974,36 +1100,43 @@ body { } @media (max-width: 1200px) { - .dragondisplay .dragondisplay_heading > h1 { + .dragondisplay .dragondisplay_heading>h1 { font-size: 4rem; text-align: center; } } + @media (max-width: 768px) { - .dragondisplay .dragondisplay_heading > h1 { + .dragondisplay .dragondisplay_heading>h1 { font-size: 3rem; text-align: center; } } + @media (max-width: 576px) { - .dragondisplay .dragondisplay_heading > h1 { + .dragondisplay .dragondisplay_heading>h1 { font-size: 1.5rem; text-align: center; } } + .lensAnwi .box_lens .anwi_BoxLen { border-radius: 40px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.171) inset; } + .lensAnwi .box_lens .box_lens_img { width: 45%; } + .lensAnwi .box_lens .screenpadLens { font-size: 1.2rem; } + .lensAnwi .box_lens .lenHeading { font-size: 2rem; } + .lensAnwi .box_lens .anwi_BoxLen { gap: 10px; } @@ -1012,30 +1145,37 @@ body { .lensAnwi .box_lens .lenHeading { font-size: 1rem; } + .lensAnwi .box_lens .screenpadLens { font-size: 0.7rem; } } + @media (max-width: 1200px) { .lensAnwi .row_lensAnwi { padding: 2rem; } + .lensAnwi .box_lens .lenHeading { font-size: 0.7rem; } + .lensAnwi .box_lens .screenpadLens { font-size: 0.5rem; } } + @media (max-width: 576px) { .lensAnwi .box_lens .box_lens_img { width: 25%; } - .dragondisplay .dragondisplay_heading > h1 { + + .dragondisplay .dragondisplay_heading>h1 { font-size: 1.5rem; text-align: center; } } + .professinalGrade .professinalGradeImgContainer { background-image: url("./../../dist/assets/imgs/productoverview/promask.png"); background-color: white; @@ -1043,6 +1183,7 @@ body { background-repeat: no-repeat; background-position: center; } + .professinalGrade .professinalGradeImg { position: absolute; top: 50%; @@ -1056,36 +1197,44 @@ body { font-size: 3rem; } } + @media (max-width: 768px) { .professinalGrade h1 { font-size: 2rem; } + .professinalGrade .font_p_Dual { font-size: 1rem; } } + @media (max-width: 576px) { .professinalGrade p { padding-left: 1rem; } + .professinalGrade .professinalGradeImg { width: 80%; } } + .stunningSound { position: relative; padding-top: 15rem; overflow-x: hidden; } + .stunningSound .stunningSound_heading { position: absolute; z-index: -1; top: 0; left: 0; } -.stunningSound .stunningSound_heading > h1 { + +.stunningSound .stunningSound_heading>h1 { font-size: 10rem; } + .stunningSound .stunningSound_des { position: absolute; right: 0; @@ -1095,50 +1244,61 @@ body { } @media (max-width: 1200px) { - .stunningSound .stunningSound_heading > h1 { + .stunningSound .stunningSound_heading>h1 { font-size: 7rem; } + .stunningSound .stunningSound_des { padding-right: 1rem; max-width: 300px; } } + @media (max-width: 1000px) { .stunningSound .stunningSound_heading { top: 20%; } - .stunningSound .stunningSound_heading > h1 { + + .stunningSound .stunningSound_heading>h1 { font-size: 5rem; } + .stunningSound .stunningSound_des { top: 40%; right: 0; } } + @media (max-width: 768px) { - .stunningSound .stunningSound_heading > h1 { + .stunningSound .stunningSound_heading>h1 { font-size: 4rem; } + .stunningSound .stunningSound_des { max-width: 270px; top: 50%; right: 0; } + .stunningSound .stunningSound_des p { font-size: 1rem; } } + @media (max-width: 576px) { .stunningSound { padding-top: 1rem; } + .stunningSound .stunningSound_heading { top: 15%; } - .stunningSound .stunningSound_heading > h1 { + + .stunningSound .stunningSound_heading>h1 { font-size: 2rem; padding: 2rem; } + .stunningSound .stunningSound_des { padding: 2rem; top: 25%; @@ -1146,16 +1306,20 @@ body { left: 0; } } + .wifiSection { overflow-x: hidden; position: relative; } + .wifiSection .wifiSectionDes { display: none; } + .wifiSection .textWifiContainer { position: relative; } + .wifiSection .textWifiContainer .wifiSection_des { max-width: 500px; position: absolute; @@ -1164,27 +1328,32 @@ body { width: 100%; height: 100%; } -.wifiSection .textWifiContainer .textWifiContainerHeading > h1 { + +.wifiSection .textWifiContainer .textWifiContainerHeading>h1 { font-size: 5rem; } @media (max-width: 1200px) { - .wifiSection .textWifiContainer .textWifiContainerHeading > h1 { + .wifiSection .textWifiContainer .textWifiContainerHeading>h1 { font-size: 5rem; } } + @media (max-width: 1000px) { .wifiSection .textWifiContainer { display: none; } + .wifiSection .wifiSectionDes { padding: 2rem; display: block; } - .wifiSection .wifiSectionDes .wifiSection_des > p { + + .wifiSection .wifiSectionDes .wifiSection_des>p { font-size: 1rem; } } + .circleTableLaptop_Heading { top: 20%; } @@ -1192,7 +1361,8 @@ body { .circleTableLaptop_text { bottom: 25%; } -.circleTableLaptop_text > div { + +.circleTableLaptop_text>div { padding: 0px 22%; } @@ -1200,60 +1370,74 @@ body { .circleTableLaptop_text { bottom: 18%; } - .circleTableLaptop_text > div { + + .circleTableLaptop_text>div { font-size: 1rem; } } + @media (max-width: 1000px) { .circleTableLaptop_Heading h1 { font-size: 1.5rem; } + .circleTableLaptop_text { bottom: 25%; } - .circleTableLaptop_text > div { + + .circleTableLaptop_text>div { font-size: 0.7rem; } } + @media (max-width: 600px) { .circleTableLaptop_Heading { top: 0; } + .circleTableLaptop_Heading h1 { font-size: 1.5rem; } } + @media (max-width: 1200px) { .proConnectivity h1 { font-size: 2.5rem; } + .proConnectivity .font_p_Dual { font-size: 1rem; } } + @media (max-width: 768px) { .proConnectivity h1 { font-size: 2rem; } + .proConnectivity .font_p_Dual { font-size: 0.7rem; } } + @media (max-width: 600px) { .proConnectivity .connectivityPso_des { padding: 2rem; } } + .osPlusSoftware { position: relative; padding-top: 10rem; } + .osPlusSoftware .osContianer { position: absolute; top: 5rem; left: 50%; transform: translateX(-50%); } + .osPlusSoftware .osContianer_des_font { font-size: 1.5rem; } @@ -1262,85 +1446,105 @@ body { .osPlusSoftware { position: relative; } - .osPlusSoftware .osContianerHeading > h1 { + + .osPlusSoftware .osContianerHeading>h1 { font-size: 5rem; } + .osPlusSoftware .osContianer_des_font { font-size: 1.5rem; } } + @media (max-width: 1000px) { .osPlusSoftware { padding-top: 1rem; } + .osPlusSoftware .osContianer { top: 1rem; } - .osPlusSoftware .osContianerHeading > h1 { + + .osPlusSoftware .osContianerHeading>h1 { font-size: 2rem; text-align: center; } + .osPlusSoftware .osContianer_des_font { font-size: 1rem; } } + @media (max-width: 768px) { .osPlusSoftware .osContianer { top: -1rem; } - .osPlusSoftware .osContianerHeading > h1 { + + .osPlusSoftware .osContianerHeading>h1 { font-size: 2rem; text-align: center; } + .osPlusSoftware .osContianer_des_font { font-size: 0.7rem; text-align: center; } } + .controlPanel { margin-top: 10rem; padding-bottom: 300px; } + .controlPanel .controlPanel_des { position: absolute; top: -170px; left: 80px; } + .controlPanel .bgControlpanel { min-height: 100vh; background-color: #ececec; border-radius: 157px; position: relative; } + .controlPanel .bgControlpanel .bgControlpaneltabs { position: absolute; top: 100px; right: 0; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-link:focus-visible, .controlPanel .bgControlpanel .bgControlpaneltabs .nav-item:focus-visible { outline: none !important; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs { border-bottom: 1px solid; margin-bottom: 2rem; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-item { position: relative; border: none; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link { position: relative; color: black; font-weight: 500; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active { border: none; background-color: transparent; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before { display: block; } + .controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before { content: ""; position: absolute; @@ -1356,10 +1560,12 @@ body { .controlPanel { padding-bottom: 100px; } + .controlPanel .bgControlpanel { min-height: 50vh; } } + @media (max-width: 600px) { .controlPanel .controlPanel_des { width: 100%; @@ -1370,12 +1576,14 @@ body { left: 50%; } } + /* home page */ /* BUtton */ .button_dark.btn-dark { background-color: #000 !important; font-family: "Satoshi", sans-serif; } + .button_dark.btn-dark:hover { background-color: #000 !important; font-family: "Satoshi", sans-serif; @@ -1386,71 +1594,91 @@ body { .home-main-container { /* banner */ } + .home-main-container #navbar-head { /* navbar */ } + .home-main-container #navbar-head .navbar-nav .nav-item .nav-link { color: #000; font-family: "Satoshi", sans-serif; } + .home-main-container .hero-banner { background-image: url(../../dist/assets/imgs/Home_new/Home_banner_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } + .home-main-container .hero-banner .banner-main-container .carousel-indicators .carousel_btn.active { color: #000; } + .home-main-container .hero-banner .banner-main-container .owl-dots { text-align: center; margin-top: -15px !important; } + .home-main-container .hero-banner .banner-main-container .owl-dots .owl-dot span { height: 5px !important; width: 35px !important; background: #fff; } + .home-main-container .hero-banner .banner-main-container .owl-dots .owl-dot:hover span { background: #000; } + .home-main-container .hero-banner .banner-main-container .owl-dots .owl-dot.active span { background: #000; } + .home-main-container .ad_banner .card { background: url(../../dist/assets/imgs/Home_new/Home_banner_bg.png); } + .home-main-container .Explore_fyro_container { background-color: #000; } + .home-main-container .Explore_fyro_container .Explore_fyro_products_main_container .Fyro_main_card { background: url(../../dist/assets/imgs/Home_new/Explore_Fyro_bg.png); } + .home-main-container .Explore_fyro_container .Explore_fyro_products_main_container .Fyro_main_card .rtxA_200 { background-color: #FFDAD4; } + .home-main-container .accessories_main_container .nvme_m_2 { background: #f2f2f2; } + .home-main-container .accessories_main_container .ora_series { background: #ffeea9; } + .home-main-container .accessories_main_container .keyboard_mouse { background: #06777c; } + .home-main-container .zeno_steamlined_section { - background-color: #000; + /* background-color: #000; */ } + .home-main-container .zeno_steamlined_section .zeno_logo img { width: 150px; } + .home-main-container .zeno_steamlined_section .zeno_products_main_container .Two_four_inch_Card { /* background: radial-gradient(#54aff6, #26549A); */ width: 90%; } + .home-main-container .zeno_steamlined_section .zeno_products_main_container .zeno_sleekbook_1 { /* background: radial-gradient(#FFEFAB, #FFDB45); */ } + .home-main-container .zeno_steamlined_section .zeno_products_main_container .zeno_sleekbook_2 { /* background: radial-gradient(#FFFFFF, #CCCCCC); */ } @@ -1460,97 +1688,124 @@ body { background-size: 100% 100%; } } + @media (min-width: 1024px) { .banner_heading_4 { font-size: 2rem; } } + @media (min-width: 278px) and (max-width: 767px) { .hero-banner { height: 100vh; } + .carousel-inner .carousel_img { height: 100vh; } + .fyro_card { padding-top: 0 !important; } + .Two_four_inch_Card { margin-left: 0 !important; width: 100% !important; margin-bottom: 20px; } + .accessories_main_container { text-align: center; } + .accessories_main_container .ora_series { margin-top: 1rem !important; } + .zeno_products_main_container { text-align: center; } + .Fyro_main_card { text-align: center; } + .ad_banner { text-align: center; } + .ad_banner .ad_banner_img { width: 100% !important; } + .owl-dots { text-align: center; margin-top: 0 !important; } + .home-main-container h5 { font-size: 1rem; } + .home-main-container h6 { font-size: 1rem; } + .home-main-container .sec-space-1 { margin-top: 40px; } + .home-main-container .sec-space-2 { margin-top: 40px; } + .home-main-container .banner-main-container { height: 550px; display: block !important; text-align: center; } + .home-main-container .banner-main-container .col-md-6 { padding-top: 7rem; } + .home-main-container .banner-main-container .col-md-6 .button_dark { display: none; } + .home-main-container .banner-main-container h1 { font-size: 2rem; } + .home-main-container .hero-banner { background-position: 0; } + .footer-wrapper .accordion-button { font-family: "Satoshi", sans-serif; color: white; background-color: #000; } + .footer-wrapper .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } + .footer-wrapper .accordion-body { font-family: "Satoshi", sans-serif; color: white; background-color: #000; } + .footer-wrapper .accordion-button.collapsed::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } + .footer-wrapper .footer-sub-content p { font-size: 0.85rem; } } + .feature-bg-image.animated-feature-img { animation: slide 1s ease 0.2s forwards; opacity: 0; @@ -1560,10 +1815,12 @@ body { from { opacity: 0; } + to { opacity: 1; } } + [alt=footer-rocket-img] { cursor: pointer; width: 70px; @@ -1581,23 +1838,29 @@ body { width: 60%; } } + .shopping-cart-main-container { background-color: #F5FFEA; padding-bottom: 50px; } + .shopping-cart-main-container * { font-family: "Satoshi", sans-serif; } + .shopping-cart-main-container h6 { padding: 10px; margin-bottom: 0; } + .shopping-cart-main-container .cart-sec-highlighter .text-muted { color: #C5C5C5 !important; } + .shopping-cart-main-container .alert-display-sec { z-index: 1; } + .shopping-cart-main-container .alert-display-sec .alert-dismissible { background: rgba(255, 255, 255, 0.66); } @@ -1615,45 +1878,56 @@ body { font-size: 0.8rem; } } + @media (max-width: 768px) { + .cart-sec-highlighter, .shopping-cart-details-row-1 { display: none !important; } + .buy-together-sec { text-align: center; } + .buy-together-sec .row { padding: 10px; } + .mobile-cart-img img { width: 200px; } } + .clipPathSectionCol { position: relative; } + .clipPathSectionCol .innerClipPathImg { position: absolute; top: 12%; left: 9%; width: 81%; } + .clipPathSectionCol .innerClipPathImgFirstThree { position: absolute; top: 12%; left: 5%; width: 81%; } + .clipPathSectionCol .innerClipPathImgFirstFour { position: absolute; top: 12%; left: 5%; width: 81%; } -.clipPathSectionCol .innerClipPathImgFirstFour > img { + +.clipPathSectionCol .innerClipPathImgFirstFour>img { transform: scale(0.7); } + .clipPathSectionCol .innerClipPathImgSectionTwo { position: absolute; top: 50%; @@ -1661,6 +1935,7 @@ body { transform: translateY(-50%); width: 81%; } + .clipPathSectionCol .innerClipPathImgSectionThree { position: absolute; top: 50%; @@ -1668,6 +1943,7 @@ body { transform: translateY(-50%); width: 81%; } + .clipPathSectionCol .innerClipPathImgSectionFour { position: absolute; top: 50%; @@ -1679,9 +1955,11 @@ body { .allinoneLanding { position: relative; } + .allinoneLanding #navbar-head * { color: white; } + .allinoneLanding .headingAllinOne { position: absolute; bottom: 10%; @@ -1699,13 +1977,15 @@ body { .sectionfiveAllinOne .infoContainer { position: relative; } + .sectionfiveAllinOne .infoContainer .infoContainerOneText { position: absolute; top: 20%; left: 50%; transform: translateX(-50%); } -.sectionfiveAllinOne .infoContainer .infoContainerOneText > h1 { + +.sectionfiveAllinOne .infoContainer .infoContainerOneText>h1 { font-size: 1.7rem; } @@ -1740,16 +2020,20 @@ body { gap: 50px; margin-bottom: 4rem; } + .carouselLanding .carouselLandingItem { width: 300px; } -.carouselLanding .carouselLandingItem > div { + +.carouselLanding .carouselLandingItem>div { border-radius: 25px; overflow: hidden; } + .carouselLanding .carouselLandingItem .carouselLandingItemInner { position: relative; } + .carouselLanding .carouselLandingItem .carouselLandingItemInner .carouselLandingItemInnerOverlay { position: absolute; top: 0; @@ -1765,6 +2049,7 @@ body { align-items: center; justify-content: center; } + .allinoneslider .owl-nav { bottom: 0; position: absolute; @@ -1774,10 +2059,12 @@ body { padding: 0.5rem 1.3rem; border-radius: 70px; } + .allinoneslider .owl-nav span { font-size: 2rem; text-align: center; } + .allinoneslider .owl-stage { width: 100% !important; } @@ -1788,114 +2075,144 @@ body { width: max-content !important; } } + @media (max-width: 1300px) { .laptopsSection .headinglaptop { font-size: 5rem; } + .headinglaptopSub { font-size: 1.2rem; } } + @media (max-width: 1000px) { .laptopsSection .headinglaptop { font-size: 3rem; } + .headinglaptopSub { font-size: 1.2rem; } + .allinoneDualMarginTop .allinoneDualMarginTop_desContainer { padding: 2rem; } + .allinoneDualMarginTop .allinoneDualMarginTop_desContainer h1 { font-size: 2rem; } + .allinoneDualMarginTop .allinoneDualMarginTop_desContainer .allinoneDualMarginTop_p { font-size: 1rem; } + .allinoneDualMarginTop { margin-top: 100px; } } + @media (tab-port) { .laptopsSection .headinglaptop { font-size: 2rem; } + .headinglaptopSub { font-size: 1rem; } } + @media only screen and (max-width: 600px) { - .headingAllinOne > h1 { + .headingAllinOne>h1 { font-size: 2rem; } } + @media (max-width: 600px) { .supTitleSection { text-align: center; font-size: 1rem; } + .allinoneDualMarginTop .clipPathSectionCol { padding-right: 0 !important; } + .headingAllinOne { padding-left: 2rem !important; padding-right: 2rem !important; } - .headingAllinOne > h1 { + + .headingAllinOne>h1 { font-size: 2rem; } + .laptopSectionDesP { padding: 1rem; width: 100%; align-items: center; } + .allinoneDualMarginTop .clipPathSectionCol { padding-left: 0 !important; } + .clipPathSectionCol .allinoneDualMarginTop_pContainer { padding: 2rem; align-items: center; } + .clipPathSectionCol .innerClipPathImgSectionThree { top: 30%; } + .clipPathSectionCol .innerClipPathImgSectionFour { top: 30%; } + .supportBoxParent { padding: 2rem; gap: 1.5rem; } + .allinoneDualMarginTop_p { text-align: center; font-size: 1rem; } + .insightsAdvHeading { margin-top: 2rem; } + .insightsAdv { width: 100vw; padding: 1rem; } - .insightsAdv > ul { + + .insightsAdv>ul { overflow-x: auto; } + .carouselLanding { overflow-x: auto; display: block; gap: 0; margin-bottom: 1rem; } + .carouselLanding .carouselLandingItem { width: 100%; } - .carouselLanding .carouselLandingItem > div { + + .carouselLanding .carouselLandingItem>div { border-radius: 25px; overflow: hidden; } + .carouselLanding .carouselLandingItem .carouselLandingItemInner { position: relative; } + .carouselLanding .carouselLandingItem .carouselLandingItemInner .carouselLandingItemInnerOverlay { position: absolute; top: 0; @@ -1904,61 +2221,78 @@ body { right: 0; background: rgba(0, 0, 0, 0.453); } + .carouselLanding .mt-5C { margin-top: 0; } } + @media (max-width: 576px) { .allinInMargintop { margin-top: 100px; } + .content-main-allinone { padding: 1rem; } + .scaleSmallAllinone { scale: 0.9; } + .allinoneslider .owl-stage { width: -moz-max-content !important; width: max-content !important; } } + @media (max-width: 320px) { .laptopsSection .headinglaptopSub { text-align: center; font-size: 1rem; } + .laptopsSection .laptopSectionDesP { gap: 2rem !important; } + .allinoneDualMarginTop .allinoneDualMarginTop_p { text-align: center; font-size: 1rem; } + .allinoneDualMarginTop .allinoneDualMarginTop_pContainer { width: 100%; } + .allinoneDualMarginTop .clipPathSectionCol { padding-left: 0 !important; padding-right: 0 !important; } + .clipPathSectionCol .innerClipPathImgSectionThree { top: 22%; } + .clipPathSectionCol .innerClipPathImgSectionFour { top: 22%; } + .clipPathSectionCol .innerClipPathImgFirstFour { top: 0; } + .allinoneDualMarginTop { margin-top: 100px; } + .allinoneDualMarginTop .innerClipPathImgFirstThree { top: 0; } } -.animateHeadingLeft, .dualLaptopSlideLeftone { + +.animateHeadingLeft, +.dualLaptopSlideLeftone { transform: translateX(1000%); transition: 0.8s ease; } @@ -1967,7 +2301,8 @@ body { transform: translateX(0); } -.animateHeadingRight, .dualLaptopSlideone { +.animateHeadingRight, +.dualLaptopSlideone { transform: translateX(-1000%); transition: 0.8s ease; } @@ -1976,7 +2311,8 @@ body { transform: translateX(0); } -.laptoponanimation, .allinOnepc { +.laptoponanimation, +.allinOnepc { opacity: 0; transition: 0.8s ease; } @@ -1989,6 +2325,7 @@ body { transform: translate(1000%, -50%); transition: 0.8s ease; } + .clipPathSectionCol .dualLaptopSlideLeftoneLeft { transform: translate(0, -50%); } @@ -2039,24 +2376,28 @@ ORDER: Base + typography > general layout + grid > page layout > components font-weight: 400; font-style: normal; } + @font-face { font-family: "Orbitron"; src: url("../assets/font/orbitron/Orbitron-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + @font-face { font-family: "Orbitron"; src: url("../assets/font/orbitron/Orbitron-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } + @font-face { font-family: "Orbitron"; src: url("../assets/font/orbitron/Orbitron-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } + /* Orbitron end */ /* Satoshi */ @font-face { @@ -2065,18 +2406,21 @@ ORDER: Base + typography > general layout + grid > page layout > components font-weight: 400; font-style: normal; } + @font-face { font-family: "Satoshi"; src: url("../assets/font/satoshi/Satoshi-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } + @font-face { font-family: "Satoshi"; src: url("../assets/font/satoshi/Satoshi-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } + *, *::after, *::before { @@ -2100,6 +2444,7 @@ body { padding: 0; } } + .bg-green { background-color: #3bb78f; background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); @@ -2108,7 +2453,7 @@ body { /* button */ .button_dark { -webkit-clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); - clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); + clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); padding-right: 1.7rem; padding-bottom: 0.6rem; padding-top: 0.6rem; @@ -2122,37 +2467,47 @@ body { z-index: 9999; top: 0; } + #navbar-head .biz-nav-wrapper .navbar-brand img { width: 100px; } + #navbar-head .biz-nav-wrapper .dropdown.has-mega-menu { position: static !important; } + #navbar-head .biz-nav-wrapper .dropdown-menu .dropdown-items-row { width: 100%; margin: 0px; } + #navbar-head .navbar-nav { gap: 2rem; } + #navbar-head .navbar-nav .nav-item .nav-link { color: #000; font-family: "Satoshi", sans-serif; margin-top: 0.25rem; } -#navbar-head .navbar-nav .dropdown.has-mega-menu:hover > .navbar { + +#navbar-head .navbar-nav .dropdown.has-mega-menu:hover>.navbar { background-color: #fff; } + #navbar-head .button_dark.btn-dark { font-weight: bold; } + #navbar-head .dropdown-menu { width: 100%; left: 0; } -#navbar-head .dropdown:hover > .dropdown-menu { + +#navbar-head .dropdown:hover>.dropdown-menu { display: block; } + #navbar-head .dropdown-item-img img { width: 200px; } @@ -2161,22 +2516,27 @@ body { .footer-wrapper { background: black; } + .footer-wrapper .footer-content-main-container { background-image: url(../dist/assets/imgs/Home/Footer-pattern.png); background-size: contain; background-position: right 30px; background-repeat: no-repeat; } + .footer-wrapper .last-col-footer { width: 20%; } + .footer-wrapper .footer-logo img { width: 120px; } + .footer-wrapper li { line-height: 2rem; font-family: "Satoshi", sans-serif; } + .footer-wrapper .footer-sub-content p { line-height: 2rem; font-family: "Satoshi", sans-serif; @@ -2191,16 +2551,20 @@ body { right: 45px !important; } } + @media (max-width: 1024px) { #navbar-head .navbar-nav { gap: 0; } + #navbar-head .navbar-nav .dropdown-menu { margin-top: 0; } + .navbar-toggler { color: rgba(255, 32, 32, 0); } + .navbar-toggler span { display: block; background-color: #4f4f4f; @@ -2214,26 +2578,33 @@ body { transition: all 0.35s ease-out; transform-origin: center left; } + .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); margin-top: 0.3em; } + .navbar-toggler span:nth-child(2) { opacity: 1; } + .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } + .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(15%, -33%) rotate(45deg); } + .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } + .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(15%, 33%) rotate(-45deg); } } + @media (max-width: 991px) { #navbar-head .accordion-button:not(.collapsed) { background-color: #fff; @@ -2241,36 +2612,45 @@ body { box-shadow: none; font-weight: bold; } + #navbar-head .accordion-button { font-family: "Satoshi", sans-serif; } + #navbar-head .accordion-body ul li { font-size: 1rem; font-family: "Satoshi", sans-serif; color: #635c5c; line-height: 2.5rem; } + #navbar-head .accordion-button:focus { box-shadow: none; } + #navbar-head .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); transform: scale(0.7) !important; } + #navbar-head .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); } + .delivery-to-sec .d-flex { font-size: 0.7rem; } + .delivery-to-sec .button_dark { font-size: 0.7rem; } } + #footer-head .accordion-item { border: 1px solid; box-shadow: none; } + #footer-head .accordion-item .accordion-button:not(.collapsed) { box-shadow: none !important; } @@ -2287,10 +2667,15 @@ body { from { transform: rotate(0); } + to { transform: rotate(360deg); } } -.mbil-name, .navbar-brand img { + +.mbil-name, +.navbar-brand img { transition: all 0.2s ease; -}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +} + +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index 0c97a62..6af3cf6 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1589,9 +1589,9 @@ body { /* .home-main-container .hero-banner { /* background-image: url(../../dist/assets/imgs/Home_new/Home_banner_bg.png); */ - /* background-size: cover; */ - /* background-repeat: no-repeat; */ - /* background-position: center center; +/* background-size: cover; */ +/* background-repeat: no-repeat; */ +/* background-position: center center; } */ .home-main-container .hero-banner .banner-main-container .carousel-indicators .carousel_btn.active { @@ -1650,7 +1650,7 @@ body { } .home-main-container .zeno_steamlined_section { - background-color: #000; + /* background-color: #000; */ } .home-main-container .zeno_steamlined_section .zeno_logo img { @@ -1910,8 +1910,8 @@ body { .banner-main-container { /* height: 650px !important; */ - max-height:625px !important - /* min-height: 650px !important; */ + max-height: 625px !important + /* min-height: 650px !important; */ } .carousel_img { @@ -2770,12 +2770,16 @@ body { transition: all 0.2s ease; } -.preorderimgcontainer{ +.preorderimgcontainer { position: absolute; top: -5%; - left:-5%; + left: -5%; - width:100px; + width: 100px; +} + +.specContainerleft .accordion-button::after { + background-image: none !important; } /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/zeno-aio-landing.html b/zeno-aio-landing.html new file mode 100644 index 0000000..7013176 --- /dev/null +++ b/zeno-aio-landing.html @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + Anwi + + + + + + + + +
+ +
+
+ +

Anwi Zeno AIO

+

Sleek Elegance, Powerful + Performance +

+

We don’t just build machines; we + create tools that + make + your + life easier and better. Every product is made with love, understanding what + you really need.

+
+
+ +
+
+
+
+

Adapts to you

+

Versatile stands give you the freedom to use your display at the angle + with + tilt, height, and + swivel functionality that can adapt to a range of working styles--whether sitting at a desk, + or standing to serve customers, you´ll always have the best view.

+
+
+ +
+
+
+
+ +
+
+
+

Display +

+

Display of brilliance

+
The space-saving ANWI M3402WFA is remarkably slim and light, + and + its NanoEdge + display3 + features + a + thin bezel for edge-to-edge viewing and an impressive up to 88% screen-to-body ratio. This + stunning widescreen display includes 178° viewing angles and 100% + sRGB color gamut for vivid and realistic-looking colors. The 24-inch touchscreen2 also boasts + 1920x1080 resolution and features an anti-glare coating and certified by TÜV Rheinland for eye + comfort and low blue-light emissions — so your eyes stay fresh during long viewing sessions. +
+ +
+
+
24”
+
FHD NanoEdge display +
+
+
+
88%
+
screen-to-body ratio +
+
+
+
100%
+
sRGB color gamut +
+
+
+
An icon for TÜV Rheinland-certified eye care +
+
TÜV Rheinland-certified eye care +
+
+
+
An icon for anti-glare display +
+
anti-glare display +
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+

Audio +

+

High-fidelity SonicMaster sound, expertly + optimized +

+
ANWI SonicMaster, developed by the ANWI Golden Ear team, empowers + ANWI + M3402WFA with + quality audio that delivers wider frequency range for clearer vocals and rich, deep bass. + SonicMaster is a tailored mix of superior hardware and clever software designed to give you full + audio controls for truly immersive sound for movies, music and games.
+
+
+
+ +
+
+
+
Desktops For Beginners +
+
+
+

Desktops For Beginners

+
Comfortable viewing experience for the little ones. +
+
    +
  • Designed for eye comfort
    • +
  • Big, anti-glare screen
    • +
  • Safe for kids privacy with HD Wide Vision + Camera
    • +
  • + Starting from + ₹36,499 +
    • +
+
+ Shop + Now +
+ +
+
+
+
+ +
+
+
+

Connectivity +

+

+ Fast, reliable connectivity +

+
+ ANWI M3402WFA is loaded with the latest connectivity, including an HDMI-in port that lets you + hook up video and audio from an external source — enabling amazing big-screen experiences for + your laptop, mobile device, game console or even a set-top TV box. There are also three USB 3.2 + Gen 1 ports for connecting all your peripherals, an HDMI-out port for attaching an external + display and an SD card reader2 for everyday convenience. ANWI M3402WFA also has + integrated security, with a built-in Kensington lock slot for simple and effective physical + protection.
+ +
+
+
An icon for USB 3.2 Gen 1 Type-A x 3 +
+
USB 3.2 Gen 1 Type-A x 3 +
+
+
+
An icon for USB-C® 3.2 Gen 1 +
+
USB-C® + 3.2 Gen 1 +
+
+
+
10x
+
faster than USB 2.0 +
+
+
+
An icon for HDMI-in Port +
+
HDMI-in Port +
+
+
+
+ +
+
+ +
+
+
+ +
+

Security +

+

+ Secure your crucial data +

+
Remote working is + accelerating, and with it the need to keep your crucial data safe. That’s why ANWI M3402WFA + is equipped with first-class security. The camera’s shutter slides across in a moment for + instant privacy, whenever you need it. There’s also the all-new Microsoft Pluton chip that + bakes security into the CPU core, ensuring both code integrity and the latest protection — + virtually eliminating the risk of leaks through hacking. ANWI M3402WFA also has a Kensington + slot that provides a way to physically safeguard the machine, preventing theft of the PC + from unsupervised locations.
+
+
+
+
+
+
+

+ Zeno: Experience Desktop Power +

+
+

+ Upgradability in
+
Sleek + All-in-One
Design +

+
+ +
+
+
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file