tabexseriescomponents 0.0.277 → 0.0.279

package/dist/index.esm.js

@@ -10896,6 +10896,9 @@ var Filter$1 = function Filter(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     raterangevalue = _useState12[0],
     setraterangevalue = _useState12[1];
+  props.actions.fetchTabexCountriesQueryContext;
+  props.actions.FetchQueriesEngineContext;
+  props.actions.setFetchQueriesEngineContext;
   var timeoutRef = React.useRef(null);
   var _useState13 = useState([{
       payloadvalue: 'sortprice',
@@ -10957,6 +10960,18 @@ var Filter$1 = function Filter(props) {
       }
     }, 500);
   }, [raterangevalue]);
+
+  // useEffect(() => {
+  //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
+  //     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
+  //     tempFetchQueriesEngineContext.fetchtabexcountries = true;
+  //     setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
+
+  //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
+
+  //     alert(JSON.stringify(tempFetchQueriesEngineContext));
+  //     alert(JSON.stringify(FetchQueriesEngineContext));
+  // }, []);
   var filterupdater = function filterupdater() {
     if (instfilters.length != 0) {
       var _ProductFilterObjCont;
@@ -12432,7 +12447,7 @@ var CardsSection = function CardsSection(props) {
     }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("button", {
-      "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
+      "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
           if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
@@ -12448,7 +12463,7 @@ var CardsSection = function CardsSection(props) {
         flexDirection: 'row'
       }
     }, /*#__PURE__*/React.createElement("span", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
+      "class": 'd-flex justify-content-center align-items-center'
     }, /*#__PURE__*/React.createElement("span", {
       "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : 'Poppins'
     }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React.createElement("i", {
@@ -12461,17 +12476,6 @@ var CardsSection = function CardsSection(props) {
       size: sectionproperties.viewmoreiconfontsize
     }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
       size: sectionproperties.viewmoreiconfontsize
-    }))), /*#__PURE__*/React.createElement("span", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center',
-      style: {
-        color: sectionproperties.viewmorebtn_Textcolor
-      }
-    }, /*#__PURE__*/React.createElement("i", {
-      "class": "h-100 d-flex align-items-center justify-content-center"
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
-      size: sectionproperties.viewmorebtn_fontSize
-    }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
-      size: sectionproperties.viewmorebtn_fontSize
     }))))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center d-md-none ',
       style: {
@@ -12638,7 +12642,7 @@ var CardsSection = function CardsSection(props) {
             }
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
-              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
+              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
             }, /*#__PURE__*/React.createElement(Sectioncomp, {
               sectiontypeprops: 'horizontal',
               sectiontypeprops2: 'vertical',
@@ -17218,7 +17222,11 @@ var CTAHeader = function CTAHeader(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
       paddingTop: sectionproperties.lowersection_paddingtop + 'px',
-      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
+      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderBottomLeftRadius + 'px' : sectionproperties.lowersection_BorderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px'
     }),
     facebook_btn: css({
       cursor: 'pointer',
@@ -17374,7 +17382,13 @@ var CTAHeader = function CTAHeader(props) {
     "class": "row m-0 w-100 justify-content-center",
     style: {
       width: '100vw',
-      zIndex: 1000
+      zIndex: 1000,
+      background: sectionproperties.header_backgroundColor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-md-100",
+    style: {
+      width: sectionproperties.header_width + 'vw'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -17609,7 +17623,61 @@ var CTAHeader = function CTAHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  })))), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React.createElement("div", {
+    "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
+  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
+    "class": ' d-flex align-items-center justify-content-center '
+  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mr-2"
+  }, "En"), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 ml-2"
+  }, "\u0639"), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
+    onClick: function onClick() {
+      setlang('ar');
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' p-0 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": 'dropdownitem d-flex align-items-center m-0 p-0',
+    style: {
+      fontSize: sectionproperties.dropdown_fontsize + 'px',
+      fontWeight: sectionproperties.dropdown_fontweight,
+      textTransform: sectionproperties.dropdown_texttransform
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
+    style: {
+      maxWidth: '2vh',
+      maxHeight: '2vh'
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": 'ml-2 mr-2'
+  }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+    onClick: function onClick() {
+      setlang('en');
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' p-0 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+    style: {
+      fontSize: sectionproperties.dropdown_fontsize + 'px',
+      fontWeight: sectionproperties.dropdown_fontweight,
+      textTransform: sectionproperties.dropdown_texttransform
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
+    style: {
+      maxWidth: '2vh',
+      maxHeight: '2vh'
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": 'ml-2 mr-2'
+  }, lang.english))))))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered",
     style: {
       backgroundColor: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'Transparent' : sectionproperties.uppersection_bgcolor
@@ -17703,7 +17771,7 @@ var CTAHeader = function CTAHeader(props) {
       }, ButtonDropdown(item, index, fetchedarray));
     }
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
+    "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-6 p-0 d-flex align-items-center justify-content-center'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
     style: {
@@ -17784,7 +17852,7 @@ var CTAHeader = function CTAHeader(props) {
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -17854,7 +17922,7 @@ var CTAHeader = function CTAHeader(props) {
   }, /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  })));
+  }))));
 };
 
 var css_248z$v = ".Header_threesectionslogocentered-module_header_innercontainer__yjjgZ {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8:hover .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item_active__ladUm .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_searchbarcont__9MNXO input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n/* Badge */\n.Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Header_threesectionslogocentered-module_searchbaractive__8Pp-9 {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -18607,7 +18675,7 @@ var Simpleheader = function Simpleheader(props) {
     setsectionproperties = _useState2[1];
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
-  props.actions.setsidecartnavshowcontext;
+  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
@@ -18940,9 +19008,10 @@ var Simpleheader = function Simpleheader(props) {
       justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": ' scrollhorizontal w-100 align-items-center justify-content-start ',
+    "class": ' scrollhorizontal w-100 align-items-center ',
     style: {
-      display: sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+      display: sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
+      justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isselected) ;
@@ -19000,7 +19069,10 @@ var Simpleheader = function Simpleheader(props) {
     style: {
       position: 'relative'
     },
-    "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
+    "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      setsidecartnavshowcontext(true);
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
   }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), /*#__PURE__*/React.createElement("i", {
@@ -44307,7 +44379,9 @@ var Slideshowzoom = function Slideshowzoom(props) {
     }))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-flex justify-content-center align-items-center ',
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-flex d-md-none justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-flex d-md-none justify-content-center align-items-center ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
@@ -44448,7 +44522,149 @@ var Slideshowzoom = function Slideshowzoom(props) {
       sectionproperties: sectionproperties,
       props: props
     });
-  })))))));
+  }))))))), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-none d-md-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-none d-md-flex justify-content-center align-items-center ',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      background: sectionproperties.backgroundColor,
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingTop: sectionproperties.marginTopResp + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto',
+    style: {
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": cardarrayofobjs.length != 0 ? '' : sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
+    style: {
+      position: 'relative',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      width: sectionproperties.width + 'vw',
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(Zoom, _extends({}, Slideshowsettings, {
+    transitionDuration: 1500,
+    duration: 1500,
+    arrow: true,
+    easing: "ease"
+  }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100' : 'row m-0 w-100 h-md-auto h-sm-auto',
+      style: {
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": ' p-0 align-items-center d-flex d-md-none ',
+      key: index,
+      style: {
+        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+        width: '100%',
+        height: '100%',
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+      },
+      onClick: function onClick() {
+        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, 'collections/' + item.Clickableimg_getcoection);
+          }
+        }
+      }
+    }, /*#__PURE__*/React.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 == 'Cover' ? 'cover' : 'contain',
+        margin: 0,
+        padding: 0,
+        width: '100%',
+        height: '100%'
+      }
+    }), SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
+      "class": ' p-0 align-items-center d-none d-md-flex ',
+      key: index,
+      style: {
+        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+        width: '100%',
+        height: '100%',
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+      },
+      onClick: function onClick() {
+        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, 'collections/' + item.Clickableimg_getcoection);
+          }
+        }
+      }
+    }, /*#__PURE__*/React.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: sectionproperties.bgcovercontainresponsive == 'Cover' ? 'cover' : 'contain',
+        margin: 0,
+        padding: 0,
+        width: '100%',
+        height: '100%'
+      }
+    }), SlideShowTextContainer(item)));
+  })), cardarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      left: 0,
+      bottom: 60,
+      zIndex: 100
+    },
+    "class": "row m-0 w-100 "
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
+  }, /*#__PURE__*/React.createElement(ScrollMenu, {
+    itemClassName: "slideshowCard"
+    // LeftArrow={LeftArrow}
+    // RightArrow={RightArrow}
+    ,
+    transitionDuration: 500,
+    transitionEase: easingFunctions['linear'],
+    scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+  }, Object.keys(cardarrayofobjs).length != 0 && cardarrayofobjs.map(function (cardItem, cardIndex) {
+    var id = cardIndex;
+    return /*#__PURE__*/React.createElement(CardsArrayOfObjects, {
+      title: id,
+      itemId: id,
+      key: id,
+      cardItem: cardItem,
+      sectionproperties: sectionproperties,
+      props: props
+    });
+  }))))))));
 };
 var easingFunctions = {
   noEasing: undefined,
@@ -55871,10 +56087,14 @@ var Simpleproductcard = function Simpleproductcard(props) {
     }
   }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      } else {
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      }
     },
-    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 allcentered ',
+    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-flex align-items-center justify-content-center d-md-none ',
     style: {
       zIndex: 1,
       marginBottom: sectionproperties.image_mb + 'px'
@@ -55889,6 +56109,31 @@ var Simpleproductcard = function Simpleproductcard(props) {
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
+  })), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      } else {
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      }
+    },
+    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-none d-md-flex align-items-center justify-content-center ',
+    style: {
+      zIndex: 1,
+      marginBottom: sectionproperties.image_mb + 'px',
+      height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive
+    }
+  }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    loading: "lazy",
+    style: {
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+    }
   })), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {