tabexseriescomponents 0.0.441 → 0.0.443

package/dist/index.cjs.js

@@ -1435,6 +1435,7 @@ var Variantoptions = function Variantoptions(props) {
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
+  var variantvalueidentifier = props.actions.variantvalueidentifier;
   var selectproductoptionvalue = props.actions.selectproductoptionvalue;
   var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1444,7 +1445,7 @@ var Variantoptions = function Variantoptions(props) {
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
-    var setcolorvalue = _useState2[1];
+    _useState2[1];
   var formstyles = {
     input_label_name: glamor.css({
       color: sectionproperties.form_labelcolor,
@@ -1509,7 +1510,11 @@ var Variantoptions = function Variantoptions(props) {
         textTransform: sectionproperties.varianttitle_texttransform,
         fontSize: sectionproperties.varianttitle_fontSize + 'px'
       }
-    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' || item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        color: '#62554a'
+      }
+    }, variantvalueidentifier))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
       style: {
         paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
@@ -1531,16 +1536,11 @@ var Variantoptions = function Variantoptions(props) {
         return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
           className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
           onClick: function onClick() {
+            // here
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
-              if (optionvaluesitem.valuename == '#000000') {
-                setcolorvalue('Black');
-              } else if (optionvaluesitem.valuename == '#c9b0a1') {
-                setcolorvalue('Beige');
-              }
             } else {
               clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
-              setcolorvalue('');
             }
           },
           style: {
@@ -2939,7 +2939,7 @@ var Product_itemtype = function Product_itemtype(props) {
   })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "white",
+    color: sectionproperties.cartBtnTextcolor,
     width: "20px",
     height: "20px",
     duration: "1s"
@@ -3028,7 +3028,7 @@ var Product_itemtype = function Product_itemtype(props) {
   })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "white",
+    color: sectionproperties.cartBtnTextcolor,
     width: "20px",
     height: "20px",
     duration: "1s"
@@ -3079,7 +3079,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, langdetect == 'en' ? 'Buy Now' : 'إشترى الان'), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "white",
+    color: sectionproperties.cartBtnTextcolor,
     width: "20px",
     height: "20px",
     duration: "1s"
@@ -5268,6 +5268,10 @@ var Productinfo = function Productinfo(props) {
     _useState42 = _slicedToArray__default["default"](_useState41, 2),
     productVideos = _useState42[0],
     setproductVideos = _useState42[1];
+  var _useState43 = React.useState([]),
+    _useState44 = _slicedToArray__default["default"](_useState43, 2),
+    variantvalueidentifier = _useState44[0],
+    setvariantvalueidentifier = _useState44[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -5421,6 +5425,10 @@ var Productinfo = function Productinfo(props) {
     } else {
       productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 1;
     }
+    if (productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
+      var _productarr$data$prod;
+      setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
+    }
     productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
       if (optionvaluesindex != arrayindex) {
         arrayItem.isselected = 0;
@@ -5558,7 +5566,6 @@ var Productinfo = function Productinfo(props) {
             setisoutofstock(false);
           }
           setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
-          // alert(variantsku);
           setcurrentshowingimageindex(variantimageindex);
           setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
@@ -5577,8 +5584,6 @@ var Productinfo = function Productinfo(props) {
       if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hasvariants) == 1) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
-        } else {
-          NotificationManager.warning('', 'Please Choose Product Options');
         }
       } else {
         runfunc = true;
@@ -6499,7 +6504,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _ref)
+    }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
     actions: (_ref2 = {
       variantsku: variantsku,
@@ -15798,7 +15803,12 @@ var Filter$1 = function Filter(props) {
           className: "h-100 d-flex align-items-center"
         }))), /*#__PURE__*/React__default["default"].createElement("div", {
           className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
+        }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
+          className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+          style: {
+            color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+          }
+        }, valueitem.value_identifier), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
           className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
           style: {
             color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
@@ -17548,7 +17558,7 @@ var CardsSection = function CardsSection(props) {
     setopenFilterSlider: setopenFilterSlider,
     show_product_group_titles: show_product_group_titles
   })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'col-lg-3 d-flex'
+    className: 'col-lg-3 d-flex d-md-none'
   }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
@@ -18699,7 +18709,11 @@ var MarqueeHeader = function MarqueeHeader(props) {
     "class": "d-flex flex-row align-items-center"
   }, textarray.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
+      "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+      style: {
+        marginLeft: 200,
+        marginRight: 200
+      }
     }, langdetect == 'en' ? item.textEnglish : item.textArabic);
   }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
@@ -19304,7 +19318,7 @@ var Subheader = function Subheader(props) {
   }, /*#__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: '/tr:w-500,h-500/' + currentimagecollection,
+    path: '/tr:w-' + sectionproperties.subheadercollimagetr + ',h-' + sectionproperties.subheadercollimageth + '/' + currentimagecollection,
     style: {
       width: '100%',
       height: '100%',
@@ -23668,10 +23682,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     }),
     lowerHeaderContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -26812,10 +26823,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }),
     header_innercontainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -27507,6 +27515,7 @@ var Simpleheader = function Simpleheader(props) {
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
+  props.actions.scrollcontext;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var templateproperties_context = props.actions.templateproperties_context;
@@ -27630,9 +27639,6 @@ var Simpleheader = function Simpleheader(props) {
         borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
       }
     }),
-    // user_btn2:css({
-    //     color:sec
-    // })
     header_logo: glamor.css({
       width: templateproperties_context.logo_width + 'px',
       height: templateproperties_context.logo_height + 'px'
@@ -27743,6 +27749,24 @@ var Simpleheader = function Simpleheader(props) {
       color: sectionproperties.closeSlider_colorOnHover,
       borderColor: sectionproperties.closeSlider_colorOnHover
     }
+  })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainer", glamor.css({
+    borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
+    paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
+    paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
+    paddingTop: sectionproperties.header_paddingTop + 'px',
+    paddingBottom: sectionproperties.header_paddingBottom + 'px',
+    backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor
+    // ':hover': {
+    //     backgroundColor: sectionproperties.header_backgroundColor,
+    //     transition: '.3s ease-in-out',
+    // },
+  })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainerscrolled", glamor.css({
+    borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
+    paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
+    paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
+    paddingTop: sectionproperties.header_paddingTop + 'px',
+    paddingBottom: sectionproperties.header_paddingBottom + 'px',
+    backgroundColor: sectionproperties.header_backgroundColor
   })), _header_cssstyles);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
@@ -27768,18 +27792,7 @@ var Simpleheader = function Simpleheader(props) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100",
-    style: {
-      backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
-      paddingTop: sectionproperties.header_paddingTop + 'px',
-      paddingBottom: sectionproperties.header_paddingBottom + 'px'
-    }
+    "class": header_cssstyles.headerinnercontainer + ' row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30038,10 +30051,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
       position: sectionproperties.headerstyles_position,
       zIndex: 11000,
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -30697,10 +30707,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     }),
     lowerHeaderContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -33669,10 +33676,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     }),
     lowerHeaderContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -34649,10 +34653,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     }),
     headerMiddleContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -37086,10 +37087,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
       justifyContent: 'center',
       width: sectionproperties.header_width + 'vw',
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -58587,16 +58585,19 @@ var Slideshowzoom = function Slideshowzoom(props) {
   };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6' : 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0',
+      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6 px-5' : 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 px-5'
+      // style={{ position: 'absolute', top: cardarrayofobjs.length != 0 ? '40%' : '50%', zIndex: 2 }}
+      ,
       style: {
         position: 'absolute',
-        top: cardarrayofobjs.length != 0 ? '40%' : '50%',
-        zIndex: 2
+        bottom: 40,
+        zIndex: 2,
+        width: '50%'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+      "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered mb-1' : 'col-lg-12 mb-1 '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "m-0 p-0 wordbreak PacificoFont",
+      className: "m-0 p-0 wordbreak",
       style: {
         fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
         color: sectionproperties.slideshowText1ContentColor,
@@ -58604,7 +58605,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.titleen : item.titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+      "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "m-0 p-0 wordbreak",
       style: {
@@ -58623,11 +58624,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
-      size: 20
-    }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack.IoIosArrowRoundBack, {
-      size: 20
-    }))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -63642,11 +63639,15 @@ var Card23 = function Card23(props) {
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      transition: 'all, 0.4s',
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
         right: 10,
         transform: "translateX(0px)"
+      },
+      ':hover': {
+        boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
       }
     }),
     iconsContainer2: glamor.css({
@@ -63728,10 +63729,10 @@ var Card23 = function Card23(props) {
       },
       loading: "lazy",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-        // setShowProductInfoModalContext(true);
+        if (sectionproperties.hideshowcardtransition != 'Show') {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        } // setShowProductInfoModalContext(true);
         // setProductIdProdutInfoModalContext(item.productid);
       }
     }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -63750,9 +63751,10 @@ var Card23 = function Card23(props) {
       },
       loading: "lazy",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
+        if (sectionproperties.hideshowcardtransition == 'Show') {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
         // setShowProductInfoModalContext(true);
         // setProductIdProdutInfoModalContext(item.productid);
       }
@@ -63886,7 +63888,8 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63924,7 +63927,8 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63937,18 +63941,16 @@ var Card23 = function Card23(props) {
       paddingBottom: sectionproperties.paddingBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
+    "class":
+    // sectionproperties.hideshowcardtransition == 'Show'
+    //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
+    //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
+    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
     style: {
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
-    style: {
-      height: sectionproperties.height_responsive + 'px',
-      marginBottom: sectionproperties.image_mb + 'px'
-    }
-  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -64045,8 +64047,7 @@ var Card23 = function Card23(props) {
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex align-items-center justify-content-center"
@@ -71404,7 +71405,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
       overflow: 'hidden',
       height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
-      // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
       borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
@@ -71554,10 +71554,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
     }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       "class": cardstyles$7.secondaryimage,
@@ -71569,17 +71565,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-        // setShowProductInfoModalContext(true);
-        // setProductIdProdutInfoModalContext(item.productid);
       }
     }));
   };
+  var _useState7 = React.useState(0),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    clickCount = _useState8[0],
+    setClickCount = _useState8[1];
+  var handleClick = function handleClick() {
+    // Increase the click count by 1
+    setClickCount(function (prevCount) {
+      return prevCount + 1;
+    });
 
+    // Check if it's the second click
+    if (clickCount === 1) {
+      // Do whatever you want on the second click
+
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
@@ -71698,13 +71703,20 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
   }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": card_cssstyles.productcardimagecont + ' d-none d-md-flex ',
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-none d-md-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-none d-md-flex ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
+    },
+    onClick: function onClick(e) {
+      handleClick();
     }
-  }, Image('responsive')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"