tabexseriescomponents 0.50.192 → 0.50.194

package/dist/index.esm.js

@@ -82876,7 +82876,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
     "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten)))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar)))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 align-items-center justify-content-center text-center mb-2"
@@ -85160,7 +85160,7 @@ var Card23 = function Card23(props) {
       "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0"
-    }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten)));
+    }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar)));
   };
   var _useState9 = useState(''),
     _useState0 = _slicedToArray(_useState9, 2),
@@ -85792,7 +85792,7 @@ styleInject(css_248z$c);
 function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(props) {
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
@@ -85814,7 +85814,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   var NotificationManager = props.actions.NotificationManager;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   useEffect(function () {
-    if (props.srcfrom == "addsectionform") {
+    if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
@@ -85838,9 +85838,9 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   var updatequantity = function updatequantity(type) {
     var tempitem = _objectSpread$w({}, item);
     tempitem.quantity = parseInt(tempitem.quantity);
-    if (type == "add") {
+    if (type == 'add') {
       tempitem.quantity = tempitem.quantity + 1;
-    } else if (type == "remove") {
+    } else if (type == 'remove') {
       tempitem.quantity = tempitem.quantity - 1;
     }
     if (tempitem.quantity <= 0) {
@@ -85850,9 +85850,9 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   };
   var addtocartfunc = function addtocartfunc() {
     var addtocardpayloadobj = {
-      functype: "add",
+      functype: 'add',
       productid: item.productid,
-      variantid: "",
+      variantid: '',
       quantity: item.quantity,
       vendorid: item.vendorid
     };
@@ -85862,19 +85862,19 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
-          NotificationManager.warning("", langdetect != "ar" ? "Please Choose Product Options" : "من فضلك اختر متغير");
+          NotificationManager.warning('', langdetect != 'ar' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
         }
       } else {
         runfunc = true;
       }
     } else {
-      NotificationManager.warning("", langdetect != "ar" ? "Please Choose Quantity" : "من فضلك اختر الكمية");
+      NotificationManager.warning('', langdetect != 'ar' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
     }
     if (runfunc == true) {
       AddtoCartContext(addtocardpayloadobj);
     }
   };
-  var _useState5 = useState(""),
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     secondimage = _useState6[0],
     setsecondimage = _useState6[1];
@@ -85906,35 +85906,35 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, [props.cardinfoitemprops]);
   var Image = function Image(type) {
     var transition = false;
-    if (sectionproperties.hideshowcardtransition == "Show" && type != "responsive") {
+    if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
       transition = true;
     }
     return /*#__PURE__*/React.createElement("div", {
       "class": "w-100 cursor-pointer h-100",
       style: {
-        position: "relative"
+        position: 'relative'
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-      "class": transition ? cardsstyles$4.intialimage : "",
+      "class": transition ? cardsstyles$4.intialimage : '',
       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,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
       loading: "lazy",
       style: {
-        width: "100%",
-        height: "100%",
-        objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain"
+        width: '100%',
+        height: '100%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
       }
     }), transition && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       "class": cardsstyles$4.secondaryimage,
       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 + "/" + secondimage,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + secondimage,
       loading: "lazy",
       style: {
-        width: "100%",
-        height: "100%",
-        objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain"
+        width: '100%',
+        height: '100%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
       }
     }));
   };
@@ -85944,171 +85944,171 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
     _useState8[1];
   var cardsstyles2 = {
     productcard: css({
-      background: sectionproperties.backgroundColortransparent == "Transparent" ? "transparent" : sectionproperties.backgroundColor,
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       opacity: sectionproperties.cardbg_opacity,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
-      paddingTop: sectionproperties.paddingTop + "px",
-      paddingBottom: sectionproperties.paddingBottom + "px",
-      paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
-      boxShadow: sectionproperties.sectioncardshadow == "Show" ? "0 0 10px " + sectionproperties.sectioncardshadowcolor : "none",
-      border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
-      transition: ".3s",
-      ":hover": {
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      transition: '.3s',
+      ':hover': {
         // zIndex: 1000,
       }
     }),
     productNameStyles: css({
       color: sectionproperties.prodNameColor,
-      fontSize: sectionproperties.prodNameFontSize + "px",
+      fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,
-      transition: ".3s",
-      cursor: "pointer",
-      ":hover": {
+      transition: '.3s',
+      cursor: 'pointer',
+      ':hover': {
         color: sectionproperties.prodNameColorOnHover
       }
     }),
     productDescStyles: css({
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px",
+      fontSize: sectionproperties.prodCatFontSize + 'px',
       textTransform: sectionproperties.prodCatTextTranform,
       fontWeight: sectionproperties.prodCatFontWeight,
-      transition: ".3s"
+      transition: '.3s'
     }),
     productPricestyles: css({
       color: sectionproperties.prodPriceColor,
-      fontSize: sectionproperties.prodpriceFontSize + "px",
+      fontSize: sectionproperties.prodpriceFontSize + 'px',
       fontWeight: sectionproperties.prodPriceFontWeight
     }),
     productSalePricestyles: css({
       color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + "px",
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }),
     producttotalstyles: css({
       color: sectionproperties.total_color,
-      fontSize: sectionproperties.total_fontsize + "px",
+      fontSize: sectionproperties.total_fontsize + 'px',
       fontWeight: 500
     }),
     wishlist_btn: css({
-      width: sectionproperties.favBtnWidth + "px",
-      height: sectionproperties.favBtnHeight + "px",
-      background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
-      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.favBtnWidth + 'px',
+      height: sectionproperties.favBtnHeight + 'px',
+      background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
+      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.favBtniconcolor,
-      fontSize: sectionproperties.favBtnTextfontsize + "px",
+      fontSize: sectionproperties.favBtnTextfontsize + 'px',
       fontWeight: sectionproperties.favBtnTextfontweight,
-      transition: ".3s",
-      border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
-      ":hover": {
-        background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover,
+      transition: '.3s',
+      border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
         color: sectionproperties.favBtnTextcoloronhover
       }
     }),
     cart_btn: css({
-      width: sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + "px",
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       fontWeight: sectionproperties.cartBtnTextfontweight,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     img_container: css({
-      position: "relative",
-      height: sectionproperties.image_height + "px",
-      border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      background: sectionproperties.image_bgtransparent == "Transparent" ? "transparent" : sectionproperties.image_bgcolor,
-      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" ? 0.4 : 1,
-      "@media (max-width: 800px)": {
-        height: sectionproperties.height_responsive + "px"
+      position: 'relative',
+      height: sectionproperties.image_height + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1,
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive + 'px'
       }
     }),
     quantitybtn: css({
       flex: 1,
-      border: sectionproperties.quantitybtnborderwidth + "px solid " + sectionproperties.quantitybtnbordercolor,
-      height: sectionproperties.quantitybtn_height + "px",
-      display: "flex",
-      flexDirection: "row",
-      overflow: "hidden",
-      borderRadius: sectionproperties.quantitybtn_borderradius + "px",
+      border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
+      height: sectionproperties.quantitybtn_height + 'px',
+      display: 'flex',
+      flexDirection: 'row',
+      overflow: 'hidden',
+      borderRadius: sectionproperties.quantitybtn_borderradius + 'px',
       background: sectionproperties.quantitybtn_bgcolor,
-      alignItems: "center",
-      justifyContent: "center",
+      alignItems: 'center',
+      justifyContent: 'center',
       margin: 0,
-      position: "relative",
+      position: 'relative',
       fontWeight: sectionproperties.quantitybtn_textfontweight,
       color: sectionproperties.quantitybtn_textcolor,
-      fontSize: sectionproperties.quantitybtn_textfontsize + "px",
-      "@media (max-width: 800px)": {
-        width: "100%"
+      fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+      '@media (max-width: 800px)': {
+        width: '100%'
       }
     }),
     quantitybtn_text: css({
-      margin: "auto"
+      margin: 'auto'
     }),
     add_quantitybtn_icon_container: css({
-      position: "relative",
-      width: sectionproperties.add_quantitybtn_width + "px",
-      height: sectionproperties.add_quantitybtn_height + "px",
+      position: 'relative',
+      width: sectionproperties.add_quantitybtn_width + 'px',
+      height: sectionproperties.add_quantitybtn_height + 'px',
       background: sectionproperties.add_quantitybtn_bgcolor,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: sectionproperties.add_quantitybtn_borderradius + "px",
-      fontSize: sectionproperties.add_quantitybtn_textfontsize + "px",
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: sectionproperties.add_quantitybtn_borderradius + 'px',
+      fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
       color: sectionproperties.add_quantitybtn_textcolor,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.add_quantitybtn_textcoloronhover,
         background: sectionproperties.add_quantitybtn_bgcoloronhover
       }
     }),
     minus_quantitybtn_icon_container: css({
-      position: "relative",
-      width: sectionproperties.remove_quantitybtn_width + "px",
-      height: sectionproperties.remove_quantitybtn_height + "px",
+      position: 'relative',
+      width: sectionproperties.remove_quantitybtn_width + 'px',
+      height: sectionproperties.remove_quantitybtn_height + 'px',
       background: sectionproperties.remove_quantitybtn_bgcolor,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: sectionproperties.remove_quantitybtn_borderradius + "px",
-      fontSize: sectionproperties.remove_quantitybtn_textfontsize + "25px",
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: sectionproperties.remove_quantitybtn_borderradius + 'px',
+      fontSize: sectionproperties.remove_quantitybtn_textfontsize + '25px',
       color: sectionproperties.remove_quantitybtn_textcolor,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.remove_quantitybtn_textcoloronhover,
         background: sectionproperties.remove_quantitybtn_bgcoloronhover
       }
     }),
     outstockbadge: css({
-      width: sectionproperties.outstock_width + "px",
-      height: sectionproperties.outstock_height + "px",
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
       background: sectionproperties.outstock_bg,
       color: sectionproperties.outstock_color,
-      fontSize: sectionproperties.outstock_fontSize + "px",
-      borderRadius: sectionproperties.outstock_borderradius + "px",
-      position: "absolute",
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
       zIndex: 2,
       top: 0,
       bottom: 0,
       left: 0,
       right: 0,
-      margin: "auto"
+      margin: 'auto'
     })
   };
   var addtocartbuttonrender = function addtocartbuttonrender() {
@@ -86116,7 +86116,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       var _AddtoCartMutationCon;
       if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
         return /*#__PURE__*/React.createElement("div", {
-          "class": " d-flex align-items-center justify-content-center "
+          "class": ' d-flex align-items-center justify-content-center '
         }, /*#__PURE__*/React.createElement(CircularProgress, {
           color: sectionproperties.cartBtnTextcolor,
           width: "20px",
@@ -86127,163 +86127,163 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         return /*#__PURE__*/React.createElement("span", {
           "class": "w-100 allcentered"
         }, /*#__PURE__*/React.createElement("i", {
-          "class": langdetect != "ar" ? "h-100 mr-2 d-flex align-items-center justify-content-center" : "h-100 ml-2 d-flex align-items-center justify-content-center"
-        }, sectionproperties.carticonstyle == "Shopping bag 1" && /*#__PURE__*/React.createElement(FiShoppingBag, {
+          "class": langdetect != 'ar' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
+        }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
           "class": "",
           size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == "Shopping bag 2" && /*#__PURE__*/React.createElement(CgShoppingBag, {
+        }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
           "class": "",
           size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == "Shopping bag 3" && /*#__PURE__*/React.createElement(BsBag, {
+        }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
           "class": "",
           size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == "Shopping bag 4" && /*#__PURE__*/React.createElement(RiHandbagLine, {
+        }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
           size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == "Shopping cart 1" && /*#__PURE__*/React.createElement(FiShoppingCart, {
+        }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
           "class": "",
           size: sectionproperties.cartBtn_iconFontSize
-        }), sectionproperties.carticonstyle == "Shopping cart 2" && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+        }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
           size: sectionproperties.cartBtn_iconFontSize
-        })), langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish);
+        })), langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish);
       }
     }
     if (!AddtoCartMutationContext.isLoading) {
       return /*#__PURE__*/React.createElement("span", {
         "class": "w-100 allcentered"
       }, /*#__PURE__*/React.createElement("i", {
-        "class": langdetect != "ar" ? "h-100 mr-2 d-flex align-items-center justify-content-center" : "h-100 ml-2 d-flex align-items-center justify-content-center"
-      }, sectionproperties.carticonstyle == "Shopping bag 1" && /*#__PURE__*/React.createElement(FiShoppingBag, {
+        "class": langdetect != 'ar' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
+      }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == "Shopping bag 2" && /*#__PURE__*/React.createElement(CgShoppingBag, {
+      }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == "Shopping bag 3" && /*#__PURE__*/React.createElement(BsBag, {
+      }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == "Shopping bag 4" && /*#__PURE__*/React.createElement(RiHandbagLine, {
+      }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
         size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == "Shopping cart 1" && /*#__PURE__*/React.createElement(FiShoppingCart, {
+      }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == "Shopping cart 2" && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+      }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
         size: sectionproperties.cartBtn_iconFontSize
-      })), langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish);
+      })), langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish);
     }
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row ml-0 mr-0 w-100 mb-sm-5",
     style: {
-      paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px",
-      marginBottom: sectionproperties.marginBottom + "px",
-      minHeight: "370px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      minHeight: '370px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + " w-100 "
+    "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles$4.card_inner)
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles$4.card_thumbnail),
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + " w-100 allcentered ",
+    "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
     },
     style: {
-      cursor: "pointer",
-      overflow: "hidden"
+      cursor: 'pointer',
+      overflow: 'hidden'
     }
-  }, Image("normal")), sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React.createElement("div", {
+  }, Image('normal')), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles$4.wishlistbtn),
     onClick: function onClick() {
       addtofavoritescontext(item.productid);
     }
   }, /*#__PURE__*/React.createElement("button", {
-    "class": " ".concat(cardsstyles2.wishlist_btn) + " m-0 p-0 d-flex align-items-center justify-content-center ",
+    "class": " ".concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
     style: {
-      position: "absolute",
+      position: 'absolute',
       top: 10,
       right: 10,
-      background: item.IsFavExists == true ? sectionproperties.activebgcolor : ""
+      background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
     }
   }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiFillStar$1, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaHeart$1, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  })))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == "Show" && sectionproperties.showbadge == "Show" && /*#__PURE__*/React.createElement("div", {
+  })))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
-      position: "absolute",
+      position: 'absolute',
       top: 10,
       left: 10,
-      width: sectionproperties.badge_width + "px",
-      height: sectionproperties.badge_height + "px",
+      width: sectionproperties.badge_width + 'px',
+      height: sectionproperties.badge_height + 'px',
       background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + "px"
+      borderRadius: sectionproperties.badge_borderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + "px"
+      fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     style: {
-      position: "absolute",
-      top: sectionproperties.pillpositionfromtop + "px",
-      left: sectionproperties.pillpositionfromright + "px",
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
       // right: langdetect != 'ar' ? '' : sectionproperties.pillpositionfromright + 'px',
       zIndex: 3
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.pillwidth == 0 ? " px-2 allcentered" : "allcentered",
+    "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
     style: {
       zIndex: 2,
-      width: sectionproperties.pillwidth == 0 ? "auto" : sectionproperties.pillwidth + "px",
-      height: sectionproperties.pillheight + "px",
+      width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
+      height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
-      borderRadius: sectionproperties.pillborderBottomLeftRadius + "px"
+      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
     }
-  }, sectionproperties.countertype == "Percentage" && /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.pillcolor,
-      fontSize: sectionproperties.pillfontSize + "px",
-      direction: "ltr"
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
     }
-  }, "-" + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + "%"), sectionproperties.countertype == "Value" && /*#__PURE__*/React.createElement("p", {
+  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
       color: sectionproperties.pillcolor,
-      fontSize: sectionproperties.pillfontSize + "px",
-      direction: "ltr"
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
     }
-  }, langdetect === "ar" ? "وفّر" : langdetect === "chin" ? "保存" : langdetect === "es" ? "Guardar" : langdetect === "fr" ? "Enregistrer" : langdetect === "rus" ? "Сохранить" : "Save", " ", langdetect != "ar" ? item.currencyname : "", " ", parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect != "ar" ? "" : item.currencyname))), item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles2.outstockbadge) + " allcentered "
+  }, langdetect === 'ar' ? 'وفّر' : langdetect === 'chin' ? '保存' : langdetect === 'es' ? 'Guardar' : langdetect === 'fr' ? 'Enregistrer' : langdetect === 'rus' ? 'Сохранить' : 'Save', ' ', langdetect != 'ar' ? item.currencyname : '', " ", parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), ' ', langdetect != 'ar' ? '' : item.currencyname))), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten))), /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles$4.product_details) + " mb-2 "
-  }, sectionproperties.quantityshow == "Show" && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
+  }, sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
@@ -86292,52 +86292,52 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       color: sectionproperties.quantitycolor,
       fontWeight: sectionproperties.quantityfontweight
     }
-  }, sectionproperties["qtytextin".concat(langdetect)] || sectionproperties.qtytextinen, ": ", item.currentquantity)), sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties["qtytextin".concat(langdetect)] || sectionproperties.qtytextinen, ": ", item.currentquantity)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12"
   }, /*#__PURE__*/React.createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": sectionproperties.wordbreak == "1" ? "".concat(cardsstyles2.productNameStyles) + " m-0 p-0 wordbreak wordbreak1 " : "".concat(cardsstyles2.productNameStyles) + " m-0 p-0 wordbreak wordbreak2 ",
+    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak1 ' : "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak2 ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right"
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, item.name)), sectionproperties.showmeasurementunit == "Show" && /*#__PURE__*/React.createElement("p", {
-    "class": " col-lg-12 wordbreak wordbreak1 mb-2 ",
+  }, item.name)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": ' col-lg-12 wordbreak wordbreak1 mb-2 ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
-      fontSize: sectionproperties.measurementunitfontsize + "px",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
+      fontSize: sectionproperties.measurementunitfontsize + 'px',
       color: sectionproperties.measurementunitcolor
     }
   }, item.measurmentunit), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center flex-md-column justify-content-start"
-  }, sectionproperties.prodPriceShow == "Show" && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(cardsstyles2.productPricestyles) + " m-0 p-0 wordbreak w-md-100 ",
+  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(cardsstyles2.productPricestyles) + ' m-0 p-0 wordbreak w-md-100 ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right"
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, langdetect != "ar" ? item.currencyname : "", " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname), /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(cardsstyles2.productSalePricestyles) + " linethrough mt-auto mb-0 p-0 wordbreak mr-1 ml-1 w-md-100 ml-md-0 mr-md-0 ",
+  }, langdetect != 'ar' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname), /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(cardsstyles2.productSalePricestyles) + ' linethrough mt-auto mb-0 p-0 wordbreak mr-1 ml-1 w-md-100 ml-md-0 mr-md-0 ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
-      visibility: item.hassale == 1 ? "visible" : "hidden"
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
+      visibility: item.hassale == 1 ? 'visible' : 'hidden'
     }
-  }, langdetect != "ar" ? item.currencyname : "", " ", item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect != 'ar' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname))), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles$4.card_informationcontainer)
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center"
   }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(cardsstyles2.quantitybtn) + " p-0 d-flex align-items-center justify-content-center "
-  }, langdetect != "ar" && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container) + " m-1 ",
+    "class": "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
+  }, langdetect != 'ar' && /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container) + ' m-1 ',
     style: {
-      transform: " rotate(-180deg)"
+      transform: ' rotate(-180deg)'
     },
     onClick: function onClick() {
-      if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit") {
-        NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
-        updatequantity("remove");
+        updatequantity('remove');
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
@@ -86345,13 +86345,13 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": "fa fa-chevron-up font-12"
-  })), langdetect == "ar" && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + " m-1 ",
+  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit") {
-        NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
-        updatequantity("add");
+        updatequantity('add');
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
@@ -86360,17 +86360,17 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, /*#__PURE__*/React.createElement("i", {
     "class": "fa fa-chevron-up font-12"
   })), /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(cardsstyles2.quantitybtn_text) + " d-flex align-items-center justify-content-center "
-  }, item.quantity), langdetect == "ar" && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container) + " m-1 ",
+    "class": "".concat(cardsstyles2.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
+  }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container) + ' m-1 ',
     style: {
-      transform: " rotate(-180deg)"
+      transform: ' rotate(-180deg)'
     },
     onClick: function onClick() {
-      if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit") {
-        NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
-        updatequantity("remove");
+        updatequantity('remove');
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
@@ -86378,13 +86378,13 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": "fa fa-chevron-up font-12"
-  })), langdetect != "ar" && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + " m-1 ",
+  })), langdetect != 'ar' && /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit") {
-        NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
-        updatequantity("add");
+        updatequantity('add');
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
@@ -86393,25 +86393,25 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, /*#__PURE__*/React.createElement("i", {
     "class": "fa fa-chevron-up font-12"
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.total_fontsize != 0 ? "d-flex justify-content-start pl-2 pr-2" : "d-flex d-md-none justify-content-start pl-2 pr-2",
+    "class": sectionproperties.total_fontsize != 0 ? 'd-flex justify-content-start pl-2 pr-2' : 'd-flex d-md-none justify-content-start pl-2 pr-2',
     style: {
       flex: 1
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(cardsstyles2.producttotalstyles) + " mb-0 ",
+    "class": "".concat(cardsstyles2.producttotalstyles) + ' mb-0 ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right"
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
   }, lang.total, ": ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
     style: {
       color: sectionproperties.total_secondaryColor,
       fontWeight: sectionproperties.total_fontweight,
-      textAlign: langdetect != "ar" ? "left" : "right"
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, langdetect != "ar" ? item.currencyname : "", " ", item.hassale == 1 ? item.quantity * item.defaultsaleprice : item.quantity * item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname)))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect != 'ar' ? item.currencyname : '', " ", item.hassale == 1 ? item.quantity * item.defaultsaleprice : item.quantity * item.defaultprice, ' ', langdetect != 'ar' ? '' : item.currencyname)))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mb-2 mt-2"
-  }, sectionproperties.cartBtnShow == "Show" && /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(cardsstyles2.cart_btn) + " font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ",
+  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(cardsstyles2.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
       if (item.hasvariants == 0) {
         addtocartfunc();
@@ -88263,7 +88263,7 @@ var Horizontalcard = function Horizontalcard(props) {
     "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == "Show" && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == "Show" && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
       position: "absolute",
@@ -91261,7 +91261,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
@@ -91294,257 +91294,257 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     cardcont: css({
-      width: sectionproperties.width + "px"
+      width: sectionproperties.width + 'px'
     }),
     productcard: css({
-      position: "relative",
-      background: sectionproperties.backgroundColortransparent == "Transparent" ? "transparent" : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
-      marginTop: sectionproperties.marginTop + "px",
-      marginBottom: sectionproperties.marginBottom + "px",
-      paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
-      paddingTop: sectionproperties.paddingTop + "px",
-      paddingBottom: sectionproperties.paddingBottom + "px",
-      boxShadow: sectionproperties.sectioncardshadow == "Show" ? "0 0 10px " + sectionproperties.sectioncardshadowcolor : "none",
-      border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
+      position: 'relative',
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       color: sectionproperties.prodNameColor,
-      transition: ".5s",
-      ":hover": {
+      transition: '.5s',
+      ':hover': {
         color: sectionproperties.prodNameColorOnHover
       },
-      ":hover .text_container": {
-        paddingLeft: "10px",
-        paddingRight: "10px"
+      ':hover .text_container': {
+        paddingLeft: '10px',
+        paddingRight: '10px'
       }
     }),
     text_container: css({
-      padding: "5px",
-      transition: ".5s"
+      padding: '5px',
+      transition: '.5s'
     }),
     productcardimagecont: css({
-      position: "relative",
-      overflow: "hidden",
-      background: sectionproperties.image_bgcolortransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
+      position: 'relative',
+      overflow: 'hidden',
+      background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
       opacity: sectionproperties.darknessopacity,
-      border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      ":hover": css({
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      ':hover': css({
         opacity: sectionproperties.cardimg_opacityonhover
       })
     }),
     productNameStyles: css({
-      fontSize: sectionproperties.prodNameFontSize + "px",
+      fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,
       marginBottom: 3,
-      transition: ".3s",
-      cursor: "pointer"
+      transition: '.3s',
+      cursor: 'pointer'
     }),
     productPricestyles: css({
       color: sectionproperties.prodPriceColor,
-      fontSize: sectionproperties.prodpriceFontSize + "px",
+      fontSize: sectionproperties.prodpriceFontSize + 'px',
       fontWeight: sectionproperties.prodPriceFontWeight
     }),
     productSalePricestyles: css({
       color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + "px",
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }),
     wishlist_btn: css({
-      width: sectionproperties.favBtnWidth + "px",
-      height: sectionproperties.favBtnHeight + "px",
-      background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
-      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.favBtnWidth + 'px',
+      height: sectionproperties.favBtnHeight + 'px',
+      background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
+      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.favBtniconcolor,
-      fontSize: sectionproperties.favBtnTextfontsize + "px",
+      fontSize: sectionproperties.favBtnTextfontsize + 'px',
       textTransform: sectionproperties.favBtnTexttransform,
       fontWeight: sectionproperties.favBtnTextfontweight,
-      transition: ".3s",
-      border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
-      ":hover": {
-        background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover,
+      transition: '.3s',
+      border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
         color: sectionproperties.favBtnTextcoloronhover,
-        borderColor: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
+        borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
       }
     }),
     cart_btn: css({
-      width: sectionproperties.cartBtnWidth == 0 ? "auto" : sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight == 0 ? "auto" : sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + "px",
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       fontWeight: sectionproperties.cartBtnTextfontweight,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     outstockbadge: css({
-      width: sectionproperties.outstock_width + "px",
-      height: sectionproperties.outstock_height + "px",
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
       background: sectionproperties.outstock_bg,
       color: sectionproperties.outstock_color,
-      fontSize: sectionproperties.outstock_fontSize + "px",
-      borderRadius: sectionproperties.outstock_borderradius + "px",
-      position: "absolute",
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
       zIndex: 2,
       top: 0,
       bottom: 0,
       left: 0,
       right: 0,
-      margin: "auto"
+      margin: 'auto'
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.sectiontypeprops2 == "vertical" ? "w-100" : "".concat(card_cssstyles.cardcont)
+    "class": props.sectiontypeprops2 == 'vertical' ? 'w-100' : "".concat(card_cssstyles.cardcont)
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
     style: {
-      paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.productcard) + "  w-100  "
+    "class": "".concat(card_cssstyles.productcard) + '  w-100  '
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(card_cssstyles.productcardimagecont) + " p-0 cursor-pointer ",
+    "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
     style: {
-      height: sectionproperties.image_height + "px",
-      marginBottom: sectionproperties.image_mb + "px",
-      position: "relative"
+      height: sectionproperties.image_height + 'px',
+      marginBottom: sectionproperties.image_mb + 'px',
+      position: 'relative'
     }
   }, /*#__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_w + "/" + item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_w + '/' + item.image,
     loading: "lazy",
     style: {
-      width: sectionproperties.imageInnerWidth_Height + "%",
-      height: sectionproperties.imageInnerWidth_Height + "%",
-      objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain",
-      background: sectionproperties.image_bgcolortransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
-      border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 ? 0.4 : 1
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+      background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
     }
-  }), sectionproperties.showbadge == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
-      position: "absolute",
-      top: sectionproperties.badge_top + "px",
-      left: langdetect != "ar" ? "10px" : 0,
-      right: langdetect != "ar" ? 0 : "10px",
-      width: sectionproperties.badge_width + "px",
-      height: sectionproperties.badge_height + "px",
+      position: 'absolute',
+      top: sectionproperties.badge_top + 'px',
+      left: langdetect != 'ar' ? '10px' : 0,
+      right: langdetect != 'ar' ? 0 : '10px',
+      width: sectionproperties.badge_width + 'px',
+      height: sectionproperties.badge_height + 'px',
       background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + "px"
+      borderRadius: sectionproperties.badge_borderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
       color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + "px"
+      fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
-      position: "absolute",
-      top: sectionproperties.pillpositionfromtop + "px",
-      left: sectionproperties.pillpositionfromright + "px",
-      width: sectionproperties.pillwidth + "px",
-      height: sectionproperties.pillheight + "px",
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
+      width: sectionproperties.pillwidth + 'px',
+      height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
-      borderRadius: sectionproperties.pillborderBottomLeftRadius + "px"
+      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
       color: sectionproperties.pillcolor,
-      fontSize: sectionproperties.pillfontSize + "px",
-      direction: "ltr"
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
     }
-  }, "-" + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + "%")), item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
+  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten))), /*#__PURE__*/React.createElement("div", {
-    "class": card_cssstyles.text_container + " row m-0 w-100 text_container "
-  }, sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
+  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
     "class": "col-lg-12 p-0 d-flex justify-content-stretch"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productNameStyles) + " p-0 wordbreak wordbreak1 m-0 "
+    "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 wordbreak wordbreak1 m-0 '
   }, item.name)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center p-0 mb-1"
-  }, sectionproperties.prodPriceShow == "Show" && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productPricestyles) + " m-0 "
-  }, langdetect != "ar" ? item.currencyname : "", " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname), sectionproperties.prodsalePriceshow == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productSalePricestyles) + " linethrough m-0 mr-2 ml-2 "
-  }, langdetect != "ar" ? item.currencyname : "", " ", item.defaultprice, " ", langdetect != "ar" ? "" : item.currencyname)), /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
+  }, langdetect != 'ar' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
+  }, langdetect != 'ar' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center p-0 "
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-9 col-md-9 d-flex align-items-center justify-content-start p-0"
-  }, sectionproperties.cartBtnShow == "Show" && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.cart_btn) + " m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ",
+  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick() {
-      if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0) {
-        NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+        NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
     }
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("span", {
-    className: langdetect != "ar" ? "mr-2" : "ml-2",
+    className: langdetect != 'ar' ? 'mr-2' : 'ml-2',
     style: {
-      fontSize: sectionproperties.cartBtn_iconFontSize + "px"
+      fontSize: sectionproperties.cartBtn_iconFontSize + 'px'
     }
-  }, "+"), langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React.createElement("div", {
+  }, "+"), langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 col-md-3 d-flex align-items-center justify-content-end p-0"
-  }, sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React.createElement("button", {
-    "class": " ".concat(card_cssstyles.wishlist_btn) + " m-0 p-0 d-flex align-items-center justify-content-center ",
+  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+    "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
       addtofavoritescontext(item.productid);
     },
     style: {
-      background: item.IsFavExists ? sectionproperties.activebgcolor : "",
-      borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ""
+      background: item.IsFavExists ? sectionproperties.activebgcolor : '',
+      borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ''
     }
   }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiFillStar$1, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaHeart$1, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   })))))))));
 };
@@ -91552,7 +91552,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productcard_with_variants = function Productcard_with_variants(props) {
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
@@ -91573,7 +91573,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions.NotificationManager;
-  var _useState5 = useState(""),
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     secondimage = _useState6[0],
     setsecondimage = _useState6[1];
@@ -91616,223 +91616,223 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     colorvariantcontainer: css({
-      width: sectionproperties.variantcontainer_minwidth + "vh",
-      height: sectionproperties.variantcontainer_height + "vh",
-      borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + "px"
+      width: sectionproperties.variantcontainer_minwidth + 'vh',
+      height: sectionproperties.variantcontainer_height + 'vh',
+      borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
     }),
     productcard_imgcontainer: css({
-      height: sectionproperties.image_height + "px",
-      background: sectionproperties.image_bgtransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
-      border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      transition: ".3s"
+      height: sectionproperties.image_height + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      transition: '.3s'
     }),
     productNameStyles: css({
-      fontSize: sectionproperties.prodNameFontSize + "px",
+      fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,
-      cursor: "pointer",
-      transition: ".3s",
-      ":hover": {
+      cursor: 'pointer',
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.prodNameColorOnHover
       }
     }),
     productPricestyles: css({
       color: sectionproperties.prodPriceColor,
-      fontSize: sectionproperties.prodpriceFontSize + "px",
+      fontSize: sectionproperties.prodpriceFontSize + 'px',
       fontWeight: sectionproperties.prodPriceFontWeight
     }),
     productSalePricestyles: css({
       color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + "px",
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }),
     wishlist_btn: css({
-      position: "absolute",
+      position: 'absolute',
       top: 6,
       right: 13,
-      left: langdetect != "ar" ? "" : sectionproperties.favbtn_marginRight + "px",
-      width: sectionproperties.favBtnWidth + "px",
-      height: sectionproperties.favBtnHeight + "px",
-      background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
-      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
+      left: langdetect != 'ar' ? '' : sectionproperties.favbtn_marginRight + 'px',
+      width: sectionproperties.favBtnWidth + 'px',
+      height: sectionproperties.favBtnHeight + 'px',
+      background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
+      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.favBtnTextcolor,
-      fontSize: sectionproperties.favBtnTextfontsize + "px",
+      fontSize: sectionproperties.favBtnTextfontsize + 'px',
       textTransform: sectionproperties.favBtnTexttransform,
       fontWeight: sectionproperties.favBtnTextfontweight,
-      transition: ".3s",
-      border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
-      ":hover": {
+      transition: '.3s',
+      border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
+      ':hover': {
         color: sectionproperties.favBtnTextcoloronhover,
-        background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover
+        background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover
       }
     }),
     cart_btn: css({
-      position: "absolute",
+      position: 'absolute',
       left: 0,
       right: 0,
-      bottom: "10px",
+      bottom: '10px',
       opacity: 1,
-      margin: "auto",
-      transition: "all, 0.3s",
-      width: sectionproperties.cartBtnWidth + "px",
-      maxWidth: "100%",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      margin: 'auto',
+      transition: 'all, 0.3s',
+      width: sectionproperties.cartBtnWidth + 'px',
+      maxWidth: '100%',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + "px",
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     cart_btn_bottom: css({
-      position: "absolute",
+      position: 'absolute',
       left: 0,
       right: 0,
-      bottom: "-20px",
+      bottom: '-20px',
       opacity: 0,
-      margin: "auto",
-      transition: "all, 0.3s",
-      width: sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      margin: 'auto',
+      transition: 'all, 0.3s',
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + "px",
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     cart_btn_center: css({
-      position: "absolute",
+      position: 'absolute',
       left: 0,
       right: 0,
-      bottom: "60px",
+      bottom: '60px',
       opacity: 0,
-      margin: "auto",
-      transition: "all, 0.3s",
-      width: sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      margin: 'auto',
+      transition: 'all, 0.3s',
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + "px",
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     productcard: css({
-      background: sectionproperties.backgroundColortransparent == "Transparent" ? "transparent" : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
-      marginTop: sectionproperties.marginTop + "px",
-      marginBottom: sectionproperties.marginBottom + "px",
-      paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
-      paddingTop: sectionproperties.paddingTop + "px",
-      paddingBottom: sectionproperties.paddingBottom + "px",
-      border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       color: sectionproperties.prodNameColor,
-      transition: ".3s",
-      ":hover .wishlist_btn": {
-        marginRight: langdetect != "ar" ? "10px" : 0,
-        marginLeft: langdetect != "ar" ? 0 : "10px"
+      transition: '.3s',
+      ':hover .wishlist_btn': {
+        marginRight: langdetect != 'ar' ? '10px' : 0,
+        marginLeft: langdetect != 'ar' ? 0 : '10px'
       },
-      ":hover .cart_btn_bottom": {
+      ':hover .cart_btn_bottom': {
         opacity: 1,
-        bottom: "10px"
+        bottom: '10px'
       },
-      ":hover .cart_btn_center": {
+      ':hover .cart_btn_center': {
         opacity: 1,
-        bottom: "40%"
+        bottom: '40%'
       }
     }),
     cart_btnresponsive: css({
-      position: "absolute",
+      position: 'absolute',
       opacity: 1,
-      bottom: "10px",
+      bottom: '10px',
       left: 0,
       right: 0,
-      margin: "auto",
-      transition: "all, 0.3s",
-      width: sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      margin: 'auto',
+      transition: 'all, 0.3s',
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + "px",
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     imageContainer: css({
       backgroundColor: sectionproperties.image_bgcolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      height: sectionproperties.image_height == 0 ? "auto" : sectionproperties.image_height + "px",
-      marginBottom: sectionproperties.image_mb + "px",
-      "@media (max-width: 800px)": {
-        height: sectionproperties.height_responsive == 0 ? "auto" : sectionproperties.height_responsive + "px"
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      marginBottom: sectionproperties.image_mb + 'px',
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px'
       }
     }),
     productoutercard: css({
-      minWidth: sectionproperties.width + "px",
-      maxWidth: sectionproperties.width + "px",
-      "@media (max-width: 800px)": {
-        minWidth: sectionproperties.widthresponsive + "px",
-        maxWidth: sectionproperties.widthresponsive + "px"
+      minWidth: sectionproperties.width + 'px',
+      maxWidth: sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: sectionproperties.widthresponsive + 'px',
+        maxWidth: sectionproperties.widthresponsive + 'px'
       }
     })
   };
   var Image = function Image(type) {
     var transition = false;
-    if (sectionproperties.showimagetransition == "Show" && type != "responsive") {
+    if (sectionproperties.showimagetransition == 'Show' && type != 'responsive') {
       transition = true;
     }
     return /*#__PURE__*/React.createElement("div", {
       "class": "w-100 cursor-pointer",
       style: {
-        position: "relative"
+        position: 'relative'
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-      "class": transition ? generalCardsStyles.intialimage : "",
+      "class": transition ? generalCardsStyles.intialimage : '',
       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,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
       style: _defineProperty(_defineProperty({
-        opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
-        width: sectionproperties.imageInnerWidth_Height + "%",
-        height: sectionproperties.imageInnerWidth_Height + "%",
-        objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain",
-        borderBottomLeftRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px" : 0,
-        borderBottomRightRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px" : 0,
-        borderTopLeftRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px" : 0,
-        borderTopRightRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px" : 0
-      }, "width", "100%"), "height", "100%"),
+        opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
+        width: sectionproperties.imageInnerWidth_Height + '%',
+        height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+        borderBottomLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px' : 0,
+        borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
+        borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
+        borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
+      }, "width", '100%'), "height", '100%'),
       loading: "lazy",
       onClick: function onClick() {
         setShowProductInfoModalContext(true);
@@ -91842,23 +91842,23 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       "class": generalCardsStyles.secondaryimage,
       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 + "/" + secondimage,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + secondimage,
       style: {
-        width: "100%",
-        height: "100%",
-        objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain",
-        borderBottomLeftRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px" : 0,
-        borderBottomRightRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px" : 0,
-        borderTopLeftRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px" : 0,
-        borderTopRightRadius: sectionproperties.bgcovercontain == "Cover" ? langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px" : 0
+        width: '100%',
+        height: '100%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+        borderBottomLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px' : 0,
+        borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
+        borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
+        borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
       },
       loading: "lazy",
       onClick: function onClick() {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    }), sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(card_cssstyles.wishlist_btn) + " wishlist_btn cursor-pointer ",
+    }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(card_cssstyles.wishlist_btn) + ' wishlist_btn cursor-pointer ',
       onClick: function onClick(e) {
         e.stopPropagation();
         addtofavoritescontext(item.productid);
@@ -91867,108 +91867,108 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       "class": "h-100 d-flex align-items-center justify-content-center"
     }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiFillStar$1, {
+    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
       size: sectionproperties.favBtnIconfontsize,
       style: {
         color: sectionproperties.activefaviconcolor
       }
-    }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaHeart$1, {
+    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
       size: sectionproperties.favBtnIconfontsize,
       style: {
         color: sectionproperties.activefaviconcolor
       }
     })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiOutlineStar, {
+    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
       size: sectionproperties.favBtnIconfontsize
-    }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaRegHeart, {
+    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
       size: sectionproperties.favBtnIconfontsize
-    })))), sectionproperties.showbadge == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+    })))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
       "class": "allcentered",
       style: {
-        position: "absolute",
-        top: sectionproperties.badge_top + "px",
-        left: sectionproperties.badge_right + "px",
-        width: sectionproperties.badge_width + "px",
-        height: sectionproperties.badge_height + "px",
+        position: 'absolute',
+        top: sectionproperties.badge_top + 'px',
+        left: sectionproperties.badge_right + 'px',
+        width: sectionproperties.badge_width + 'px',
+        height: sectionproperties.badge_height + 'px',
         background: sectionproperties.badge_bgcolor,
-        borderRadius: sectionproperties.badge_borderradius + "px"
+        borderRadius: sectionproperties.badge_borderradius + 'px'
       }
     }, /*#__PURE__*/React.createElement("p", {
-      "class": props.fontFamilyprops == "ASUL" ? " ASUL m-0 p-0 text-uppercase" : " m-0 p-0 text-uppercase",
+      "class": props.fontFamilyprops == 'ASUL' ? ' ASUL m-0 p-0 text-uppercase' : ' m-0 p-0 text-uppercase',
       style: {
         color: sectionproperties.badge_color,
-        fontSize: sectionproperties.badge_fontsize + "px"
+        fontSize: sectionproperties.badge_fontsize + 'px'
       }
-    }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
       "class": "allcentered",
       style: {
-        position: "absolute",
-        top: sectionproperties.pillpositionfromtop + "px",
-        left: sectionproperties.pillpositionfromright + "px",
-        width: sectionproperties.pillwidth + "px",
-        height: sectionproperties.pillheight + "px",
+        position: 'absolute',
+        top: sectionproperties.pillpositionfromtop + 'px',
+        left: sectionproperties.pillpositionfromright + 'px',
+        width: sectionproperties.pillwidth + 'px',
+        height: sectionproperties.pillheight + 'px',
         background: sectionproperties.pillbgcolor,
-        borderRadius: sectionproperties.pillborderBottomLeftRadius + "px"
+        borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
       }
-    }, sectionproperties.countertype == "Percentage" && /*#__PURE__*/React.createElement("p", {
+    }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0 text-uppercase",
       style: {
         color: sectionproperties.pillcolor,
-        fontSize: sectionproperties.pillfontSize + "px",
-        direction: "ltr"
+        fontSize: sectionproperties.pillfontSize + 'px',
+        direction: 'ltr'
       }
-    }, "-" + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + "%"), sectionproperties.countertype == "Value" && /*#__PURE__*/React.createElement("p", {
+    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0 text-uppercase",
       style: {
         color: sectionproperties.pillcolor,
-        fontSize: sectionproperties.pillfontSize + "px",
-        direction: "ltr"
+        fontSize: sectionproperties.pillfontSize + 'px',
+        direction: 'ltr'
       }
-    }, langdetect === "ar" ? "وفّر" : langdetect === "chin" ? "保存" : langdetect === "es" ? "Guardar" : langdetect === "fr" ? "Enregistrer" : langdetect === "rus" ? "Сохранить" : "Save", " ", langdetect != "ar" ? item.currencyname : "", " ", parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect != "ar" ? "" : item.currencyname)), sectionproperties.cartBtnShow == "Show" && /*#__PURE__*/React.createElement("button", {
-      "class": sectionproperties.transition == "Bottom" ? "".concat(card_cssstyles.cart_btn_bottom) + " cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom " : sectionproperties.transition == "Center" ? "".concat(card_cssstyles.cart_btn_center) + " cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center " : "".concat(card_cssstyles.cart_btn) + " cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ",
+    }, langdetect === 'ar' ? 'وفّر' : langdetect === 'chin' ? '保存' : langdetect === 'es' ? 'Guardar' : langdetect === 'fr' ? 'Enregistrer' : langdetect === 'rus' ? 'Сохранить' : 'Save', ' ', langdetect != 'ar' ? item.currencyname : '', " ", parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), ' ', langdetect != 'ar' ? '' : item.currencyname)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+      "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
       onClick: function onClick(e) {
         e.stopPropagation();
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
     }, /*#__PURE__*/React.createElement("span", {
-      "class": props.fontFamilyprops == "ASUL" ? "ASUL" : ""
-    }, langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
+      "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
+    }, langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0"
-    }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten)));
+    }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar)));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.sectiontypeprops2 == "vertical" ? "row m-0 w-100" : " ".concat(card_cssstyles.productoutercard),
+    "class": props.sectiontypeprops2 == 'vertical' ? 'row m-0 w-100' : " ".concat(card_cssstyles.productoutercard),
     style: {
-      paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.productcard) + " w-100 "
+    "class": "".concat(card_cssstyles.productcard) + ' w-100 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.showimagetransition == "Show" ? " ".concat(card_cssstyles.imageContainer, " ").concat(generalCardsStyles.imagecontainer) + " d-flex " : " ".concat(card_cssstyles.imageContainer, " ") + " allcentered "
-  }, Image("normal")), /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 text-center mt-2"
-  }, sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.showimagetransition == 'Show' ? " ".concat(card_cssstyles.imageContainer, " ").concat(generalCardsStyles.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.imageContainer, " ") + ' allcentered '
+  }, Image('normal')), /*#__PURE__*/React.createElement("div", {
+    "class": 'row m-0 w-100 text-center mt-2'
+  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": props.fontFamilyprops == "ASUL" && sectionproperties.prodNameFontWeight > 100 && sectionproperties.prodNameFontWeight < 600 ? "".concat(card_cssstyles.productNameStyles) + " p-0 m-0 wordbreak wordbreak1 text-center ASUL-400 " : props.fontFamilyprops == "ASUL" && sectionproperties.prodNameFontWeight > 600 ? "".concat(card_cssstyles.productNameStyles) + " p-0 m-0 wordbreak wordbreak1 text-center ASUL-700 " : "".concat(card_cssstyles.productNameStyles) + " p-0 m-0 wordbreak wordbreak1 text-center "
+    "class": props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 100 && sectionproperties.prodNameFontWeight < 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-400 ' : props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-700 ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
   }, item.name)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column",
     style: {
-      marginTop: sectionproperties.productpricemarginTop + "px"
+      marginTop: sectionproperties.productpricemarginTop + 'px'
     }
-  }, sectionproperties.prodPriceShow == "Show" && /*#__PURE__*/React.createElement("p", {
-    "class": props.fontFamilyprops == "ASUL" ? "".concat(card_cssstyles.productPricestyles) + " m-0 p-0 font-md-15 ASUL " : "".concat(card_cssstyles.productPricestyles) + " m-0 p-0 font-md-15 "
-  }, langdetect != "ar" ? "EGP" : "", " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != "ar" ? "" : "ج.م"), sectionproperties.prodsalePriceshow == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-    "class": props.fontFamilyprops == "ASUL" ? "".concat(card_cssstyles.productSalePricestyles) + " ASUL linethrough m-0 p-0 mr-2 ml-2 font-md-15 " : "".concat(card_cssstyles.productSalePricestyles) + "  linethrough m-0 p-0 mr-2 ml-2 font-md-15 "
-  }, langdetect != "ar" ? "EGP" : "", " ", item.defaultprice, " ", langdetect != "ar" ? "" : "ج.م")))));
+  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 ASUL ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 '
+  }, langdetect != 'ar' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+    "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productSalePricestyles) + ' ASUL linethrough m-0 p-0 mr-2 ml-2 font-md-15 ' : "".concat(card_cssstyles.productSalePricestyles) + '  linethrough m-0 p-0 mr-2 ml-2 font-md-15 '
+  }, langdetect != 'ar' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : 'ج.م')))));
 };
 
 var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: 0.3s !important;\r\n}\r\n\r\n.Productcard6-module_addbtn__x6bMd:hover {\r\n    transition: 0.3s;\r\n}\r\n";
@@ -95732,7 +95732,7 @@ var CardAll = function CardAll(props) {
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(props) {
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
@@ -95784,9 +95784,9 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
   }, [props.cardinfoitemprops]);
   var addtocartfunc = function addtocartfunc(type, quantity) {
     var addtocardpayloadobj = {
-      functype: "add",
+      functype: 'add',
       productid: item.productid,
-      variantid: "",
+      variantid: '',
       quantity: quantity
     };
     var runfunc = false;
@@ -95795,13 +95795,13 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
-          NotificationManager.warning("", langdetect != "ar" ? "Please Choose Product Options" : "من فضلك اختر متغير");
+          NotificationManager.warning('', langdetect != 'ar' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
         }
       } else {
         runfunc = true;
       }
     } else {
-      NotificationManager.warning("", langdetect != "ar" ? "Please Choose Quantity" : "من فضلك اختر الكمية");
+      NotificationManager.warning('', langdetect != 'ar' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
     }
     if (runfunc == true) {
       AddtoCartContext(addtocardpayloadobj);
@@ -95812,7 +95812,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       var _AddtoCartMutationCon;
       if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
         return /*#__PURE__*/React.createElement("div", {
-          "class": " d-flex align-items-center justify-content-center "
+          "class": ' d-flex align-items-center justify-content-center '
         }, /*#__PURE__*/React.createElement(CircularProgress, {
           color: sectionproperties.quantitybtn_textcolor,
           width: "20px",
@@ -95829,353 +95829,353 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
   };
   var card_cssstyles = {
     productcard: css({
-      minWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.width + "px",
-      maxWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.width + "px",
-      "@media (max-width: 800px)": {
-        minWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.widthresponsive + "px",
-        maxWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.widthresponsive + "px"
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+        maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
     productcardimagecont: css({
-      position: "relative",
-      overflow: "hidden",
-      height: sectionproperties.image_height + "px",
-      background: sectionproperties.image_bgtransparent == "Transparent" ? "transparent" : sectionproperties.image_bgcolor,
-      border: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
-      transition: ".3s"
+      position: 'relative',
+      overflow: 'hidden',
+      height: sectionproperties.image_height + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
+      transition: '.3s'
     }),
     productNameStyles: css({
       color: sectionproperties.prodNameColor,
-      fontSize: sectionproperties.prodNameFontSize + "px",
+      fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,
-      transition: ".3s",
-      cursor: "pointer",
-      ":hover": {
+      transition: '.3s',
+      cursor: 'pointer',
+      ':hover': {
         color: sectionproperties.prodNameColorOnHover
       }
     }),
     productPricestyles: css({
       color: sectionproperties.prodPriceColor,
-      fontSize: sectionproperties.prodpriceFontSize + "px",
+      fontSize: sectionproperties.prodpriceFontSize + 'px',
       fontWeight: sectionproperties.prodPriceFontWeight
     }),
     productSalePricestyles: css({
       color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + "px",
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }),
     wishlist_btn: css({
-      width: sectionproperties.favBtnWidth + "px",
-      height: sectionproperties.favBtnHeight + "px",
-      background: sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.favBtnbgColor,
-      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + "px",
-      border: sectionproperties.favbtnborderwidth + "px solid " + sectionproperties.favbtnbordercolor,
+      width: sectionproperties.favBtnWidth + 'px',
+      height: sectionproperties.favBtnHeight + 'px',
+      background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
+      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
+      border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
       color: sectionproperties.favBtniconcolor,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.favbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.favBtnbgColoronhover,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
         color: sectionproperties.favBtnTextcoloronhover
       }
     }),
     cart_btn: css({
-      position: "absolute",
+      position: 'absolute',
       bottom: 10,
       right: 10,
-      width: sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + "px",
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
       zIndex: 100,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     outstockbadge: css({
-      position: "absolute",
-      top: sectionproperties.outstock_top + "px",
-      left: langdetect != "ar" ? sectionproperties.outstock_right + "px" : "",
-      right: langdetect != "ar" ? "" : sectionproperties.outstock_right + "px",
-      width: sectionproperties.outstock_width + "px",
-      height: sectionproperties.outstock_height + "px",
+      position: 'absolute',
+      top: sectionproperties.outstock_top + 'px',
+      left: langdetect != 'ar' ? sectionproperties.outstock_right + 'px' : '',
+      right: langdetect != 'ar' ? '' : sectionproperties.outstock_right + 'px',
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
       background: sectionproperties.outstock_bg,
       color: sectionproperties.outstock_color,
-      fontSize: sectionproperties.outstock_fontSize + "px",
-      borderRadius: sectionproperties.outstock_borderradius + "px",
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
       zIndex: 2
     }),
     outstockbadgecentered: css({
-      position: "absolute",
+      position: 'absolute',
       top: 0,
       bottom: 0,
       left: 0,
       right: 0,
-      margin: "auto",
-      width: sectionproperties.outstock_width + "px",
-      height: sectionproperties.outstock_height + "px",
+      margin: 'auto',
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
       background: sectionproperties.outstock_bg,
       color: sectionproperties.outstock_color,
-      fontSize: sectionproperties.outstock_fontSize + "px",
-      borderRadius: sectionproperties.outstock_borderradius + "px",
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
       zIndex: 2
     }),
     quantity: css({
       color: sectionproperties.quantitycolor,
-      fontSize: sectionproperties.quantityfontsize + "px",
+      fontSize: sectionproperties.quantityfontsize + 'px',
       fontWeight: sectionproperties.quantityfontweight
     }),
     quantitybtn: css({
-      height: sectionproperties.quantitybtn_height + "px",
-      width: sectionproperties.quantitybtn_width + "px",
-      display: "flex",
-      flexDirection: "row",
-      overflow: "hidden",
-      borderRadius: sectionproperties.quantitybtn_borderradius + "px",
+      height: sectionproperties.quantitybtn_height + 'px',
+      width: sectionproperties.quantitybtn_width + 'px',
+      display: 'flex',
+      flexDirection: 'row',
+      overflow: 'hidden',
+      borderRadius: sectionproperties.quantitybtn_borderradius + 'px',
       background: sectionproperties.quantitybtn_bgcolor,
-      alignItems: "center",
-      justifyContent: "center",
+      alignItems: 'center',
+      justifyContent: 'center',
       margin: 0,
-      position: "relative",
+      position: 'relative',
       fontWeight: sectionproperties.quantitybtn_textfontweight,
       color: sectionproperties.quantitybtn_textcolor,
-      fontSize: sectionproperties.quantitybtn_textfontsize + "px",
-      border: sectionproperties.quantitybtnborderwidth + "px solid " + sectionproperties.quantitybtnbordercolor,
+      fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+      border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
       zIndex: 100
     }),
     quantitybtn_text: css({
-      margin: "auto"
+      margin: 'auto'
     }),
     add_quantitybtn_icon_container: css({
-      position: "relative",
-      width: sectionproperties.add_quantitybtn_width + "px",
-      height: sectionproperties.add_quantitybtn_height + "px",
+      position: 'relative',
+      width: sectionproperties.add_quantitybtn_width + 'px',
+      height: sectionproperties.add_quantitybtn_height + 'px',
       background: sectionproperties.add_quantitybtn_bgcolor,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.add_quantitybtn_leftborderradius + "px" : sectionproperties.add_quantitybtn_rightborderradius + "px",
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.add_quantitybtn_leftborderradius + "px" : sectionproperties.add_quantitybtn_rightborderradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.add_quantitybtn_rightborderradius + "px" : sectionproperties.add_quantitybtn_leftborderradius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.add_quantitybtn_rightborderradius + "px" : sectionproperties.add_quantitybtn_leftborderradius + "px",
-      fontSize: sectionproperties.add_quantitybtn_textfontsize + "px",
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
+      fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
       color: sectionproperties.add_quantitybtn_textcolor,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.add_quantitybtn_textcoloronhover,
         background: sectionproperties.add_quantitybtn_bgcoloronhover
       },
-      ":hover .addbtn": {
+      ':hover .addbtn': {
         color: sectionproperties.add_quantitybtn_textcoloronhover,
-        transition: ".3s"
+        transition: '.3s'
       }
     }),
     minus_quantitybtn_icon_container: css({
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: sectionproperties.remove_quantitybtn_width + "px",
-      height: sectionproperties.remove_quantitybtn_height + "px",
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: sectionproperties.remove_quantitybtn_width + 'px',
+      height: sectionproperties.remove_quantitybtn_height + 'px',
       background: sectionproperties.remove_quantitybtn_bgcolor,
-      fontSize: sectionproperties.remove_quantitybtn_textfontsize + "px",
+      fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px',
       color: sectionproperties.remove_quantitybtn_textcolor,
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.remove_quantitybtn_leftborderradius + "px" : sectionproperties.remove_quantitybtn_rightborderradius + "px",
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.remove_quantitybtn_leftborderradius + "px" : sectionproperties.remove_quantitybtn_rightborderradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.remove_quantitybtn_rightborderradius + "px" : sectionproperties.remove_quantitybtn_leftborderradius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.remove_quantitybtn_rightborderradius + "px" : sectionproperties.remove_quantitybtn_leftborderradius + "px",
-      transition: ".3s",
-      ":hover": {
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.remove_quantitybtn_textcoloronhover,
         background: sectionproperties.remove_quantitybtn_bgcoloronhover
       },
-      ":hover .minusbtn": {
-        transition: ".3s",
+      ':hover .minusbtn': {
+        transition: '.3s',
         color: sectionproperties.remove_quantitybtn_textcoloronhover
       }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.sectiontypeprops2 == "vertical" ? "".concat(card_cssstyles.productcard) + " w-100 " : " ".concat(card_cssstyles.productcard),
+    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
     style: {
-      paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": " cursor-pointer w-100 ",
+    "class": ' cursor-pointer w-100 ',
     style: {
       background: sectionproperties.backgroundColor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
-      marginTop: sectionproperties.marginTop + "px",
-      marginBottom: sectionproperties.marginBottom + "px",
-      border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
-      paddingTop: sectionproperties.paddingTop + "px",
-      paddingBottom: sectionproperties.paddingBottom + "px",
-      paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
-      transition: ".3s"
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      transition: '.3s'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "w-100",
     style: {
-      position: "relative"
+      position: 'relative'
     }
-  }, sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React.createElement("button", {
-    "class": " ".concat(card_cssstyles.wishlist_btn) + " m-0 p-0 d-flex align-items-center justify-content-center ",
+  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+    "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
     onClick: function onClick(e) {
       e.stopPropagation();
       addtofavoritescontext(item.productid);
     },
     style: {
       zIndex: 2,
-      position: "absolute",
+      position: 'absolute',
       top: 5,
-      right: langdetect != "ar" ? 5 : "",
-      left: langdetect != "ar" ? "" : 5,
-      background: item.IsFavExists == true ? sectionproperties.favbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.activebgcolor : ""
+      right: langdetect != 'ar' ? 5 : '',
+      left: langdetect != 'ar' ? '' : 5,
+      background: item.IsFavExists == true ? sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.activebgcolor : ''
     }
   }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiFillStar$1, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaHeart$1, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React.createElement(AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React.createElement(FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == "Show" && /*#__PURE__*/React.createElement("div", {
+  }))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "align-items-center justify-content-center font-weight-500",
     style: {
       zIndex: 2,
-      position: "absolute",
-      top: sectionproperties.badge_top + "px",
-      left: langdetect != "ar" ? sectionproperties.badge_right + "px" : "",
-      right: langdetect != "ar" ? "" : sectionproperties.badge_right + "px",
-      width: sectionproperties.badge_width + "px",
-      height: sectionproperties.badge_height + "px",
+      position: 'absolute',
+      top: sectionproperties.badge_top + 'px',
+      left: langdetect != 'ar' ? sectionproperties.badge_right + 'px' : '',
+      right: langdetect != 'ar' ? '' : sectionproperties.badge_right + 'px',
+      width: sectionproperties.badge_width + 'px',
+      height: sectionproperties.badge_height + 'px',
       background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + "px",
-      display: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == "Replace" ? "none" : "flex"
+      borderRadius: sectionproperties.badge_borderradius + 'px',
+      display: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == 'Replace' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + "px"
+      fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "align-items-center justify-content-center",
     style: {
       zIndex: 2,
-      position: "absolute",
-      top: sectionproperties.pillpositionfromtop + "px",
-      left: langdetect != "ar" ? sectionproperties.pillpositionfromright + "px" : "",
-      right: langdetect != "ar" ? "" : sectionproperties.pillpositionfromright + "px",
-      width: sectionproperties.pillwidth + "px",
-      height: sectionproperties.pillheight + "px",
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: langdetect != 'ar' ? sectionproperties.pillpositionfromright + 'px' : '',
+      right: langdetect != 'ar' ? '' : sectionproperties.pillpositionfromright + 'px',
+      width: sectionproperties.pillwidth + 'px',
+      height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
-      borderRadius: sectionproperties.pillborderBottomLeftRadius + "px",
-      display: item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == "Replace" ? "none" : "flex"
+      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
+      display: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == 'Replace' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
       color: sectionproperties.pillcolor,
-      fontSize: sectionproperties.pillfontSize + "px",
-      direction: "ltr"
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
     }
-  }, "-" + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + "%")), /*#__PURE__*/React.createElement("div", {
+  }, '-' + 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() {
-      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == "Product Information") {
+      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-flex align-items-center justify-content-center d-md-none ",
+    "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"
+      marginBottom: sectionproperties.image_mb + 'px'
     }
-  }, item.image != "" && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+  }, 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,
+    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"
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      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") {
+      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 ",
+    "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 + "px"
+      marginBottom: sectionproperties.image_mb + 'px',
+      height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px'
     }
-  }, item.image != "" && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+  }, 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,
+    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"
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  })), item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && sectionproperties.outofstock_centered == "Not centered" && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.outstockbadge) + " allcentered "
+  })), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Not centered' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten)), item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0 && sectionproperties.outofstock_centered == "Centered" && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.outstockbadgecentered) + " allcentered "
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Centered' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadgecentered) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, sectionproperties["outstock_content".concat(en)] || sectionproperties.outstock_contenten)), sectionproperties.cartBtnShow == "Show" && showquantity == false && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.cart_btn) + " m-0 p-0 d-flex align-items-center justify-content-center mt-1 ",
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar)), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
-      if (sectionproperties.quantitybtn_show == "Show" && showquantity == false) {
+      if (sectionproperties.quantitybtn_show == 'Show' && showquantity == false) {
         setshowquantity(true);
         if (item.hasvariants == 0) {
           var tempitem = _objectSpread$2({}, item);
           tempitem.quantity = 1;
           setitem(_objectSpread$2({}, tempitem));
-          addtocartfunc("add", tempitem.quantity);
+          addtocartfunc('add', tempitem.quantity);
         }
       } else {
-        if (item.currentquantity < 1 && sectionproperties.showoutofstock == "Show" && item.quantavailtype == "limit" && item.hasvariants == 0) {
-          NotificationManager.warning("", langdetect != "ar" ? "Sold Out" : "نفذت الكمية");
+        if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+          NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
         } else {
           setShowProductInfoModalContext(true);
           setProductIdProdutInfoModalContext(item.productid);
@@ -96183,36 +96183,36 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       }
     }
   }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered"
-  }, sectionproperties.carticonstyle == "Shopping bag 1" && /*#__PURE__*/React.createElement(FiShoppingBag, {
+    "class": 'h-100 allcentered'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 2" && /*#__PURE__*/React.createElement(CgShoppingBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 3" && /*#__PURE__*/React.createElement(BsBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 4" && /*#__PURE__*/React.createElement(RiHandbagLine, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 1" && /*#__PURE__*/React.createElement(FiShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 2" && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Plus Icon" && /*#__PURE__*/React.createElement(HiOutlinePlus, {
+  }), sectionproperties.carticonstyle == 'Plus Icon' && /*#__PURE__*/React.createElement(HiOutlinePlus, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), showquantity == true && sectionproperties.quantitybtn_show == "Show" && /*#__PURE__*/React.createElement("div", {
+  }))), showquantity == true && sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-end",
     style: {
-      position: "absolute",
+      position: 'absolute',
       bottom: 10,
       right: 10
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.quantitybtn) + " p-0 d-flex align-items-center justify-content-center ",
+    "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ',
     style: {
-      direction: "ltr"
+      direction: 'ltr'
     }
   }, /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
@@ -96225,7 +96225,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
           tempitem.quantity = 0;
         }
         setitem(_objectSpread$2({}, tempitem));
-        addtocartfunc("add", tempitem.quantity);
+        addtocartfunc('add', tempitem.quantity);
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
@@ -96235,7 +96235,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered minusbtn"
   }, /*#__PURE__*/React.createElement(FiMinus, null))), /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(card_cssstyles.quantitybtn_text) + " d-flex align-items-center justify-content-center "
+    "class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
   }, addtocartbuttonrender()), /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
     onClick: function onClick() {
@@ -96247,7 +96247,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
           tempitem.quantity = 0;
         }
         setitem(_objectSpread$2({}, tempitem));
-        addtocartfunc("add", tempitem.quantity);
+        addtocartfunc('add', tempitem.quantity);
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
@@ -96262,27 +96262,27 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
     "class": "col-lg-12 p-0 mb-1"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
-  }, sectionproperties.prodPriceShow == "Show" && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productPricestyles) + " m-0 "
-  }, langdetect != "ar" ? "EGP" : "", " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != "ar" ? "" : "ج.م"), sectionproperties.prodsalePriceshow == "Show" && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
+  }, langdetect != 'ar' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     "class": " d-flex align-items-center justify-content-center p-0 mb-0"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productSalePricestyles) + " linethrough m-0 mr-2 ml-2 "
-  }, langdetect != "ar" ? "EGP" : "", " ", item.defaultprice, " ", langdetect != "ar" ? "" : "ج.م")))), sectionproperties.prodNameShow == "Show" && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
+  }, langdetect != 'ar' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : 'ج.م')))), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": sectionproperties.wordbreak == "1" ? "".concat(card_cssstyles.productNameStyles) + "  wordbreak wordbreak1 m-0 " : "".concat(card_cssstyles.productNameStyles) + "  wordbreak wordbreak2 m-0 ",
+    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 m-0 ' : "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak2 m-0 ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
-      height: sectionproperties.wordbreak == "2" ? "6vh" : "auto"
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
+      height: sectionproperties.wordbreak == '2' ? '6vh' : 'auto'
     }
-  }, item.name)), sectionproperties.quantityshow == "Show" && item.quantity != null && /*#__PURE__*/React.createElement("div", {
+  }, item.name)), sectionproperties.quantityshow == 'Show' && item.quantity != null && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.quantity) + "  m-0 "
+    "class": "".concat(card_cssstyles.quantity) + '  m-0 '
   }, item.measurmentunit))))));
 };