tabexseriescomponents 0.0.560 → 0.0.562

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -27667,7 +27667,7 @@
27667
27667
  function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27668
27668
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27669
27669
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27670
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27670
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27671
27671
  var _useState = React.useState(''),
27672
27672
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27673
27673
  sectionproperties = _useState2[0],
@@ -27957,6 +27957,23 @@
27957
27957
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
27958
27958
  sectionpropertiesprops: sectionproperties,
27959
27959
  actions: actions
27960
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
27961
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
27962
+ target: '_blank',
27963
+ style: {
27964
+ position: 'fixed',
27965
+ bottom: 10,
27966
+ right: 10,
27967
+ zIndex: 999999,
27968
+ transition: 'all 0.3s ease-out'
27969
+ }
27970
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
27971
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
27972
+ style: {
27973
+ width: '40px',
27974
+ height: '40px',
27975
+ cursor: 'pointer'
27976
+ }
27960
27977
  })), /*#__PURE__*/React__default["default"].createElement("div", {
27961
27978
  "class": "col-lg-12 p-0"
27962
27979
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27977,30 +27994,30 @@
27977
27994
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
27978
27995
  "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
27979
27996
  onClick: function onClick() {
27980
- var _authdetailsContext$i;
27981
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
27982
- var _authdetailsContext$i2;
27983
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
27997
+ var _authdetailsContext$i2;
27998
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
27999
+ var _authdetailsContext$i3;
28000
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
27984
28001
  }
27985
28002
  },
27986
28003
  size: sectionproperties.facebkbtnniconfontsize
27987
28004
  }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
27988
28005
  "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
27989
28006
  onClick: function onClick() {
27990
- var _authdetailsContext$i3;
27991
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
27992
- var _authdetailsContext$i4;
27993
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
28007
+ var _authdetailsContext$i4;
28008
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
28009
+ var _authdetailsContext$i5;
28010
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
27994
28011
  }
27995
28012
  },
27996
28013
  size: sectionproperties.instgrambtniconfontsize
27997
28014
  }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
27998
28015
  "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
27999
28016
  onClick: function onClick() {
28000
- var _authdetailsContext$i5;
28001
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
28002
- var _authdetailsContext$i6;
28003
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
28017
+ var _authdetailsContext$i6;
28018
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
28019
+ var _authdetailsContext$i7;
28020
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
28004
28021
  }
28005
28022
  },
28006
28023
  size: sectionproperties.youtubebtniconfontsize
@@ -28392,10 +28409,19 @@
28392
28409
  }
28393
28410
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28394
28411
  className: "col-lg-12 p-0"
28395
- }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28412
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28396
28413
  sectionpropertiesprops: sectionproperties,
28397
28414
  actions: actions
28398
- }))));
28415
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28416
+ sectionpropertiesprops: sectionproperties,
28417
+ actions: actions
28418
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28419
+ sectionpropertiesprops: sectionproperties,
28420
+ actions: actions
28421
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28422
+ sectionpropertiesprops: sectionproperties,
28423
+ actions: actions
28424
+ }), ' ')));
28399
28425
  };
28400
28426
 
28401
28427
  var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n height: 25px !important;\n width: 25px !important;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n position: absolute;\n width: 100%;\n height: 1px;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n position: absolute;\n transform: scale(0.3);\n transform-origin: top right;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n display: inline-block;\n border: none;\n outline: none;\n width: 0px;\n position: absolute;\n top: 0;\n background: none;\n z-index: 3;\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n width: 300px !important;\n z-index: 1;\n cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n display: inline-block;\n z-index: 2;\n cursor: pointer;\n cursor: pointer;\n}\n ";
@@ -52627,7 +52653,7 @@
52627
52653
  };
52628
52654
 
52629
52655
  var css_248z$l = "@media screen and (max-width: 1025px) {\n .Backgroundimage1-module_maintitle__md5m4 {\n left: 0 !important;\n right: 0 !important;\n top: 20% !important;\n }\n .Backgroundimage1-module_maintitle2__xUwDA {\n left: 0 !important;\n right: 0 !important;\n top: 30% !important;\n }\n .Backgroundimage1-module_buttonshop__AmF-E {\n left: 0 !important;\n right: 0 !important;\n top: 40% !important;\n }\n}\n";
52630
- var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52656
+ var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52631
52657
  styleInject(css_248z$l);
52632
52658
 
52633
52659
  function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -52836,14 +52862,14 @@
52836
52862
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52837
52863
  className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
52838
52864
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52839
- className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$5.maintitle) + ' justify-content-center d-flex justify-content-md-center ' : "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center ',
52865
+ className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$4.maintitle) + ' justify-content-center d-flex justify-content-md-center ' : "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center ',
52840
52866
  style: {
52841
52867
  // zIndex: 2000,
52842
52868
  }
52843
52869
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52844
- className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$5.maintitle2) + ' d-flex justify-content-md-center '
52870
+ className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
52845
52871
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
52846
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
52872
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
52847
52873
  onClick: function onClick() {
52848
52874
  // if(place_clickable == 'Button'){
52849
52875
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
@@ -52865,7 +52891,7 @@
52865
52891
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52866
52892
  className: "col-lg-12 d-flex justify-content-center align-items-center"
52867
52893
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52868
- className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
52894
+ className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
52869
52895
  style: {
52870
52896
  color: sectionproperties.generaltext_fontColor,
52871
52897
  textTransform: sectionproperties.generaltext_textTransform,
@@ -52874,7 +52900,7 @@
52874
52900
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
52875
52901
  className: "col-lg-12 d-flex justify-content-center align-items-center"
52876
52902
  }, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52877
- className: "".concat(cardsstyles$5.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
52903
+ className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
52878
52904
  style: {
52879
52905
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
52880
52906
  color: sectionproperties.slideshowText2ContentColor,
@@ -52884,7 +52910,7 @@
52884
52910
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
52885
52911
  className: "col-lg-12 d-flex justify-content-center align-items-center"
52886
52912
  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
52887
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
52913
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
52888
52914
  onClick: function onClick() {
52889
52915
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
52890
52916
  }
@@ -55566,11 +55592,11 @@
55566
55592
  }
55567
55593
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55568
55594
  })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
55569
- "class": "col-12 p-0 d-none d-md-flex"
55595
+ "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
55570
55596
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
55571
55597
  transitionBehavior: 'auto',
55572
55598
  wrapperClassName: '',
55573
- itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55599
+ itemClassName: 'scrollimagebg'
55574
55600
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55575
55601
  return /*#__PURE__*/React__default["default"].createElement("div", {
55576
55602
  className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
@@ -66949,7 +66975,7 @@
66949
66975
  };
66950
66976
 
66951
66977
  var css_248z$c = ".Productccard_with_zoominonhover-module_productcard__8ASdR {\n\tposition: relative;\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\tposition: absolute;\n\ttop: 5px;\n\tright: 5px;\n\topacity: 0;\n\ttransition: .3s\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl {\n\tposition: relative;\n\tz-index: 1\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\topacity: 1;\n\tz-index: 8\n}\n.Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\ttransform: translateX(0)\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_product_details__3SLId {\n\tpadding-top: 10px ;\n\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\t/* display: none; */\n\tpadding: 0 10px;\n\t/* width: 101% !important;\n\tleft: -1px; */\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK .Productccard_with_zoominonhover-module_price__12djA {\n\tdisplay: none\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\tdisplay: block;\n\tz-index: 1000 !important\n}\n@media screen and (max-width:800px) {\n\t.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\t\tdisplay: block !important;\n\t\t/* border:none !important */\n\t}\n}";
66952
- var cardsstyles$4 = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
66978
+ var cardsstyles$3 = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
66953
66979
  styleInject(css_248z$c);
66954
66980
 
66955
66981
  function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -67268,16 +67294,16 @@
67268
67294
  minHeight: '370px'
67269
67295
  }
67270
67296
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67271
- "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67297
+ "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67272
67298
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67273
- "class": "".concat(cardsstyles$4.card_inner)
67299
+ "class": "".concat(cardsstyles$3.card_inner)
67274
67300
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67275
- "class": "".concat(cardsstyles$4.card_thumbnail),
67301
+ "class": "".concat(cardsstyles$3.card_thumbnail),
67276
67302
  style: {
67277
67303
  position: 'relative'
67278
67304
  }
67279
67305
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67280
- "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67306
+ "class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67281
67307
  onClick: function onClick() {
67282
67308
  setShowProductInfoModalContext(true);
67283
67309
  setProductIdProdutInfoModalContext(item.productid);
@@ -67302,7 +67328,7 @@
67302
67328
  },
67303
67329
  loading: "lazy"
67304
67330
  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67305
- "class": "".concat(cardsstyles$4.wishlistbtn),
67331
+ "class": "".concat(cardsstyles$3.wishlistbtn),
67306
67332
  onClick: function onClick() {
67307
67333
  addtofavoritescontext(item.productid);
67308
67334
  }
@@ -67354,7 +67380,7 @@
67354
67380
  }, /*#__PURE__*/React__default["default"].createElement("p", {
67355
67381
  "class": "m-0 p-0"
67356
67382
  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
67357
- "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
67383
+ "class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
67358
67384
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67359
67385
  "class": "col-lg-12"
67360
67386
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -67378,7 +67404,7 @@
67378
67404
  textAlign: langdetect == 'en' ? 'left' : 'right'
67379
67405
  }
67380
67406
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
67381
- "class": "".concat(cardsstyles$4.card_informationcontainer)
67407
+ "class": "".concat(cardsstyles$3.card_informationcontainer)
67382
67408
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67383
67409
  "class": "row m-0 w-100 d-flex align-items-center"
67384
67410
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -70062,7 +70088,7 @@
70062
70088
  };
70063
70089
 
70064
70090
  var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tposition: relative;\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\t/* opacity: 0; */\n\ttransition: .3s\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo {\n\tposition: relative;\n\tz-index: 1\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\topacity: 1;\n\tz-index: 8\n}\n.ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\ttransform: translateX(0)\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl {\n\tpadding: 0 10px;\n}\n";
70065
- var cardsstyles$3 = {"productcard":"ModernCardWithQuantityButton-module_productcard__PaOc-","wishlistbtn":"ModernCardWithQuantityButton-module_wishlistbtn__mXt2e","card_inner":"ModernCardWithQuantityButton-module_card_inner__1ySNo","card_informationcontainer":"ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl"};
70091
+ var cardsstyles$2 = {"productcard":"ModernCardWithQuantityButton-module_productcard__PaOc-","wishlistbtn":"ModernCardWithQuantityButton-module_wishlistbtn__mXt2e","card_inner":"ModernCardWithQuantityButton-module_card_inner__1ySNo","card_informationcontainer":"ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl"};
70066
70092
  styleInject(css_248z$5);
70067
70093
 
70068
70094
  function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -70337,7 +70363,7 @@
70337
70363
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
70338
70364
  }
70339
70365
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
70340
- "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70366
+ "class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70341
70367
  style: {
70342
70368
  position: 'relative'
70343
70369
  }
@@ -70376,7 +70402,7 @@
70376
70402
  },
70377
70403
  loading: "lazy"
70378
70404
  }))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
70379
- "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70405
+ "class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70380
70406
  onClick: function onClick(e) {
70381
70407
  e.stopPropagation();
70382
70408
  addtofavoritescontext(item.productid);
@@ -72583,13 +72609,11 @@
72583
72609
  };
72584
72610
 
72585
72611
  var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\n position: relative;\n cursor: pointer;\n transition: 0.3s !important;\n}\n\n.Productcard6-module_addbtn__x6bMd:hover {\n transition: 0.3s;\n}\n";
72586
- var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
72587
72612
  styleInject(css_248z$3);
72588
72613
 
72589
72614
  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
72590
72615
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
72591
72616
  var Productcard6 = function Productcard6(props) {
72592
- var _css;
72593
72617
  var _useState = React.useState(''),
72594
72618
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72595
72619
  sectionproperties = _useState2[0],
@@ -72599,17 +72623,17 @@
72599
72623
  item = _useState4[0],
72600
72624
  setitem = _useState4[1];
72601
72625
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
72602
- var lang = props.actions.lang;
72626
+ props.actions.lang;
72603
72627
  var langdetect = props.actions.langdetect;
72604
- var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
72605
- var addtofavoritescontext = props.actions.addtofavoritescontext;
72606
- var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
72628
+ props.actions.setShowProductInfoModalContext;
72629
+ props.actions.addtofavoritescontext;
72630
+ props.actions.setProductIdProdutInfoModalContext;
72607
72631
  props.actions.AddtoCartContext;
72608
72632
  props.actions.AddtoCartMutationContext;
72609
72633
  props.actions.StaticPagesLinksContext;
72610
72634
  props.actions.routingcountext;
72611
- var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72612
- props.actions.ikimagecredcontext;
72635
+ props.actions.cardonclickfunctionContext;
72636
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
72613
72637
  React.useEffect(function () {
72614
72638
  if (props.srcfrom == 'addsectionform') {
72615
72639
  var secpropobj = {};
@@ -72632,48 +72656,137 @@
72632
72656
  React.useEffect(function () {
72633
72657
  setitem(props.cardinfoitemprops);
72634
72658
  }, [props.cardinfoitemprops]);
72659
+ // const card_cssstyles = {
72660
+ // productcard: css({
72661
+ // position: 'relative',
72662
+ // background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72663
+ // boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72664
+ // border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72665
+ // height: sectionproperties.height + 'px',
72666
+ // width: '100%',
72667
+ // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72668
+ // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72669
+ // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72670
+ // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72671
+ // marginTop: sectionproperties.marginTop + 'px',
72672
+ // marginBottom: sectionproperties.marginBottom + 'px',
72673
+ // paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72674
+ // paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72675
+ // paddingTop: sectionproperties.paddingTop + 'px',
72676
+ // paddingBottom: sectionproperties.paddingBottom + 'px',
72677
+ // transition: '0.3s',
72678
+ // cursor: 'pointer',
72679
+ // opacity: sectionproperties.cardbg_opacity,
72680
+ // border: sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor,
72681
+
72682
+ // ':hover': {
72683
+ // opacity: sectionproperties.bgopacityonhover,
72684
+ // },
72685
+ // ':after': {
72686
+ // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72687
+ // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72688
+ // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72689
+ // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72690
+ // content: 's',
72691
+ // fontSize: 0,
72692
+ // position: 'absolute',
72693
+ // top: 0,
72694
+ // bottom: 0,
72695
+ // left: 0,
72696
+ // width: '100%',
72697
+ // height: '100%',
72698
+ // transition: ' 0.3s',
72699
+ // background: sectionproperties.transitionbg_color,
72700
+ // opacity: sectionproperties.cardtransition_opacity,
72701
+ // },
72702
+ // ':hover:after': {
72703
+ // opacity: sectionproperties.cardtransitionbgopacityonhover,
72704
+ // },
72705
+ // }),
72706
+ // productNameStyles: css({
72707
+ // color: sectionproperties.prodNameColor,
72708
+ // fontSize: sectionproperties.prodNameFontSize + 'px',
72709
+ // textTransform: sectionproperties.prodNameTextTranform,
72710
+ // fontWeight: sectionproperties.prodNameFontWeight,
72711
+ // transition: '.3s',
72712
+ // cursor: 'pointer',
72713
+ // position: 'absolute',
72714
+ // zIndex: '10',
72715
+ // }),
72716
+ // productPricestyles: css({
72717
+ // color: sectionproperties.prodPriceColor,
72718
+ // fontSize: sectionproperties.prodpriceFontSize + 'px',
72719
+ // fontWeight: sectionproperties.prodPriceFontWeight,
72720
+ // zIndex: '10',
72721
+ // }),
72722
+ // productSalePricestyles: css({
72723
+ // color: sectionproperties.prodsalePriceColor,
72724
+ // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72725
+ // fontWeight: sectionproperties.prodsalePriceFontWeight,
72726
+ // zIndex: '10',
72727
+ // }),
72728
+ // wishlist_btn: css({
72729
+ // width: sectionproperties.favBtnWidth + 'px',
72730
+ // height: sectionproperties.favBtnHeight + 'px',
72731
+ // background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72732
+ // borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72733
+ // color: sectionproperties.favBtnTextcolor,
72734
+ // fontSize: sectionproperties.favBtnIconfontsize + 'px',
72735
+ // textTransform: sectionproperties.favBtnTexttransform,
72736
+ // fontWeight: sectionproperties.favBtnTextfontweight,
72737
+ // transition: '.3s',
72738
+ // border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72739
+ // ':hover': {
72740
+ // background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72741
+ // color: sectionproperties.favBtnTextcoloronhover,
72742
+ // borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover,
72743
+ // },
72744
+ // }),
72745
+ // cart_btn: css({
72746
+ // width: sectionproperties.cartBtnWidth + 'px',
72747
+ // height: sectionproperties.cartBtnHeight + 'px',
72748
+ // background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72749
+ // borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72750
+ // color: sectionproperties.cartBtnTextcolor,
72751
+ // fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72752
+ // // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72753
+ // textTransform: sectionproperties.cartBtnTexttransform,
72754
+ // fontWeight: sectionproperties.cartBtnTextfontweight,
72755
+ // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72756
+ // transition: '.3s',
72757
+ // ':hover': {
72758
+ // background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72759
+ // color: sectionproperties.cartBtnTextcoloronhover,
72760
+ // },
72761
+ // zIndex: '10',
72762
+ // }),
72763
+ // };
72635
72764
  var card_cssstyles = {
72636
- productcard: glamor.css((_css = {
72765
+ productcard: glamor.css({
72766
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72767
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72768
+ '@media (max-width: 800px)': {
72769
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
72770
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
72771
+ }
72772
+ }),
72773
+ productcardimagecont: glamor.css({
72637
72774
  position: 'relative',
72638
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72639
- boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72640
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72641
- height: sectionproperties.height + 'px',
72642
- width: '100%',
72643
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72644
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72645
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72646
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72647
- marginTop: sectionproperties.marginTop + 'px',
72648
- marginBottom: sectionproperties.marginBottom + 'px',
72649
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72650
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72651
- paddingTop: sectionproperties.paddingTop + 'px',
72652
- paddingBottom: sectionproperties.paddingBottom + 'px',
72653
- transition: '0.3s',
72654
- cursor: 'pointer',
72655
- opacity: sectionproperties.cardbg_opacity
72656
- }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
72657
- opacity: sectionproperties.bgopacityonhover
72658
- }), _defineProperty__default["default"](_css, ':after', {
72659
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72660
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72661
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72662
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72663
- content: 's',
72664
- fontSize: 0,
72665
- position: 'absolute',
72666
- top: 0,
72667
- bottom: 0,
72668
- left: 0,
72669
- width: '100%',
72670
- height: '100%',
72671
- transition: ' 0.3s',
72672
- background: sectionproperties.transitionbg_color,
72673
- opacity: sectionproperties.cardtransition_opacity
72674
- }), _defineProperty__default["default"](_css, ':hover:after', {
72675
- opacity: sectionproperties.cardtransitionbgopacityonhover
72676
- }), _css)),
72775
+ overflow: 'hidden',
72776
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
72777
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
72778
+ border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
72779
+ borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
72780
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72781
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
72782
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72783
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72784
+ transition: '.3s',
72785
+ opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
72786
+ '@media (max-width: 800px)': {
72787
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
72788
+ }
72789
+ }),
72677
72790
  productNameStyles: glamor.css({
72678
72791
  color: sectionproperties.prodNameColor,
72679
72792
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -72681,20 +72794,19 @@
72681
72794
  fontWeight: sectionproperties.prodNameFontWeight,
72682
72795
  transition: '.3s',
72683
72796
  cursor: 'pointer',
72684
- position: 'absolute',
72685
- zIndex: '10'
72797
+ ':hover': {
72798
+ color: sectionproperties.prodNameColorOnHover
72799
+ }
72686
72800
  }),
72687
72801
  productPricestyles: glamor.css({
72688
72802
  color: sectionproperties.prodPriceColor,
72689
72803
  fontSize: sectionproperties.prodpriceFontSize + 'px',
72690
- fontWeight: sectionproperties.prodPriceFontWeight,
72691
- zIndex: '10'
72804
+ fontWeight: sectionproperties.prodPriceFontWeight
72692
72805
  }),
72693
72806
  productSalePricestyles: glamor.css({
72694
72807
  color: sectionproperties.prodsalePriceColor,
72695
72808
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72696
- fontWeight: sectionproperties.prodsalePriceFontWeight,
72697
- zIndex: '10'
72809
+ fontWeight: sectionproperties.prodsalePriceFontWeight
72698
72810
  }),
72699
72811
  wishlist_btn: glamor.css({
72700
72812
  width: sectionproperties.favBtnWidth + 'px',
@@ -72702,112 +72814,217 @@
72702
72814
  background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72703
72815
  borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72704
72816
  color: sectionproperties.favBtnTextcolor,
72705
- fontSize: sectionproperties.favBtnIconfontsize + 'px',
72817
+ fontSize: sectionproperties.favBtnTextfontsize + 'px',
72706
72818
  textTransform: sectionproperties.favBtnTexttransform,
72707
72819
  fontWeight: sectionproperties.favBtnTextfontweight,
72708
72820
  transition: '.3s',
72709
72821
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72710
72822
  ':hover': {
72711
72823
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72712
- color: sectionproperties.favBtnTextcoloronhover,
72713
- borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
72824
+ color: sectionproperties.favBtnTextcoloronhover
72714
72825
  }
72715
72826
  }),
72716
72827
  cart_btn: glamor.css({
72717
- width: sectionproperties.cartBtnWidth + 'px',
72828
+ width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
72718
72829
  height: sectionproperties.cartBtnHeight + 'px',
72719
72830
  background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72720
72831
  borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72721
72832
  color: sectionproperties.cartBtnTextcolor,
72722
72833
  fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72723
- // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72724
72834
  textTransform: sectionproperties.cartBtnTexttransform,
72725
72835
  fontWeight: sectionproperties.cartBtnTextfontweight,
72726
72836
  border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72727
72837
  transition: '.3s',
72838
+ textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
72728
72839
  ':hover': {
72729
72840
  background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72730
- color: sectionproperties.cartBtnTextcoloronhover
72731
- },
72732
- zIndex: '10'
72841
+ color: sectionproperties.cartBtnTextcoloronhover,
72842
+ borderColor: sectionproperties.cartBtnTextcoloronhover
72843
+ }
72844
+ }),
72845
+ cardconttt: glamor.css({
72846
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
72847
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72848
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72849
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72850
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72851
+ marginTop: sectionproperties.marginTop + 'px',
72852
+ marginBottom: sectionproperties.marginBottom + 'px',
72853
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72854
+ paddingTop: sectionproperties.paddingTop + 'px',
72855
+ paddingBottom: sectionproperties.paddingBottom + 'px',
72856
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72857
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72858
+ transition: '.3s',
72859
+ // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
72860
+ ':hover': {
72861
+ backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
72862
+ transition: 0.3
72863
+ }
72733
72864
  })
72734
72865
  };
72735
72866
  return /*#__PURE__*/React__default["default"].createElement("div", {
72736
- "class": "row m-0 w-100",
72867
+ "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
72737
72868
  style: {
72738
72869
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
72739
72870
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
72740
72871
  }
72741
72872
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72742
- "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72743
- style: {
72744
- backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72745
- backgroundRepeat: 'no-repeat',
72746
- // backgroundSize: 'cover',
72747
- backgroundPosition: 'center'
72748
- },
72749
- onClick: function onClick() {
72750
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72751
- }
72752
- }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72753
- "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72873
+ "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
72754
72874
  style: {}
72755
- }, /*#__PURE__*/React__default["default"].createElement("p", {
72756
- onClick: function onClick(e) {
72757
- e.stopPropagation();
72758
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72759
- },
72760
- "class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
72761
- }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
72762
- "class": "col-lg-12 d-flex justify-content-start p-0",
72875
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
72876
+ "class": "w-100",
72763
72877
  style: {
72764
- height: '50%',
72765
- zIndex: 100,
72766
- position: 'absolute',
72767
- bottom: 10
72878
+ position: 'relative'
72768
72879
  }
72769
72880
  }, /*#__PURE__*/React__default["default"].createElement("div", {
72770
- "class": "row w-100 ml-0 mr-0 mt-auto"
72771
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72772
- "class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
72773
- }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
72774
- "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
72775
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
72776
- "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
72777
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
72778
- "class": "col-lg-12 p-0 d-flex"
72779
- }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
72780
- "class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
72781
- onClick: function onClick(e) {
72782
- e.stopPropagation();
72783
- setShowProductInfoModalContext(true);
72784
- setProductIdProdutInfoModalContext(item.productid);
72785
- }
72786
- }, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
72787
- "class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
72788
- onClick: function onClick(e) {
72789
- e.stopPropagation();
72790
- addtofavoritescontext(item.productid);
72881
+ "class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
72882
+ style: {
72883
+ marginBottom: sectionproperties.image_mb + 'px'
72791
72884
  }
72792
- }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
72793
- "class": "h-100 d-flex align-items-center justify-content-center"
72794
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
72795
- size: sectionproperties.favBtnIconfontsize,
72885
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
72886
+ "class": "w-100 cursor-pointer",
72796
72887
  style: {
72797
- color: sectionproperties.activefaviconcolor
72888
+ position: 'relative'
72798
72889
  }
72799
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
72800
- size: sectionproperties.favBtnIconfontsize,
72890
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
72891
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72892
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72893
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72894
+ loading: "lazy",
72801
72895
  style: {
72802
- color: sectionproperties.activefaviconcolor
72896
+ width: sectionproperties.imageInnerWidth_Height + '%',
72897
+ height: sectionproperties.imageInnerWidth_Height + '%',
72898
+ objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
72803
72899
  }
72804
- })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
72805
- "class": "h-100 d-flex align-items-center justify-content-center"
72806
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
72807
- size: sectionproperties.favBtnIconfontsize
72808
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
72809
- size: sectionproperties.favBtnIconfontsize
72810
- }))))))));
72900
+ })))), /*#__PURE__*/React__default["default"].createElement("div", null)))
72901
+ // <div
72902
+ // class="row m-0 w-100"
72903
+ // style={{
72904
+ // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
72905
+ // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
72906
+ // }}
72907
+ // >
72908
+ // {sectionproperties.length != 0 && (
72909
+ // <div
72910
+ // class={`${card_cssstyles.productcard} ${cardsstyles.productcard}` + ' w-100 '}
72911
+ // style={{
72912
+ // // backgroundImage: `url(${serverbaselink + item.image})`,
72913
+ // // backgroundRepeat: 'no-repeat',
72914
+ // // // backgroundSize: 'cover',
72915
+ // // backgroundPosition: 'center',
72916
+ // position: 'relative',
72917
+ // }}
72918
+ // onClick={() => {
72919
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72920
+ // }}
72921
+ // >
72922
+ // <div class={card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer '} style={{ width: '100%', height: '100%' }}>
72923
+ // {item.image != '' && (
72924
+ // <Imagekitimagecomp
72925
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
72926
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
72927
+ // path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
72928
+ // style={{
72929
+ // width: sectionproperties.imageInnerWidth_Height + '%',
72930
+ // height: sectionproperties.imageInnerWidth_Height + '%',
72931
+ // objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72932
+ // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72933
+ // borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72934
+ // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72935
+ // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
72936
+ // }}
72937
+ // loading="lazy"
72938
+ // />
72939
+ // )}
72940
+ // </div>
72941
+ // <div
72942
+ // class="row m-0 w-100"
72943
+ // style={{
72944
+ // position: 'absolute',
72945
+ // height: '100%',
72946
+ // top: 0,
72947
+ // left: 0,
72948
+ // }}
72949
+ // >
72950
+ // {sectionproperties.prodNameShow == 'Show' && (
72951
+ // <div class="col-lg-12 d-flex flex-row justify-content-start p-0" style={{}}>
72952
+ // <p
72953
+ // onClick={(e) => {
72954
+ // e.stopPropagation();
72955
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72956
+ // }}
72957
+ // class={`${card_cssstyles.productNameStyles}` + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '}
72958
+ // >
72959
+ // {item.name}
72960
+ // </p>
72961
+ // </div>
72962
+ // )}
72963
+ // <div class="col-lg-12 d-flex justify-content-start p-0" style={{ height: '50%', zIndex: 100, position: 'absolute', bottom: 10 }}>
72964
+ // <div class="row w-100 ml-0 mr-0 mt-auto">
72965
+ // <div class="col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto">
72966
+ // {sectionproperties.prodPriceShow == 'Show' && (
72967
+ // <p class={`${card_cssstyles.productPricestyles}` + ' m-0 '}>
72968
+ // {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
72969
+ // </p>
72970
+ // )}
72971
+ // {sectionproperties.prodsalePriceshow == 'Show' && (
72972
+ // <>
72973
+ // {item.hassale == 1 && (
72974
+ // <p class={`${card_cssstyles.productSalePricestyles}` + ' linethrough m-0 mr-2 ml-2 '}>
72975
+ // {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
72976
+ // </p>
72977
+ // )}
72978
+ // </>
72979
+ // )}
72980
+ // </div>
72981
+ // <div class="col-lg-12 p-0 d-flex">
72982
+ // {sectionproperties.cartBtnShow == 'Show' && (
72983
+ // <button
72984
+ // class={`${card_cssstyles.cart_btn}` + ' mr-3 '}
72985
+ // onClick={(e) => {
72986
+ // e.stopPropagation();
72987
+ // setShowProductInfoModalContext(true);
72988
+ // setProductIdProdutInfoModalContext(item.productid);
72989
+ // }}
72990
+ // >
72991
+ // {lang.addtocart}
72992
+ // </button>
72993
+ // )}
72994
+ // {sectionproperties.favBtnShow == 'Show' && (
72995
+ // <button
72996
+ // class={`${card_cssstyles.wishlist_btn}` + ' d-flex align-items-center justify-content-center '}
72997
+ // onClick={(e) => {
72998
+ // e.stopPropagation();
72999
+ // addtofavoritescontext(item.productid);
73000
+ // }}
73001
+ // >
73002
+ // {item.IsFavExists && (
73003
+ // <i class="h-100 d-flex align-items-center justify-content-center">
73004
+ // {sectionproperties.faviconshape == 'Star Shape' && (
73005
+ // <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73006
+ // )}
73007
+ // {sectionproperties.faviconshape == 'Heart Shape' && (
73008
+ // <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73009
+ // )}
73010
+ // </i>
73011
+ // )}
73012
+ // {!item.IsFavExists && (
73013
+ // <i class="h-100 d-flex align-items-center justify-content-center">
73014
+ // {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
73015
+ // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
73016
+ // </i>
73017
+ // )}
73018
+ // </button>
73019
+ // )}
73020
+ // </div>
73021
+ // </div>
73022
+ // </div>
73023
+ // </div>
73024
+ // </div>
73025
+ // )}
73026
+ // </div>
73027
+ ;
72811
73028
  };
72812
73029
 
72813
73030
  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }