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.cjs.js CHANGED
@@ -27843,7 +27843,7 @@ styleInject(css_248z$w);
27843
27843
  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; }
27844
27844
  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; }
27845
27845
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27846
- var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27846
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27847
27847
  var _useState = React.useState(''),
27848
27848
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27849
27849
  sectionproperties = _useState2[0],
@@ -28133,6 +28133,23 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28133
28133
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28134
28134
  sectionpropertiesprops: sectionproperties,
28135
28135
  actions: actions
28136
+ })), /*#__PURE__*/React__default["default"].createElement("a", {
28137
+ 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),
28138
+ target: '_blank',
28139
+ style: {
28140
+ position: 'fixed',
28141
+ bottom: 10,
28142
+ right: 10,
28143
+ zIndex: 999999,
28144
+ transition: 'all 0.3s ease-out'
28145
+ }
28146
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
28147
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
28148
+ style: {
28149
+ width: '40px',
28150
+ height: '40px',
28151
+ cursor: 'pointer'
28152
+ }
28136
28153
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28137
28154
  "class": "col-lg-12 p-0"
28138
28155
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28153,30 +28170,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28153
28170
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
28154
28171
  "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
28155
28172
  onClick: function onClick() {
28156
- var _authdetailsContext$i;
28157
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
28158
- var _authdetailsContext$i2;
28159
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
28173
+ var _authdetailsContext$i2;
28174
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
28175
+ var _authdetailsContext$i3;
28176
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
28160
28177
  }
28161
28178
  },
28162
28179
  size: sectionproperties.facebkbtnniconfontsize
28163
28180
  }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
28164
28181
  "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
28165
28182
  onClick: function onClick() {
28166
- var _authdetailsContext$i3;
28167
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
28168
- var _authdetailsContext$i4;
28169
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
28183
+ var _authdetailsContext$i4;
28184
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
28185
+ var _authdetailsContext$i5;
28186
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
28170
28187
  }
28171
28188
  },
28172
28189
  size: sectionproperties.instgrambtniconfontsize
28173
28190
  }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
28174
28191
  "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
28175
28192
  onClick: function onClick() {
28176
- var _authdetailsContext$i5;
28177
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
28178
- var _authdetailsContext$i6;
28179
- 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');
28193
+ var _authdetailsContext$i6;
28194
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
28195
+ var _authdetailsContext$i7;
28196
+ 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');
28180
28197
  }
28181
28198
  },
28182
28199
  size: sectionproperties.youtubebtniconfontsize
@@ -28568,10 +28585,19 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28568
28585
  }
28569
28586
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28570
28587
  className: "col-lg-12 p-0"
28571
- }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28588
+ }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28572
28589
  sectionpropertiesprops: sectionproperties,
28573
28590
  actions: actions
28574
- }))));
28591
+ }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
28592
+ sectionpropertiesprops: sectionproperties,
28593
+ actions: actions
28594
+ }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28595
+ sectionpropertiesprops: sectionproperties,
28596
+ actions: actions
28597
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
28598
+ sectionpropertiesprops: sectionproperties,
28599
+ actions: actions
28600
+ }), ' ')));
28575
28601
  };
28576
28602
 
28577
28603
  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 ";
@@ -52803,7 +52829,7 @@ var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props)
52803
52829
  };
52804
52830
 
52805
52831
  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";
52806
- var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52832
+ var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52807
52833
  styleInject(css_248z$l);
52808
52834
 
52809
52835
  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; }
@@ -53012,14 +53038,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53012
53038
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53013
53039
  className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
53014
53040
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53015
- 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 ',
53041
+ 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 ',
53016
53042
  style: {
53017
53043
  // zIndex: 2000,
53018
53044
  }
53019
53045
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53020
- className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$5.maintitle2) + ' d-flex justify-content-md-center '
53046
+ className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
53021
53047
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
53022
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
53048
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
53023
53049
  onClick: function onClick() {
53024
53050
  // if(place_clickable == 'Button'){
53025
53051
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
@@ -53041,7 +53067,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53041
53067
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53042
53068
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53043
53069
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53044
- className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
53070
+ className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
53045
53071
  style: {
53046
53072
  color: sectionproperties.generaltext_fontColor,
53047
53073
  textTransform: sectionproperties.generaltext_textTransform,
@@ -53050,7 +53076,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53050
53076
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
53051
53077
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53052
53078
  }, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53053
- className: "".concat(cardsstyles$5.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
53079
+ className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
53054
53080
  style: {
53055
53081
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
53056
53082
  color: sectionproperties.slideshowText2ContentColor,
@@ -53060,7 +53086,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53060
53086
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
53061
53087
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53062
53088
  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
53063
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
53089
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
53064
53090
  onClick: function onClick() {
53065
53091
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
53066
53092
  }
@@ -55742,11 +55768,11 @@ var Twobgimages = function Twobgimages(props) {
55742
55768
  }
55743
55769
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
55744
55770
  })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
55745
- "class": "col-12 p-0 d-none d-md-flex"
55771
+ "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
55746
55772
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
55747
55773
  transitionBehavior: 'auto',
55748
55774
  wrapperClassName: '',
55749
- itemClassName: 'scrollmenuclassnameitemCategoryCardTextOnImage'
55775
+ itemClassName: 'scrollimagebg'
55750
55776
  }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
55751
55777
  return /*#__PURE__*/React__default["default"].createElement("div", {
55752
55778
  className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
@@ -67125,7 +67151,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
67125
67151
  };
67126
67152
 
67127
67153
  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}";
67128
- 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"};
67154
+ 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"};
67129
67155
  styleInject(css_248z$c);
67130
67156
 
67131
67157
  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; }
@@ -67444,16 +67470,16 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67444
67470
  minHeight: '370px'
67445
67471
  }
67446
67472
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67447
- "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67473
+ "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67448
67474
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67449
- "class": "".concat(cardsstyles$4.card_inner)
67475
+ "class": "".concat(cardsstyles$3.card_inner)
67450
67476
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67451
- "class": "".concat(cardsstyles$4.card_thumbnail),
67477
+ "class": "".concat(cardsstyles$3.card_thumbnail),
67452
67478
  style: {
67453
67479
  position: 'relative'
67454
67480
  }
67455
67481
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67456
- "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67482
+ "class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67457
67483
  onClick: function onClick() {
67458
67484
  setShowProductInfoModalContext(true);
67459
67485
  setProductIdProdutInfoModalContext(item.productid);
@@ -67478,7 +67504,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67478
67504
  },
67479
67505
  loading: "lazy"
67480
67506
  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67481
- "class": "".concat(cardsstyles$4.wishlistbtn),
67507
+ "class": "".concat(cardsstyles$3.wishlistbtn),
67482
67508
  onClick: function onClick() {
67483
67509
  addtofavoritescontext(item.productid);
67484
67510
  }
@@ -67530,7 +67556,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67530
67556
  }, /*#__PURE__*/React__default["default"].createElement("p", {
67531
67557
  "class": "m-0 p-0"
67532
67558
  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
67533
- "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
67559
+ "class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
67534
67560
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67535
67561
  "class": "col-lg-12"
67536
67562
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -67554,7 +67580,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67554
67580
  textAlign: langdetect == 'en' ? 'left' : 'right'
67555
67581
  }
67556
67582
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
67557
- "class": "".concat(cardsstyles$4.card_informationcontainer)
67583
+ "class": "".concat(cardsstyles$3.card_informationcontainer)
67558
67584
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67559
67585
  "class": "row m-0 w-100 d-flex align-items-center"
67560
67586
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -70238,7 +70264,7 @@ var ServiceCard = function ServiceCard(props) {
70238
70264
  };
70239
70265
 
70240
70266
  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";
70241
- 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"};
70267
+ 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"};
70242
70268
  styleInject(css_248z$5);
70243
70269
 
70244
70270
  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; }
@@ -70513,7 +70539,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
70513
70539
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
70514
70540
  }
70515
70541
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
70516
- "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70542
+ "class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70517
70543
  style: {
70518
70544
  position: 'relative'
70519
70545
  }
@@ -70552,7 +70578,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
70552
70578
  },
70553
70579
  loading: "lazy"
70554
70580
  }))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
70555
- "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70581
+ "class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70556
70582
  onClick: function onClick(e) {
70557
70583
  e.stopPropagation();
70558
70584
  addtofavoritescontext(item.productid);
@@ -72759,13 +72785,11 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
72759
72785
  };
72760
72786
 
72761
72787
  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";
72762
- var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
72763
72788
  styleInject(css_248z$3);
72764
72789
 
72765
72790
  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; }
72766
72791
  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; }
72767
72792
  var Productcard6 = function Productcard6(props) {
72768
- var _css;
72769
72793
  var _useState = React.useState(''),
72770
72794
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72771
72795
  sectionproperties = _useState2[0],
@@ -72775,17 +72799,17 @@ var Productcard6 = function Productcard6(props) {
72775
72799
  item = _useState4[0],
72776
72800
  setitem = _useState4[1];
72777
72801
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
72778
- var lang = props.actions.lang;
72802
+ props.actions.lang;
72779
72803
  var langdetect = props.actions.langdetect;
72780
- var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
72781
- var addtofavoritescontext = props.actions.addtofavoritescontext;
72782
- var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
72804
+ props.actions.setShowProductInfoModalContext;
72805
+ props.actions.addtofavoritescontext;
72806
+ props.actions.setProductIdProdutInfoModalContext;
72783
72807
  props.actions.AddtoCartContext;
72784
72808
  props.actions.AddtoCartMutationContext;
72785
72809
  props.actions.StaticPagesLinksContext;
72786
72810
  props.actions.routingcountext;
72787
- var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72788
- props.actions.ikimagecredcontext;
72811
+ props.actions.cardonclickfunctionContext;
72812
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
72789
72813
  React.useEffect(function () {
72790
72814
  if (props.srcfrom == 'addsectionform') {
72791
72815
  var secpropobj = {};
@@ -72808,48 +72832,137 @@ var Productcard6 = function Productcard6(props) {
72808
72832
  React.useEffect(function () {
72809
72833
  setitem(props.cardinfoitemprops);
72810
72834
  }, [props.cardinfoitemprops]);
72835
+ // const card_cssstyles = {
72836
+ // productcard: css({
72837
+ // position: 'relative',
72838
+ // background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72839
+ // boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72840
+ // border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72841
+ // height: sectionproperties.height + 'px',
72842
+ // width: '100%',
72843
+ // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72844
+ // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72845
+ // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72846
+ // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72847
+ // marginTop: sectionproperties.marginTop + 'px',
72848
+ // marginBottom: sectionproperties.marginBottom + 'px',
72849
+ // paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72850
+ // paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72851
+ // paddingTop: sectionproperties.paddingTop + 'px',
72852
+ // paddingBottom: sectionproperties.paddingBottom + 'px',
72853
+ // transition: '0.3s',
72854
+ // cursor: 'pointer',
72855
+ // opacity: sectionproperties.cardbg_opacity,
72856
+ // border: sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor,
72857
+
72858
+ // ':hover': {
72859
+ // opacity: sectionproperties.bgopacityonhover,
72860
+ // },
72861
+ // ':after': {
72862
+ // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72863
+ // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72864
+ // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72865
+ // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72866
+ // content: 's',
72867
+ // fontSize: 0,
72868
+ // position: 'absolute',
72869
+ // top: 0,
72870
+ // bottom: 0,
72871
+ // left: 0,
72872
+ // width: '100%',
72873
+ // height: '100%',
72874
+ // transition: ' 0.3s',
72875
+ // background: sectionproperties.transitionbg_color,
72876
+ // opacity: sectionproperties.cardtransition_opacity,
72877
+ // },
72878
+ // ':hover:after': {
72879
+ // opacity: sectionproperties.cardtransitionbgopacityonhover,
72880
+ // },
72881
+ // }),
72882
+ // productNameStyles: css({
72883
+ // color: sectionproperties.prodNameColor,
72884
+ // fontSize: sectionproperties.prodNameFontSize + 'px',
72885
+ // textTransform: sectionproperties.prodNameTextTranform,
72886
+ // fontWeight: sectionproperties.prodNameFontWeight,
72887
+ // transition: '.3s',
72888
+ // cursor: 'pointer',
72889
+ // position: 'absolute',
72890
+ // zIndex: '10',
72891
+ // }),
72892
+ // productPricestyles: css({
72893
+ // color: sectionproperties.prodPriceColor,
72894
+ // fontSize: sectionproperties.prodpriceFontSize + 'px',
72895
+ // fontWeight: sectionproperties.prodPriceFontWeight,
72896
+ // zIndex: '10',
72897
+ // }),
72898
+ // productSalePricestyles: css({
72899
+ // color: sectionproperties.prodsalePriceColor,
72900
+ // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72901
+ // fontWeight: sectionproperties.prodsalePriceFontWeight,
72902
+ // zIndex: '10',
72903
+ // }),
72904
+ // wishlist_btn: css({
72905
+ // width: sectionproperties.favBtnWidth + 'px',
72906
+ // height: sectionproperties.favBtnHeight + 'px',
72907
+ // background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72908
+ // borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72909
+ // color: sectionproperties.favBtnTextcolor,
72910
+ // fontSize: sectionproperties.favBtnIconfontsize + 'px',
72911
+ // textTransform: sectionproperties.favBtnTexttransform,
72912
+ // fontWeight: sectionproperties.favBtnTextfontweight,
72913
+ // transition: '.3s',
72914
+ // border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72915
+ // ':hover': {
72916
+ // background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72917
+ // color: sectionproperties.favBtnTextcoloronhover,
72918
+ // borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover,
72919
+ // },
72920
+ // }),
72921
+ // cart_btn: css({
72922
+ // width: sectionproperties.cartBtnWidth + 'px',
72923
+ // height: sectionproperties.cartBtnHeight + 'px',
72924
+ // background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72925
+ // borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72926
+ // color: sectionproperties.cartBtnTextcolor,
72927
+ // fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72928
+ // // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72929
+ // textTransform: sectionproperties.cartBtnTexttransform,
72930
+ // fontWeight: sectionproperties.cartBtnTextfontweight,
72931
+ // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72932
+ // transition: '.3s',
72933
+ // ':hover': {
72934
+ // background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72935
+ // color: sectionproperties.cartBtnTextcoloronhover,
72936
+ // },
72937
+ // zIndex: '10',
72938
+ // }),
72939
+ // };
72811
72940
  var card_cssstyles = {
72812
- productcard: glamor.css((_css = {
72941
+ productcard: glamor.css({
72942
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72943
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72944
+ '@media (max-width: 800px)': {
72945
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
72946
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
72947
+ }
72948
+ }),
72949
+ productcardimagecont: glamor.css({
72813
72950
  position: 'relative',
72814
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72815
- boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72816
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72817
- height: sectionproperties.height + 'px',
72818
- width: '100%',
72819
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72820
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72821
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72822
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72823
- marginTop: sectionproperties.marginTop + 'px',
72824
- marginBottom: sectionproperties.marginBottom + 'px',
72825
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72826
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72827
- paddingTop: sectionproperties.paddingTop + 'px',
72828
- paddingBottom: sectionproperties.paddingBottom + 'px',
72829
- transition: '0.3s',
72830
- cursor: 'pointer',
72831
- opacity: sectionproperties.cardbg_opacity
72832
- }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
72833
- opacity: sectionproperties.bgopacityonhover
72834
- }), _defineProperty__default["default"](_css, ':after', {
72835
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72836
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72837
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72838
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72839
- content: 's',
72840
- fontSize: 0,
72841
- position: 'absolute',
72842
- top: 0,
72843
- bottom: 0,
72844
- left: 0,
72845
- width: '100%',
72846
- height: '100%',
72847
- transition: ' 0.3s',
72848
- background: sectionproperties.transitionbg_color,
72849
- opacity: sectionproperties.cardtransition_opacity
72850
- }), _defineProperty__default["default"](_css, ':hover:after', {
72851
- opacity: sectionproperties.cardtransitionbgopacityonhover
72852
- }), _css)),
72951
+ overflow: 'hidden',
72952
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
72953
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
72954
+ border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
72955
+ borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
72956
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72957
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
72958
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72959
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72960
+ transition: '.3s',
72961
+ opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
72962
+ '@media (max-width: 800px)': {
72963
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
72964
+ }
72965
+ }),
72853
72966
  productNameStyles: glamor.css({
72854
72967
  color: sectionproperties.prodNameColor,
72855
72968
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -72857,20 +72970,19 @@ var Productcard6 = function Productcard6(props) {
72857
72970
  fontWeight: sectionproperties.prodNameFontWeight,
72858
72971
  transition: '.3s',
72859
72972
  cursor: 'pointer',
72860
- position: 'absolute',
72861
- zIndex: '10'
72973
+ ':hover': {
72974
+ color: sectionproperties.prodNameColorOnHover
72975
+ }
72862
72976
  }),
72863
72977
  productPricestyles: glamor.css({
72864
72978
  color: sectionproperties.prodPriceColor,
72865
72979
  fontSize: sectionproperties.prodpriceFontSize + 'px',
72866
- fontWeight: sectionproperties.prodPriceFontWeight,
72867
- zIndex: '10'
72980
+ fontWeight: sectionproperties.prodPriceFontWeight
72868
72981
  }),
72869
72982
  productSalePricestyles: glamor.css({
72870
72983
  color: sectionproperties.prodsalePriceColor,
72871
72984
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72872
- fontWeight: sectionproperties.prodsalePriceFontWeight,
72873
- zIndex: '10'
72985
+ fontWeight: sectionproperties.prodsalePriceFontWeight
72874
72986
  }),
72875
72987
  wishlist_btn: glamor.css({
72876
72988
  width: sectionproperties.favBtnWidth + 'px',
@@ -72878,112 +72990,217 @@ var Productcard6 = function Productcard6(props) {
72878
72990
  background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72879
72991
  borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72880
72992
  color: sectionproperties.favBtnTextcolor,
72881
- fontSize: sectionproperties.favBtnIconfontsize + 'px',
72993
+ fontSize: sectionproperties.favBtnTextfontsize + 'px',
72882
72994
  textTransform: sectionproperties.favBtnTexttransform,
72883
72995
  fontWeight: sectionproperties.favBtnTextfontweight,
72884
72996
  transition: '.3s',
72885
72997
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72886
72998
  ':hover': {
72887
72999
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72888
- color: sectionproperties.favBtnTextcoloronhover,
72889
- borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
73000
+ color: sectionproperties.favBtnTextcoloronhover
72890
73001
  }
72891
73002
  }),
72892
73003
  cart_btn: glamor.css({
72893
- width: sectionproperties.cartBtnWidth + 'px',
73004
+ width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
72894
73005
  height: sectionproperties.cartBtnHeight + 'px',
72895
73006
  background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72896
73007
  borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72897
73008
  color: sectionproperties.cartBtnTextcolor,
72898
73009
  fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72899
- // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72900
73010
  textTransform: sectionproperties.cartBtnTexttransform,
72901
73011
  fontWeight: sectionproperties.cartBtnTextfontweight,
72902
73012
  border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72903
73013
  transition: '.3s',
73014
+ textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
72904
73015
  ':hover': {
72905
73016
  background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72906
- color: sectionproperties.cartBtnTextcoloronhover
72907
- },
72908
- zIndex: '10'
73017
+ color: sectionproperties.cartBtnTextcoloronhover,
73018
+ borderColor: sectionproperties.cartBtnTextcoloronhover
73019
+ }
73020
+ }),
73021
+ cardconttt: glamor.css({
73022
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
73023
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
73024
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
73025
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
73026
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
73027
+ marginTop: sectionproperties.marginTop + 'px',
73028
+ marginBottom: sectionproperties.marginBottom + 'px',
73029
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
73030
+ paddingTop: sectionproperties.paddingTop + 'px',
73031
+ paddingBottom: sectionproperties.paddingBottom + 'px',
73032
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
73033
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
73034
+ transition: '.3s',
73035
+ // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
73036
+ ':hover': {
73037
+ backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
73038
+ transition: 0.3
73039
+ }
72909
73040
  })
72910
73041
  };
72911
73042
  return /*#__PURE__*/React__default["default"].createElement("div", {
72912
- "class": "row m-0 w-100",
73043
+ "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
72913
73044
  style: {
72914
73045
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
72915
73046
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
72916
73047
  }
72917
73048
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72918
- "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72919
- style: {
72920
- backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72921
- backgroundRepeat: 'no-repeat',
72922
- // backgroundSize: 'cover',
72923
- backgroundPosition: 'center'
72924
- },
72925
- onClick: function onClick() {
72926
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72927
- }
72928
- }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72929
- "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
73049
+ "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
72930
73050
  style: {}
72931
- }, /*#__PURE__*/React__default["default"].createElement("p", {
72932
- onClick: function onClick(e) {
72933
- e.stopPropagation();
72934
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72935
- },
72936
- "class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
72937
- }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
72938
- "class": "col-lg-12 d-flex justify-content-start p-0",
73051
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
73052
+ "class": "w-100",
72939
73053
  style: {
72940
- height: '50%',
72941
- zIndex: 100,
72942
- position: 'absolute',
72943
- bottom: 10
73054
+ position: 'relative'
72944
73055
  }
72945
73056
  }, /*#__PURE__*/React__default["default"].createElement("div", {
72946
- "class": "row w-100 ml-0 mr-0 mt-auto"
72947
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72948
- "class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
72949
- }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
72950
- "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
72951
- }, 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", {
72952
- "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
72953
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
72954
- "class": "col-lg-12 p-0 d-flex"
72955
- }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
72956
- "class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
72957
- onClick: function onClick(e) {
72958
- e.stopPropagation();
72959
- setShowProductInfoModalContext(true);
72960
- setProductIdProdutInfoModalContext(item.productid);
72961
- }
72962
- }, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
72963
- "class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
72964
- onClick: function onClick(e) {
72965
- e.stopPropagation();
72966
- addtofavoritescontext(item.productid);
73057
+ "class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
73058
+ style: {
73059
+ marginBottom: sectionproperties.image_mb + 'px'
72967
73060
  }
72968
- }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
72969
- "class": "h-100 d-flex align-items-center justify-content-center"
72970
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
72971
- size: sectionproperties.favBtnIconfontsize,
73061
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
73062
+ "class": "w-100 cursor-pointer",
72972
73063
  style: {
72973
- color: sectionproperties.activefaviconcolor
73064
+ position: 'relative'
72974
73065
  }
72975
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
72976
- size: sectionproperties.favBtnIconfontsize,
73066
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
73067
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
73068
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
73069
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
73070
+ loading: "lazy",
72977
73071
  style: {
72978
- color: sectionproperties.activefaviconcolor
73072
+ width: sectionproperties.imageInnerWidth_Height + '%',
73073
+ height: sectionproperties.imageInnerWidth_Height + '%',
73074
+ objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
72979
73075
  }
72980
- })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
72981
- "class": "h-100 d-flex align-items-center justify-content-center"
72982
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
72983
- size: sectionproperties.favBtnIconfontsize
72984
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
72985
- size: sectionproperties.favBtnIconfontsize
72986
- }))))))));
73076
+ })))), /*#__PURE__*/React__default["default"].createElement("div", null)))
73077
+ // <div
73078
+ // class="row m-0 w-100"
73079
+ // style={{
73080
+ // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
73081
+ // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
73082
+ // }}
73083
+ // >
73084
+ // {sectionproperties.length != 0 && (
73085
+ // <div
73086
+ // class={`${card_cssstyles.productcard} ${cardsstyles.productcard}` + ' w-100 '}
73087
+ // style={{
73088
+ // // backgroundImage: `url(${serverbaselink + item.image})`,
73089
+ // // backgroundRepeat: 'no-repeat',
73090
+ // // // backgroundSize: 'cover',
73091
+ // // backgroundPosition: 'center',
73092
+ // position: 'relative',
73093
+ // }}
73094
+ // onClick={() => {
73095
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73096
+ // }}
73097
+ // >
73098
+ // <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%' }}>
73099
+ // {item.image != '' && (
73100
+ // <Imagekitimagecomp
73101
+ // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
73102
+ // publicKey={ikimagecredcontext?.ikimagepublickey}
73103
+ // path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
73104
+ // style={{
73105
+ // width: sectionproperties.imageInnerWidth_Height + '%',
73106
+ // height: sectionproperties.imageInnerWidth_Height + '%',
73107
+ // objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
73108
+ // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
73109
+ // borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
73110
+ // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
73111
+ // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
73112
+ // }}
73113
+ // loading="lazy"
73114
+ // />
73115
+ // )}
73116
+ // </div>
73117
+ // <div
73118
+ // class="row m-0 w-100"
73119
+ // style={{
73120
+ // position: 'absolute',
73121
+ // height: '100%',
73122
+ // top: 0,
73123
+ // left: 0,
73124
+ // }}
73125
+ // >
73126
+ // {sectionproperties.prodNameShow == 'Show' && (
73127
+ // <div class="col-lg-12 d-flex flex-row justify-content-start p-0" style={{}}>
73128
+ // <p
73129
+ // onClick={(e) => {
73130
+ // e.stopPropagation();
73131
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73132
+ // }}
73133
+ // class={`${card_cssstyles.productNameStyles}` + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '}
73134
+ // >
73135
+ // {item.name}
73136
+ // </p>
73137
+ // </div>
73138
+ // )}
73139
+ // <div class="col-lg-12 d-flex justify-content-start p-0" style={{ height: '50%', zIndex: 100, position: 'absolute', bottom: 10 }}>
73140
+ // <div class="row w-100 ml-0 mr-0 mt-auto">
73141
+ // <div class="col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto">
73142
+ // {sectionproperties.prodPriceShow == 'Show' && (
73143
+ // <p class={`${card_cssstyles.productPricestyles}` + ' m-0 '}>
73144
+ // {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
73145
+ // </p>
73146
+ // )}
73147
+ // {sectionproperties.prodsalePriceshow == 'Show' && (
73148
+ // <>
73149
+ // {item.hassale == 1 && (
73150
+ // <p class={`${card_cssstyles.productSalePricestyles}` + ' linethrough m-0 mr-2 ml-2 '}>
73151
+ // {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
73152
+ // </p>
73153
+ // )}
73154
+ // </>
73155
+ // )}
73156
+ // </div>
73157
+ // <div class="col-lg-12 p-0 d-flex">
73158
+ // {sectionproperties.cartBtnShow == 'Show' && (
73159
+ // <button
73160
+ // class={`${card_cssstyles.cart_btn}` + ' mr-3 '}
73161
+ // onClick={(e) => {
73162
+ // e.stopPropagation();
73163
+ // setShowProductInfoModalContext(true);
73164
+ // setProductIdProdutInfoModalContext(item.productid);
73165
+ // }}
73166
+ // >
73167
+ // {lang.addtocart}
73168
+ // </button>
73169
+ // )}
73170
+ // {sectionproperties.favBtnShow == 'Show' && (
73171
+ // <button
73172
+ // class={`${card_cssstyles.wishlist_btn}` + ' d-flex align-items-center justify-content-center '}
73173
+ // onClick={(e) => {
73174
+ // e.stopPropagation();
73175
+ // addtofavoritescontext(item.productid);
73176
+ // }}
73177
+ // >
73178
+ // {item.IsFavExists && (
73179
+ // <i class="h-100 d-flex align-items-center justify-content-center">
73180
+ // {sectionproperties.faviconshape == 'Star Shape' && (
73181
+ // <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73182
+ // )}
73183
+ // {sectionproperties.faviconshape == 'Heart Shape' && (
73184
+ // <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73185
+ // )}
73186
+ // </i>
73187
+ // )}
73188
+ // {!item.IsFavExists && (
73189
+ // <i class="h-100 d-flex align-items-center justify-content-center">
73190
+ // {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
73191
+ // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
73192
+ // </i>
73193
+ // )}
73194
+ // </button>
73195
+ // )}
73196
+ // </div>
73197
+ // </div>
73198
+ // </div>
73199
+ // </div>
73200
+ // </div>
73201
+ // )}
73202
+ // </div>
73203
+ ;
72987
73204
  };
72988
73205
 
72989
73206
  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; }