tabexseriescomponents 0.0.442 → 0.0.443

package/dist/index.cjs.js

@@ -5584,8 +5584,6 @@ var Productinfo = function Productinfo(props) {
       if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hasvariants) == 1) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
-        } else {
-          NotificationManager.warning('', 'Please Choose Product Options');
         }
       } else {
         runfunc = true;
@@ -15805,7 +15803,12 @@ var Filter$1 = function Filter(props) {
           className: "h-100 d-flex align-items-center"
         }))), /*#__PURE__*/React__default["default"].createElement("div", {
           className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
+        }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
+          className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+          style: {
+            color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+          }
+        }, valueitem.value_identifier), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
           className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
           style: {
             color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
@@ -17555,7 +17558,7 @@ var CardsSection = function CardsSection(props) {
     setopenFilterSlider: setopenFilterSlider,
     show_product_group_titles: show_product_group_titles
   })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'col-lg-3 d-flex'
+    className: 'col-lg-3 d-flex d-md-none'
   }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
@@ -18706,7 +18709,11 @@ var MarqueeHeader = function MarqueeHeader(props) {
     "class": "d-flex flex-row align-items-center"
   }, textarray.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
+      "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+      style: {
+        marginLeft: 200,
+        marginRight: 200
+      }
     }, langdetect == 'en' ? item.textEnglish : item.textArabic);
   }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
@@ -58578,16 +58585,19 @@ var Slideshowzoom = function Slideshowzoom(props) {
   };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6' : 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0',
+      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6 px-5' : 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 px-5'
+      // style={{ position: 'absolute', top: cardarrayofobjs.length != 0 ? '40%' : '50%', zIndex: 2 }}
+      ,
       style: {
         position: 'absolute',
-        top: cardarrayofobjs.length != 0 ? '40%' : '50%',
-        zIndex: 2
+        bottom: 40,
+        zIndex: 2,
+        width: '50%'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+      "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered mb-1' : 'col-lg-12 mb-1 '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "m-0 p-0 wordbreak PacificoFont",
+      className: "m-0 p-0 wordbreak",
       style: {
         fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
         color: sectionproperties.slideshowText1ContentColor,
@@ -58595,7 +58605,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.titleen : item.titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+      "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "m-0 p-0 wordbreak",
       style: {
@@ -58614,11 +58624,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
-      size: 20
-    }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack.IoIosArrowRoundBack, {
-      size: 20
-    }))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -63633,11 +63639,15 @@ var Card23 = function Card23(props) {
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      transition: 'all, 0.4s',
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
         right: 10,
         transform: "translateX(0px)"
+      },
+      ':hover': {
+        boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
       }
     }),
     iconsContainer2: glamor.css({
@@ -63719,10 +63729,10 @@ var Card23 = function Card23(props) {
       },
       loading: "lazy",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-        // setShowProductInfoModalContext(true);
+        if (sectionproperties.hideshowcardtransition != 'Show') {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        } // setShowProductInfoModalContext(true);
         // setProductIdProdutInfoModalContext(item.productid);
       }
     }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -63741,9 +63751,10 @@ var Card23 = function Card23(props) {
       },
       loading: "lazy",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
+        if (sectionproperties.hideshowcardtransition == 'Show') {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
         // setShowProductInfoModalContext(true);
         // setProductIdProdutInfoModalContext(item.productid);
       }
@@ -63877,7 +63888,8 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63915,7 +63927,8 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63928,18 +63941,16 @@ var Card23 = function Card23(props) {
       paddingBottom: sectionproperties.paddingBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
+    "class":
+    // sectionproperties.hideshowcardtransition == 'Show'
+    //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
+    //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
+    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
     style: {
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
-    style: {
-      height: sectionproperties.height_responsive + 'px',
-      marginBottom: sectionproperties.image_mb + 'px'
-    }
-  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -64036,8 +64047,7 @@ var Card23 = function Card23(props) {
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex align-items-center justify-content-center"
@@ -71544,10 +71554,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
     }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       "class": cardstyles$7.secondaryimage,
@@ -71559,17 +71565,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-        // setShowProductInfoModalContext(true);
-        // setProductIdProdutInfoModalContext(item.productid);
       }
     }));
   };
