tabexseriescomponents 0.0.230 → 0.0.232

package/dist/index.cjs.js

@@ -2076,9 +2076,9 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 1), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', getprice_discountpriceprops('defaultsaleprice', 1), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', parseFloat(getprice_discountpriceprops('defaultsaleprice', 1)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -2089,7 +2089,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-2 mr-2"
-  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 1), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
@@ -2428,7 +2428,7 @@ var Service_itemtype = function Service_itemtype(props) {
       width: '100%',
       background: '#eee'
     },
-    "class": productinfo_cssstyles.before + ' before '
+    "class": langdetect == 'en' ? productinfo_cssstyles.before + ' before ' : productinfo_cssstyles.before + ' beforear '
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
@@ -3275,7 +3275,7 @@ var Productinfo = function Productinfo(props) {
     var _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _authdetailsContext$i5, _authdetailsContext$i6;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
-    }, sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 p-0 w-100 d-flex align-items-center mb-4"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": productinfo_cssstyles.iconContainer
@@ -3295,7 +3295,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo2 == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 p-0 d-flex align-items-center mb-4"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": productinfo_cssstyles.iconContainer
@@ -16785,7 +16785,7 @@ var Header8 = function Header8(props) {
       });
     });
     setpcollarray(_toConsumableArray__default["default"](temppcollarray));
-  }, []);
+  }, [authdetailsContext]);
   var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
     var _fetchedarray$Choosen, _fetchedarray$Choosen2, _fetchedarray$Choosen3, _fetchedarray$Choosen4, _pcollarray$Choosenin, _pcollarray$Choosenin2, _pcollarray$Choosenin3;
     var parentclassname = '';
@@ -16939,7 +16939,7 @@ var Header8 = function Header8(props) {
       height: sectionproperties.vl_height + 'px',
       width: sectionproperties.vl_width + '%',
       backgroundColor: sectionproperties.vl_bg,
-      zIndex: 100
+      zIndex: 1
     }),
     searchbarcont: glamor.css({
       position: 'relative',
@@ -17249,7 +17249,8 @@ var Header8 = function Header8(props) {
       borderTopRightRadius: langdetect == 'en' ? 0 : '',
       borderBottomRightRadius: langdetect == 'en' ? 0 : '',
       borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
-      borderTopLeftRadius: langdetect == 'ar' ? 0 : ''
+      borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
+      zIndex: 100
     }
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
@@ -33774,24 +33775,44 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
     }))))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      background: sectionproperties.backgroundColor
+      paddingLeft: sectionproperties.card_marginLeft + 'px',
+      paddingRight: sectionproperties.card_marginRight + 'px'
     },
     onMouseLeave: function onMouseLeave() {
       setChoosenindex('');
     }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row ml-0 mr-0 w-100 d-flex d-md-none pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      background: sectionproperties.backgroundColor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+    }
   }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-2 d-md-none"
   }, CategoriesDropdown()), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 p-0' : 'col-lg-12 p-0'
-  }, BackgroundImagesContent()));
+  }, BackgroundImagesContent())), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-none d-md-flex pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    style: {
+      marginTop: sectionproperties.marginTopResp + 'px',
+      background: sectionproperties.backgroundColor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+    }
+  }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 d-md-none"
+  }, CategoriesDropdown()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 p-0' : 'col-lg-12 p-0'
+  }, BackgroundImagesContent())));
 };
 
 function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -37400,12 +37421,12 @@ var Freetextsection = function Freetextsection(props) {
       fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
     }
-  }, SectionTitle()))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex d-md-none",
     style: {
       fontSize: sectionproperties.prodCatFontSize + 'px'
     }
-  }, Description()), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-none d-md-flex",
     style: {
       fontSize: sectionproperties.prodCatFontSizeResp + 'px'
@@ -44301,8 +44322,8 @@ var Card23 = function Card23(props) {
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(cardsstyles2.card) + ' d-none d-md-flex w-100 ' : "".concat(cardsstyles2.card) + ' d-none d-md-flex ',
     style: {
-      minWidth: sectionproperties.widthresponsive + 'px',
-      maxWidth: sectionproperties.widthresponsive + ' px'
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + ' px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
@@ -46779,9 +46800,9 @@ var Horizontalcard = function Horizontalcard(props) {
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
   props.actions.StaticPagesLinksContext;
-  var addtofavoritescontext = props.addtofavoritescontext;
-  var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-  var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+  var addtofavoritescontext = props.actions.addtofavoritescontext;
+  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
@@ -46900,6 +46921,7 @@ var Horizontalcard = function Horizontalcard(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-4 col-sm-4 p-0 h-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex d-md-none",
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
@@ -46920,6 +46942,28 @@ var Horizontalcard = function Horizontalcard(props) {
       marginBottom: 'auto'
     },
     loading: "lazy"
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-none d-md-flex",
+    onClick: function onClick() {
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    },
+    style: {
+      width: '100%',
+      height: sectionproperties.height_responsive + 'px',
+      cursor: 'pointer',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+    urlEndpoint: IKurlEndpoint,
+    publicKey: IKpublicKey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain',
+      marginBottom: 'auto'
+    },
+    loading: "lazy"
   })), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
     style: {
@@ -46953,7 +46997,7 @@ var Horizontalcard = function Horizontalcard(props) {
       position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
+    "class": 'col-lg-9 col-md-9 col-sm-3 p-0 mb-2',
     style: {
       minHeight: '6vh'
     }
@@ -46963,7 +47007,7 @@ var Horizontalcard = function Horizontalcard(props) {
     },
     "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
   }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-3 d-flex justify-content-end p-0"
+    "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     "class": card_cssstyles.wishlist_btn + '  ',
     style: {

package/dist/index.esm.js

@@ -2032,9 +2032,9 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 1), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', getprice_discountpriceprops('defaultsaleprice', 1), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', parseFloat(getprice_discountpriceprops('defaultsaleprice', 1)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -2045,7 +2045,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React.createElement("span", {
     className: "ml-2 mr-2"
-  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 1), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React.createElement("div", {
+  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered"
   }, /*#__PURE__*/React.createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
@@ -2384,7 +2384,7 @@ var Service_itemtype = function Service_itemtype(props) {
       width: '100%',
       background: '#eee'
     },
-    "class": productinfo_cssstyles.before + ' before '
+    "class": langdetect == 'en' ? productinfo_cssstyles.before + ' before ' : productinfo_cssstyles.before + ' beforear '
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement(Serviceinfotabs, {
@@ -3231,7 +3231,7 @@ var Productinfo = function Productinfo(props) {
     var _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _authdetailsContext$i5, _authdetailsContext$i6;
     return /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
-    }, sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0 w-100 d-flex align-items-center mb-4"
     }, /*#__PURE__*/React.createElement("div", {
       "class": productinfo_cssstyles.iconContainer
@@ -3251,7 +3251,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo2 == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0 d-flex align-items-center mb-4"
     }, /*#__PURE__*/React.createElement("div", {
       "class": productinfo_cssstyles.iconContainer
@@ -16741,7 +16741,7 @@ var Header8 = function Header8(props) {
       });
     });
     setpcollarray(_toConsumableArray(temppcollarray));
-  }, []);
+  }, [authdetailsContext]);
   var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
     var _fetchedarray$Choosen, _fetchedarray$Choosen2, _fetchedarray$Choosen3, _fetchedarray$Choosen4, _pcollarray$Choosenin, _pcollarray$Choosenin2, _pcollarray$Choosenin3;
     var parentclassname = '';
@@ -16895,7 +16895,7 @@ var Header8 = function Header8(props) {
       height: sectionproperties.vl_height + 'px',
       width: sectionproperties.vl_width + '%',
       backgroundColor: sectionproperties.vl_bg,
-      zIndex: 100
+      zIndex: 1
     }),
     searchbarcont: css({
       position: 'relative',
@@ -17205,7 +17205,8 @@ var Header8 = function Header8(props) {
       borderTopRightRadius: langdetect == 'en' ? 0 : '',
       borderBottomRightRadius: langdetect == 'en' ? 0 : '',
       borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
-      borderTopLeftRadius: langdetect == 'ar' ? 0 : ''
+      borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
+      zIndex: 100
     }
   }, /*#__PURE__*/React.createElement("li", {
     "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
@@ -33730,24 +33731,44 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
     }))))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      background: sectionproperties.backgroundColor
+      paddingLeft: sectionproperties.card_marginLeft + 'px',
+      paddingRight: sectionproperties.card_marginRight + 'px'
     },
     onMouseLeave: function onMouseLeave() {
       setChoosenindex('');
     }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row ml-0 mr-0 w-100 d-flex d-md-none pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      background: sectionproperties.backgroundColor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+    }
   }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-2 d-md-none"
   }, CategoriesDropdown()), /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 p-0' : 'col-lg-12 p-0'
-  }, BackgroundImagesContent()));
+  }, BackgroundImagesContent())), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-none d-md-flex pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    style: {
+      marginTop: sectionproperties.marginTopResp + 'px',
+      background: sectionproperties.backgroundColor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+    }
+  }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 d-md-none"
+  }, CategoriesDropdown()), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 p-0' : 'col-lg-12 p-0'
+  }, BackgroundImagesContent())));
 };
 
 function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -37356,12 +37377,12 @@ var Freetextsection = function Freetextsection(props) {
       fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
     }
-  }, SectionTitle()))), /*#__PURE__*/React.createElement("div", {
+  }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex d-md-none",
     style: {
       fontSize: sectionproperties.prodCatFontSize + 'px'
     }
-  }, Description()), /*#__PURE__*/React.createElement("div", {
+  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-none d-md-flex",
     style: {
       fontSize: sectionproperties.prodCatFontSizeResp + 'px'
@@ -44257,8 +44278,8 @@ var Card23 = function Card23(props) {
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), /*#__PURE__*/React.createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(cardsstyles2.card) + ' d-none d-md-flex w-100 ' : "".concat(cardsstyles2.card) + ' d-none d-md-flex ',
     style: {
-      minWidth: sectionproperties.widthresponsive + 'px',
-      maxWidth: sectionproperties.widthresponsive + ' px'
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + ' px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
@@ -46735,9 +46756,9 @@ var Horizontalcard = function Horizontalcard(props) {
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
   props.actions.StaticPagesLinksContext;
-  var addtofavoritescontext = props.addtofavoritescontext;
-  var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-  var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+  var addtofavoritescontext = props.actions.addtofavoritescontext;
+  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
@@ -46856,6 +46877,7 @@ var Horizontalcard = function Horizontalcard(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-4 col-sm-4 p-0 h-100"
   }, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex d-md-none",
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
@@ -46876,6 +46898,28 @@ var Horizontalcard = function Horizontalcard(props) {
       marginBottom: 'auto'
     },
     loading: "lazy"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "d-none d-md-flex",
+    onClick: function onClick() {
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    },
+    style: {
+      width: '100%',
+      height: sectionproperties.height_responsive + 'px',
+      cursor: 'pointer',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(IKImage, {
+    urlEndpoint: IKurlEndpoint,
+    publicKey: IKpublicKey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain',
+      marginBottom: 'auto'
+    },
+    loading: "lazy"
   })), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
@@ -46909,7 +46953,7 @@ var Horizontalcard = function Horizontalcard(props) {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
+    "class": 'col-lg-9 col-md-9 col-sm-3 p-0 mb-2',
     style: {
       minHeight: '6vh'
     }
@@ -46919,7 +46963,7 @@ var Horizontalcard = function Horizontalcard(props) {
     },
     "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
   }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 d-flex justify-content-end p-0"
+    "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React.createElement("button", {
     "class": card_cssstyles.wishlist_btn + '  ',
     style: {

package/dist/index.umd.js

@@ -1932,9 +1932,9 @@
         }
       }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
         className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 1), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
         className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', getprice_discountpriceprops('defaultsaleprice', 1), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', parseFloat(getprice_discountpriceprops('defaultsaleprice', 1)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
         className: 'm-0 p-0 linethrough wordbreak',
         style: {
           color: sectionproperties.prodsalePriceColor,
@@ -1945,7 +1945,7 @@
         className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "ml-2 mr-2"
-      }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', getprice_discountpriceprops('defaultprice', 1), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
@@ -2284,7 +2284,7 @@
           width: '100%',
           background: '#eee'
         },
-        "class": productinfo_cssstyles.before + ' before '
+        "class": langdetect == 'en' ? productinfo_cssstyles.before + ' before ' : productinfo_cssstyles.before + ' beforear '
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
@@ -3131,7 +3131,7 @@
         var _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _authdetailsContext$i5, _authdetailsContext$i6;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
-        }, sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0 w-100 d-flex align-items-center mb-4"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": productinfo_cssstyles.iconContainer
@@ -3151,7 +3151,7 @@
           style: {
             textAlign: langdetect == 'en' ? 'left' : 'right'
           }
-        }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo2 == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0 d-flex align-items-center mb-4"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": productinfo_cssstyles.iconContainer
@@ -16641,7 +16641,7 @@
           });
         });
         setpcollarray(_toConsumableArray__default["default"](temppcollarray));
-      }, []);
+      }, [authdetailsContext]);
       var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
         var _fetchedarray$Choosen, _fetchedarray$Choosen2, _fetchedarray$Choosen3, _fetchedarray$Choosen4, _pcollarray$Choosenin, _pcollarray$Choosenin2, _pcollarray$Choosenin3;
         var parentclassname = '';
@@ -16795,7 +16795,7 @@
           height: sectionproperties.vl_height + 'px',
           width: sectionproperties.vl_width + '%',
           backgroundColor: sectionproperties.vl_bg,
-          zIndex: 100
+          zIndex: 1
         }),
         searchbarcont: glamor.css({
           position: 'relative',
@@ -17105,7 +17105,8 @@
           borderTopRightRadius: langdetect == 'en' ? 0 : '',
           borderBottomRightRadius: langdetect == 'en' ? 0 : '',
           borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
-          borderTopLeftRadius: langdetect == 'ar' ? 0 : ''
+          borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
+          zIndex: 100
         }
       }, /*#__PURE__*/React__default["default"].createElement("li", {
         "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
@@ -33630,24 +33631,44 @@
         }))))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+        "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
         style: {
-          marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
-          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-          background: sectionproperties.backgroundColor
+          paddingLeft: sectionproperties.card_marginLeft + 'px',
+          paddingRight: sectionproperties.card_marginRight + 'px'
         },
         onMouseLeave: function onMouseLeave() {
           setChoosenindex('');
         }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row ml-0 mr-0 w-100 d-flex d-md-none pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+        style: {
+          marginTop: sectionproperties.marginTop + 'px',
+          background: sectionproperties.backgroundColor,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+        }
       }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-2 d-md-none"
       }, CategoriesDropdown()), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 p-0' : 'col-lg-12 p-0'
-      }, BackgroundImagesContent()));
+      }, BackgroundImagesContent())), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-none d-md-flex pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+        style: {
+          marginTop: sectionproperties.marginTopResp + 'px',
+          background: sectionproperties.backgroundColor,
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+        }
+      }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 d-md-none"
+      }, CategoriesDropdown()), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 p-0' : 'col-lg-12 p-0'
+      }, BackgroundImagesContent())));
     };
 
     function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -37256,12 +37277,12 @@
           fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
           justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
         }
-      }, SectionTitle()))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex d-md-none",
         style: {
           fontSize: sectionproperties.prodCatFontSize + 'px'
         }
-      }, Description()), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-none d-md-flex",
         style: {
           fontSize: sectionproperties.prodCatFontSizeResp + 'px'
@@ -44157,8 +44178,8 @@
       }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": props.sectiontypeprops2 == 'vertical' ? "".concat(cardsstyles2.card) + ' d-none d-md-flex w-100 ' : "".concat(cardsstyles2.card) + ' d-none d-md-flex ',
         style: {
-          minWidth: sectionproperties.widthresponsive + 'px',
-          maxWidth: sectionproperties.widthresponsive + ' px'
+          minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+          maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + ' px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
@@ -46635,9 +46656,9 @@
       var langdetect = props.actions.langdetect;
       props.actions.routingcountext;
       props.actions.StaticPagesLinksContext;
-      var addtofavoritescontext = props.addtofavoritescontext;
-      var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
-      var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
+      var addtofavoritescontext = props.actions.addtofavoritescontext;
+      var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+      var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
       var plainString = function plainString(html) {
         var divContainer = document.createElement('div');
@@ -46756,6 +46777,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 col-md-4 col-sm-4 p-0 h-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "d-flex d-md-none",
         onClick: function onClick() {
           cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         },
@@ -46776,6 +46798,28 @@
           marginBottom: 'auto'
         },
         loading: "lazy"
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "d-none d-md-flex",
+        onClick: function onClick() {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        },
+        style: {
+          width: '100%',
+          height: sectionproperties.height_responsive + 'px',
+          cursor: 'pointer',
+          position: 'relative'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain',
+          marginBottom: 'auto'
+        },
+        loading: "lazy"
       })), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered",
         style: {
@@ -46809,7 +46853,7 @@
           position: 'relative'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
+        "class": 'col-lg-9 col-md-9 col-sm-3 p-0 mb-2',
         style: {
           minHeight: '6vh'
         }
@@ -46819,7 +46863,7 @@
         },
         "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
       }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-3 d-flex justify-content-end p-0"
+        "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         "class": card_cssstyles.wishlist_btn + '  ',
         style: {

package/package.json

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