tabexseriescomponents 0.0.796 → 0.0.798

package/dist/index.cjs.js

@@ -18860,6 +18860,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.hasvariants = arrayItem.productinfo.hasvariants;
         cardobj.description_en = arrayItem.productinfo.description_en;
         cardobj.description_ar = arrayItem.productinfo.description_ar;
+        cardobj.productmainimage = arrayItem.productinfo.productmainimage;
         if (sectionproperties.removedecimals == 'Without Decimals') {
           cardobj.defaultprice = parseFloat(Number(arrayItem.productinfo.defaultprice).toFixed(2));
         } else if (sectionproperties.removedecimals == 'Without Decimals and Separated With Comma') {
@@ -24013,35 +24014,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
           className: "p-0"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0"
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: ' row m-0 p-0 mb-2 '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: ' row m-0 w-100 px-5 '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-10 p-0 text-start",
-          onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
-            setopenCnvas(false);
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: ' mb-0 p-0 ',
-          style: {
-            color: sectionproperties.collectionsectiontextcolor,
-            fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
-            textTransform: sectionproperties.collectionsectiontexttransform,
-            fontWeight: sectionproperties.collectionsectiontextfontweight,
-            transition: '.3s'
-          }
-        }, langdetect == 'en' ? 'SHOP' : 'تسوق', " ", langdetect == 'en' ? item.title_en : item.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-12 p-0"
-        }, /*#__PURE__*/React__default["default"].createElement("hr", {
-          className: "mt-4 mb-4",
-          style: {
-            borderColor: sectionproperties.resp_header_separatorbg
-          }
-        })))), Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
+        }, Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
           if (collitem.isshowntocustomers == 1) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "col-lg-12 p-0"
@@ -28177,7 +28150,11 @@ var ClassicHeader = function ClassicHeader(props) {
     style: {
       background: sectionproperties.header_backgroundColor
     }
-  }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+  }, templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  }), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
     target: '_blank',
     style: {
@@ -43794,7 +43771,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
 function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -44632,22 +44609,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         className: "p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: ' row m-0 p-0 mb-2 '
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: ' row m-0 w-100 px-3 '
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-10 p-0 text-start",
-        onClick: function onClick() {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
-          setopenSideNav(false);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
-        style: {}
-      }, langdetect == 'en' ? 'SHOP' : 'تسوق', " ", langdetect == 'en' ? item.title_en : item.title_ar))))), Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
+      }, Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
         if (collitem.isshowntocustomers == 1) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-12 p-0"
@@ -44773,110 +44735,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       background: langdetect == 'ar' ? 'white' : 'transparent',
       fontSize: 15
     }
-  }, langdetect == 'en' ? 'Arabic' : 'لغة عربية'))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '675191ce417e3' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 px-4 mt-5 mb-3 pt-5"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 mt-4"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 text-start"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' mb-2 ',
-    style: _defineProperty__default["default"]({
-      fontWeight: 400,
-      textTransform: 'none',
-      fontSize: '16px',
-      color: sectionproperties.lowersection_fontColor
-    }, "fontWeight", 500)
-  }, "Follow us")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.navbarItem) + ' col-lg-12 p-0 text-start mb-2 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink) != null) {
-        var _authdetailsContext$i7;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.facebooklink, '_blank');
-      }
-    },
-    style: {
-      fontSize: 15,
-      textTransform: 'none'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "allcentered mr-2"
-  }, /*#__PURE__*/React__default["default"].createElement(FiArrowUpRight.FiArrowUpRight, {
-    size: sectionproperties.closeSlider_fontSize
-  })), "Facebook"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.navbarItem) + ' col-lg-12 p-0 text-start mb-2 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i9;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink) != null) {
-        var _authdetailsContext$i10;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink, '_blank');
-      }
-    },
-    style: {
-      fontSize: 15,
-      textTransform: 'none'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "allcentered mr-2"
-  }, /*#__PURE__*/React__default["default"].createElement(FiArrowUpRight.FiArrowUpRight, {
-    size: sectionproperties.closeSlider_fontSize
-  })), "Instagram"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.navbarItem) + ' col-lg-12 p-0 text-start mb-2 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i12;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.twitterlink) != null) {
-        var _authdetailsContext$i13;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.twitterlink, '_blank');
-      }
-    },
-    style: {
-      fontSize: 15,
-      textTransform: 'none'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "allcentered mr-2"
-  }, /*#__PURE__*/React__default["default"].createElement(FiArrowUpRight.FiArrowUpRight, {
-    size: sectionproperties.closeSlider_fontSize
-  })), "X"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.navbarItem) + ' col-lg-12 p-0 text-start mb-2 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.linkedinlink) != null) {
-        var _authdetailsContext$i16;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink, '_blank');
-      }
-    },
-    style: {
-      fontSize: 15,
-      textTransform: 'none'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "allcentered mr-2"
-  }, /*#__PURE__*/React__default["default"].createElement(FiArrowUpRight.FiArrowUpRight, {
-    size: sectionproperties.closeSlider_fontSize
-  })), "LinkedIn"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' col-lg-12 p-0 text-start mb-2 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.youtubelink) != null) {
-        var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.youtubelink, '_blank');
-      }
-    },
-    style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
-      fontSize: 15,
-      textTransform: 'none'
-    }, "fontSize", sectionproperties.lowersection_fontsize + 'px'), "color", sectionproperties.lowersection_fontColor), "fontWeight", sectionproperties.lowersection_textfontweight)
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "allcentered mr-2"
-  }, /*#__PURE__*/React__default["default"].createElement(FiArrowUpRight.FiArrowUpRight, {
-    size: sectionproperties.closeSlider_fontSize
-  })), "YouTube"))))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, langdetect == 'en' ? 'Arabic' : 'لغة عربية'))))))))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
@@ -66620,7 +66479,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
+      "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100 ",
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66746,7 +66605,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       //         : '  col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
       //           sectionproperties.numberOfColsverticalresp
       // }
-      "class": sectionproperties.numofcols == '2' ? ' h-100 col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "class": sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
         zIndex: 2,
         paddingLeft: sectionproperties.marginhorizontal + 'px',
@@ -66758,7 +66617,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       //         ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
       //         : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
       // }
-      "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 row m-0 w-100 mb-auto ',
+      "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
         // background: sectionproperties.reservation_bgcolor,
@@ -66793,7 +66652,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex align-items-center p-0 w-100"
+      "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-md-100"
       // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
       ,
       style: {
@@ -67712,165 +67571,171 @@ var Slideshowfade = function Slideshowfade(props) {
       }
     }, langdetect == 'en' ? 'SHOP' : 'تسوق', ' ')));
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
-    style: {
-      background: sectionproperties.lower_section_background
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-12 p-0 d-flex justify-content-center'
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": slideshow_styles.contt,
-    style: {
-      // height: sectionproperties.height + 'vh',
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Fade, _extends__default["default"]({}, Slideshowsettings, {
-    transitionDuration: 1500,
-    duration: 1500,
-    arrow: true,
-    easing: "ease"
-  }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+  var SlideshowallContent = function SlideshowallContent() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
+      "class": slideshow_styles.contt,
       style: {
-        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
+        // height: sectionproperties.height + 'vh',
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      onClick: function onClick() {
-        if (sectionproperties.showcurrencylangcont != 'Show') {
-          if (item.IsClickableimg == 'Yes') {
-            if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
-              routingcountext(item.clickableimg_page_route, false, '');
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
+    }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Fade, _extends__default["default"]({}, Slideshowsettings, {
+      transitionDuration: 1500,
+      duration: 1500,
+      arrow: true,
+      easing: "ease"
+    }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
+        style: {
+          borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+          borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          if (sectionproperties.showcurrencylangcont != 'Show') {
+            if (item.IsClickableimg == 'Yes') {
+              if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+                routingcountext(item.clickableimg_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
+              }
             }
           }
+        },
+        "class": 'p-0 align-items-center d-sm-none ',
+        key: index,
+        style: {
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          direction: langdetect == 'en' ? 'ltr' : 'rtl',
+          width: '100%',
+          height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
+          paddingTop: sectionproperties.paddingTop + 'px'
         }
-      },
-      "class": 'p-0 align-items-center d-sm-none ',
-      key: index,
-      style: {
-        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        direction: langdetect == 'en' ? 'ltr' : 'rtl',
-        width: '100%',
-        height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
-        paddingTop: sectionproperties.paddingTop + 'px'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
-      style: {
-        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
-        margin: 0,
-        padding: 0,
-        width: '100%',
-        height: '100%',
-        borderRadius: sectionproperties.imageborderradius + 'px'
-      }
-    }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'row m-0 w-100 pl-md-2 pr-md-2',
-      style: {
-        position: 'absolute',
-        top: '20%',
-        zIndex: 1000,
-        paddingTop: sectionproperties.paddingTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-      }
-    }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
-      onClick: function onClick() {
-        if (sectionproperties.showcurrencylangcont != 'Show') {
-          if (item.IsClickableimg == 'Yes') {
-            if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
-              routingcountext(item.clickableimg_page_route, false, '');
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
+        style: {
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+          margin: 0,
+          padding: 0,
+          width: '100%',
+          height: '100%',
+          borderRadius: sectionproperties.imageborderradius + 'px'
+        }
+      }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'row m-0 w-100 pl-md-2 pr-md-2',
+        style: {
+          position: 'absolute',
+          top: '20%',
+          zIndex: 1000,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+          paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+        }
+      }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          if (sectionproperties.showcurrencylangcont != 'Show') {
+            if (item.IsClickableimg == 'Yes') {
+              if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+                routingcountext(item.clickableimg_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
+              }
             }
           }
+        },
+        "class": 'p-0 align-items-center d-none d-sm-flex ',
+        key: index,
+        style: {
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          width: '100%',
+          height: 'auto',
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+          paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
         }
-      },
-      "class": 'p-0 align-items-center d-none d-sm-flex ',
-      key: index,
-      style: {
-        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        width: '100%',
-        height: 'auto',
-        paddingTop: sectionproperties.paddingTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
-      style: {
-        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
-        objectFit: 'contain',
-        margin: 0,
-        padding: 0,
-        width: '100%',
-        height: '100%',
-        borderRadius: sectionproperties.imageborderradius + 'px'
-      }
-    }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'row m-0 w-100 pl-md-2 pr-md-2',
-      style: {
-        position: 'absolute',
-        top: '20%',
-        zIndex: 1000,
-        paddingTop: sectionproperties.paddingTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-      }
-    }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
-  })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row m-0 w-100 align-items-center justify-content-center '
-  }, cardsarray.map(function (cardItem, cardinfoindex) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 d-flex align-items-center"
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
+        style: {
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          objectFit: 'contain',
+          margin: 0,
+          padding: 0,
+          width: '100%',
+          height: '100%',
+          borderRadius: sectionproperties.imageborderradius + 'px'
+        }
+      }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'row m-0 w-100 pl-md-2 pr-md-2',
+        style: {
+          position: 'absolute',
+          top: '20%',
+          zIndex: 1000,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+          paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+        }
+      }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
+    })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: '70px',
-        height: '70px'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
-      style: {
-        width: '100%',
-        height: '100%',
-        borderRadius: '100%'
-      }
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "p-0 m-0 wordbreak wordbreak1",
-      style: {
-        color: sectionproperties.sectionTitleColor,
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
-        fontWeight: sectionproperties.sectionTitleFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 wordbreak wordbreak1",
-      style: {
-        color: sectionproperties.prodCatColor,
-        fontSize: sectionproperties.prodCatFontSize + 'px',
-        fontWeight: sectionproperties.prodCatFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
-  }))))));
+      "class": ' row m-0 w-100 align-items-center justify-content-center '
+    }, cardsarray.map(function (cardItem, cardinfoindex) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex align-items-center"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '70px',
+          height: '70px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
+        style: {
+          width: '100%',
+          height: '100%',
+          borderRadius: '100%'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "p-0 m-0 wordbreak wordbreak1",
+        style: {
+          color: sectionproperties.sectionTitleColor,
+          fontSize: sectionproperties.sectionTitleFontSize + 'px',
+          fontWeight: sectionproperties.sectionTitleFontWeight,
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 wordbreak wordbreak1",
+        style: {
+          color: sectionproperties.prodCatColor,
+          fontSize: sectionproperties.prodCatFontSize + 'px',
+          fontWeight: sectionproperties.prodCatFontWeight,
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
+    }))));
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
+    style: {
+      background: sectionproperties.lower_section_background
+    }
+  }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex justify-content-center',
+    "data-aos": 'fade-up'
+  }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex justify-content-center'
+  }, SlideshowallContent()));
 };
 
 function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -68388,6 +68253,28 @@ var Slideshowslide = function Slideshowslide(props) {
       }), SlideShowTextContainer(item)));
     }))))));
   };
+  var SlideshowallContent = function SlideshowallContent() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0",
+      "data-aos": 'fade-up'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex d-md-none",
+      style: {
+        paddingTop: sectionproperties.marginTop + 'px'
+      },
+      onMouseLeave: function onMouseLeave() {
+        setChoosenindex('');
+      }
+    }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-none d-md-flex",
+      style: {
+        paddingTop: sectionproperties.marginTopResp + 'px'
+      },
+      onMouseLeave: function onMouseLeave() {
+        setChoosenindex('');
+      }
+    }, SlideshowContent()));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
     style: {
@@ -68399,25 +68286,12 @@ var Slideshowslide = function Slideshowslide(props) {
     onMouseEnter: function onMouseEnter() {
       setChoosenindex('');
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex d-md-none",
-    style: {
-      paddingTop: sectionproperties.marginTop + 'px'
-    },
-    onMouseLeave: function onMouseLeave() {
-      setChoosenindex('');
-    }
-  }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-none d-md-flex",
-    style: {
-      paddingTop: sectionproperties.marginTopResp + 'px'
-    },
-    onMouseLeave: function onMouseLeave() {
-      setChoosenindex('');
-    }
-  }, SlideshowContent())));
+  }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100",
+    "data-aos": 'fade-up'
+  }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, SlideshowallContent()));
 };
 
 function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -81963,14 +81837,14 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
         style: {
           // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
           color: isChoosedValueExists ? '#ffffff' : '#000000',
-          border: isChoosedValueExists ? '1px solid #617464' : '1px solid #000000',
+          border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
           padding: (item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'Color' ? '5px' : '5px 10px',
           cursor: valitem.disabled ? 'not-allowed' : 'pointer',
           fontSize: '13px',
           width: (item === null || item === void 0 || (_item$option_info2 = item.option_info) === null || _item$option_info2 === void 0 ? void 0 : _item$option_info2.optionname) == 'Color' ? 25 : '',
           height: (item === null || item === void 0 || (_item$option_info3 = item.option_info) === null || _item$option_info3 === void 0 ? void 0 : _item$option_info3.optionname) == 'Color' ? 25 : '',
           borderRadius: (item === null || item === void 0 || (_item$option_info4 = item.option_info) === null || _item$option_info4 === void 0 ? void 0 : _item$option_info4.optionname) == 'Color' ? 100 : 5,
-          background: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? '#617464' : '#ffffff',
+          background: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
           fontWeight: 500
         },
         disabled: valitem.disabled
@@ -82030,6 +81904,24 @@ var Simpleproductcard = function Simpleproductcard(props) {
   React.useEffect(function () {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
+  React.useEffect(function () {
+    var productImagetoBeSelected = '';
+    var Tempitem = _objectSpread$6({}, item);
+    productImagetoBeSelected = item.productmainimage;
+    if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
+      var variatgalleryid = variantObj.variantgalleryid;
+      if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != '') {
+        var _item$productimages;
+        item === null || item === void 0 || (_item$productimages = item.productimages) === null || _item$productimages === void 0 || _item$productimages.forEach(function (item, index) {
+          if (item.galleryid == variatgalleryid) {
+            productImagetoBeSelected = item.path;
+          }
+        });
+      }
+    }
+    Tempitem.image = productImagetoBeSelected;
+    setitem(_objectSpread$6({}, Tempitem));
+  }, [variantObj]);
   var card_cssstyles = {
     productcard: glamor.css({
       minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -82521,7 +82413,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       zIndex: 2,
       position: 'absolute',
-      top: sectionproperties.badge_top + 'px',
+      top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
+      bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
       left: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
       right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
       width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',