+  var _useState7 = React.useState(0),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    clickCount = _useState8[0],
+    setClickCount = _useState8[1];
+  var handleClick = function handleClick() {
+    // Increase the click count by 1
+    setClickCount(function (prevCount) {
+      return prevCount + 1;
+    });
+
+    // Check if it's the second click
+    if (clickCount === 1) {
+      // Do whatever you want on the second click
 
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
@@ -71685,9 +71700,21 @@ var Simpleproductcard = function Simpleproductcard(props) {
       direction: 'ltr'
     }
   }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
+    style: {
+      marginBottom: sectionproperties.image_mb + 'px'
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-none d-md-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-none d-md-flex ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
+    },
+    onClick: function onClick(e) {
+      handleClick();
     }
   }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '

package/dist/index.esm.js

@@ -5535,8 +5535,6 @@ var Productinfo = function Productinfo(props) {
       if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hasvariants) == 1) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
-        } else {
-          NotificationManager.warning('', 'Please Choose Product Options');
         }
       } else {
         runfunc = true;
@@ -15756,7 +15754,12 @@ var Filter$1 = function Filter(props) {
           className: "h-100 d-flex align-items-center"
         }))), /*#__PURE__*/React.createElement("div", {
           className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-        }, /*#__PURE__*/React.createElement("p", {
+        }, item.optionname == 'Color' && /*#__PURE__*/React.createElement("p", {
+          className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+          style: {
+            color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+          }
+        }, valueitem.value_identifier), item.optionname != 'Color' && /*#__PURE__*/React.createElement("p", {
           className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
           style: {
             color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
@@ -17506,7 +17509,7 @@ var CardsSection = function CardsSection(props) {
     setopenFilterSlider: setopenFilterSlider,
     show_product_group_titles: show_product_group_titles
   })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
-    className: 'col-lg-3 d-flex'
+    className: 'col-lg-3 d-flex d-md-none'
   }, /*#__PURE__*/React.createElement(Filter$1, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
@@ -18657,7 +18660,11 @@ var MarqueeHeader = function MarqueeHeader(props) {
     "class": "d-flex flex-row align-items-center"
   }, textarray.map(function (item, index) {
     return /*#__PURE__*/React.createElement("p", {
-      "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
+      "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+      style: {
+        marginLeft: 200,
+        marginRight: 200
+      }
     }, langdetect == 'en' ? item.textEnglish : item.textArabic);
   }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React.createElement("div", {
     "class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
@@ -58529,16 +58536,19 @@ var Slideshowzoom = function Slideshowzoom(props) {
   };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
     return /*#__PURE__*/React.createElement("div", {
-      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6' : 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0',
+      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6 px-5' : 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 px-5'
+      // style={{ position: 'absolute', top: cardarrayofobjs.length != 0 ? '40%' : '50%', zIndex: 2 }}
+      ,
       style: {
         position: 'absolute',
-        top: cardarrayofobjs.length != 0 ? '40%' : '50%',
-        zIndex: 2
+        bottom: 40,
+        zIndex: 2,
+        width: '50%'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+      "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered mb-1' : 'col-lg-12 mb-1 '
     }, /*#__PURE__*/React.createElement("p", {
-      className: "m-0 p-0 wordbreak PacificoFont",
+      className: "m-0 p-0 wordbreak",
       style: {
         fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
         color: sectionproperties.slideshowText1ContentColor,
@@ -58546,7 +58556,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? item.titleen : item.titlear)), /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+      "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 '
     }, /*#__PURE__*/React.createElement("p", {
       className: "m-0 p-0 wordbreak",
       style: {
@@ -58565,11 +58575,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(IoIosArrowRoundForward, {
-      size: 20
-    }) : /*#__PURE__*/React.createElement(IoIosArrowRoundBack, {
-      size: 20
-    }))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -63584,11 +63590,15 @@ var Card23 = function Card23(props) {
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      transition: 'all, 0.4s',
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
         right: 10,
         transform: "translateX(0px)"
+      },
+      ':hover': {
+        boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
       }
     }),
     iconsContainer2: css({
@@ -63670,10 +63680,10 @@ var Card23 = function Card23(props) {
       },
       loading: "lazy",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-        // setShowProductInfoModalContext(true);
+        if (sectionproperties.hideshowcardtransition != 'Show') {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        } // setShowProductInfoModalContext(true);
         // setProductIdProdutInfoModalContext(item.productid);
       }
     }), transition && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
@@ -63692,9 +63702,10 @@ var Card23 = function Card23(props) {
       },
       loading: "lazy",
       onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
+        if (sectionproperties.hideshowcardtransition == 'Show') {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
         // setShowProductInfoModalContext(true);
         // setProductIdProdutInfoModalContext(item.productid);
       }
@@ -63828,7 +63839,8 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63866,7 +63878,8 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63879,18 +63892,16 @@ var Card23 = function Card23(props) {
       paddingBottom: sectionproperties.paddingBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
+    "class":
+    // sectionproperties.hideshowcardtransition == 'Show'
+    //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
+    //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
+    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
     style: {
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('normal')), /*#__PURE__*/React.createElement("div", {
-    "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
-    style: {
-      height: sectionproperties.height_responsive + 'px',
-      marginBottom: sectionproperties.image_mb + 'px'
-    }
-  }, Image('responsive')), /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -63987,8 +63998,7 @@ var Card23 = function Card23(props) {
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "d-flex align-items-center justify-content-center"
@@ -71495,10 +71505,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
     }), transition && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       "class": cardstyles$7.secondaryimage,
@@ -71510,17 +71516,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-        // setShowProductInfoModalContext(true);
-        // setProductIdProdutInfoModalContext(item.productid);
       }
     }));
   };
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    clickCount = _useState8[0],
+    setClickCount = _useState8[1];
+  var handleClick = function handleClick() {
+    // Increase the click count by 1
+    setClickCount(function (prevCount) {
+      return prevCount + 1;
+    });
+
+    // Check if it's the second click
+    if (clickCount === 1) {
+      // Do whatever you want on the second click
 
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
@@ -71636,9 +71651,21 @@ var Simpleproductcard = function Simpleproductcard(props) {
       direction: 'ltr'
     }
   }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
+    style: {
+      marginBottom: sectionproperties.image_mb + 'px'
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  }, Image('normal')), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-none d-md-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-none d-md-flex ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
+    },
+    onClick: function onClick(e) {
+      handleClick();
     }
   }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '

package/dist/index.umd.js

@@ -5410,8 +5410,6 @@
           if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hasvariants) == 1) {
             if (addtocardpayloadobj.variantid.length != 0) {
               runfunc = true;
-            } else {
-              NotificationManager.warning('', 'Please Choose Product Options');
             }
           } else {
             runfunc = true;
@@ -15631,7 +15629,12 @@
               className: "h-100 d-flex align-items-center"
             }))), /*#__PURE__*/React__default["default"].createElement("div", {
               className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-            }, /*#__PURE__*/React__default["default"].createElement("p", {
+            }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
+              className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+              style: {
+                color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+              }
+            }, valueitem.value_identifier), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
               className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
               style: {
                 color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
@@ -17381,7 +17384,7 @@
         setopenFilterSlider: setopenFilterSlider,
         show_product_group_titles: show_product_group_titles
       })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: 'col-lg-3 d-flex'
+        className: 'col-lg-3 d-flex d-md-none'
       }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
         sectionpropertiesprops: sectionproperties,
         actions: actions,
@@ -18532,7 +18535,11 @@
         "class": "d-flex flex-row align-items-center"
       }, textarray.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
+          "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+          style: {
+            marginLeft: 200,
+            marginRight: 200
+          }
         }, langdetect == 'en' ? item.textEnglish : item.textArabic);
       }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
@@ -58404,16 +58411,19 @@
       };
       var SlideShowTextContainer = function SlideShowTextContainer(item) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6' : 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0',
+          "class": cardarrayofobjs.length != 0 ? 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6 px-5' : 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 px-5'
+          // style={{ position: 'absolute', top: cardarrayofobjs.length != 0 ? '40%' : '50%', zIndex: 2 }}
+          ,
           style: {
             position: 'absolute',
-            top: cardarrayofobjs.length != 0 ? '40%' : '50%',
-            zIndex: 2
+            bottom: 40,
+            zIndex: 2,
+            width: '50%'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+          "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered mb-1' : 'col-lg-12 mb-1 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "m-0 p-0 wordbreak PacificoFont",
+          className: "m-0 p-0 wordbreak",
           style: {
             fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
             color: sectionproperties.slideshowText1ContentColor,
@@ -58421,7 +58431,7 @@
             textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
           }
         }, langdetect == 'en' ? item.titleen : item.titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+          "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: "m-0 p-0 wordbreak",
           style: {
@@ -58440,11 +58450,7 @@
           style: {
             direction: langdetect == 'en' ? 'ltr' : 'rtl'
           }
-        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
-          size: 20
-        }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack.IoIosArrowRoundBack, {
-          size: 20
-        }))));
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
@@ -63459,11 +63465,15 @@
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+          transition: 'all, 0.4s',
           ':hover .iconsContainer': {
             opacity: 1,
             transition: 'all, 0.4s',
             right: 10,
             transform: "translateX(0px)"
+          },
+          ':hover': {
+            boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
           }
         }),
         iconsContainer2: glamor.css({
@@ -63545,10 +63555,10 @@
           },
           loading: "lazy",
           onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-            // setShowProductInfoModalContext(true);
+            if (sectionproperties.hideshowcardtransition != 'Show') {
+              e.stopPropagation();
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+            } // setShowProductInfoModalContext(true);
             // setProductIdProdutInfoModalContext(item.productid);
           }
         }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -63567,9 +63577,10 @@
           },
           loading: "lazy",
           onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
+            if (sectionproperties.hideshowcardtransition == 'Show') {
+              e.stopPropagation();
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+            }
             // setShowProductInfoModalContext(true);
             // setProductIdProdutInfoModalContext(item.productid);
           }
@@ -63703,7 +63714,8 @@
         "class": " ".concat(cardsstyles2.showmodal),
         onClick: function onClick(e) {
           e.stopPropagation();
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          setShowProductInfoModalContext(true);
+          setProductIdProdutInfoModalContext(item.productid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63741,7 +63753,8 @@
         "class": " ".concat(cardsstyles2.showmodal),
         onClick: function onClick(e) {
           e.stopPropagation();
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          setShowProductInfoModalContext(true);
+          setProductIdProdutInfoModalContext(item.productid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63754,18 +63767,16 @@
           paddingBottom: sectionproperties.paddingBottom + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
+        "class":
+        // sectionproperties.hideshowcardtransition == 'Show'
+        //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
+        //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
+        sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
         style: {
           height: sectionproperties.image_height + 'px',
           marginBottom: sectionproperties.image_mb + 'px'
         }
       }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
-        style: {
-          height: sectionproperties.height_responsive + 'px',
-          marginBottom: sectionproperties.image_mb + 'px'
-        }
-      }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
         style: {
           paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -63862,8 +63873,7 @@
       }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
         onClick: function onClick() {
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex align-items-center justify-content-center"
@@ -71370,10 +71380,6 @@
             width: sectionproperties.imageInnerWidth_Height + '%',
             height: sectionproperties.imageInnerWidth_Height + '%',
             objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-          },
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
           }
         }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
           "class": cardstyles$7.secondaryimage,
@@ -71385,17 +71391,26 @@
             width: sectionproperties.imageInnerWidth_Height + '%',
             height: sectionproperties.imageInnerWidth_Height + '%',
             objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-          },
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-            // setShowProductInfoModalContext(true);
-            // setProductIdProdutInfoModalContext(item.productid);
           }
         }));
       };
+      var _useState7 = React.useState(0),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        clickCount = _useState8[0],
+        setClickCount = _useState8[1];
+      var handleClick = function handleClick() {
+        // Increase the click count by 1
+        setClickCount(function (prevCount) {
+          return prevCount + 1;
+        });
+
+        // Check if it's the second click
+        if (clickCount === 1) {
+          // Do whatever you want on the second click
 
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
         style: {
@@ -71511,9 +71526,21 @@
           direction: 'ltr'
         }
       }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
+        "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
+        style: {
+          marginBottom: sectionproperties.image_mb + 'px'
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
+      }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-none d-md-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-none d-md-flex ',
         style: {
           marginBottom: sectionproperties.image_mb + 'px'
+        },
+        onClick: function onClick(e) {
+          handleClick();
         }
       }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.442",
+    "version": "0.0.443",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {