tabexseriescomponents 0.0.561 → 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 +328 -166
- package/dist/index.esm.js +328 -166
- package/dist/index.umd.js +327 -165
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -28133,7 +28133,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
|
|
|
28133
28133
|
}, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
|
|
28134
28134
|
sectionpropertiesprops: sectionproperties,
|
|
28135
28135
|
actions: actions
|
|
28136
|
-
})),
|
|
28136
|
+
})), /*#__PURE__*/React__default["default"].createElement("a", {
|
|
28137
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
28138
|
target: '_blank',
|
|
28139
28139
|
style: {
|
|
@@ -52829,7 +52829,7 @@ var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props)
|
|
|
52829
52829
|
};
|
|
52830
52830
|
|
|
52831
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";
|
|
52832
|
-
var cardsstyles$
|
|
52832
|
+
var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
|
|
52833
52833
|
styleInject(css_248z$l);
|
|
52834
52834
|
|
|
52835
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; }
|
|
@@ -53038,14 +53038,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53038
53038
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53039
53039
|
className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
|
|
53040
53040
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
53041
|
-
className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$
|
|
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 ',
|
|
53042
53042
|
style: {
|
|
53043
53043
|
// zIndex: 2000,
|
|
53044
53044
|
}
|
|
53045
53045
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
53046
|
-
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$
|
|
53046
|
+
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
|
|
53047
53047
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
53048
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
53048
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
53049
53049
|
onClick: function onClick() {
|
|
53050
53050
|
// if(place_clickable == 'Button'){
|
|
53051
53051
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
@@ -53067,7 +53067,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53067
53067
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53068
53068
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53069
53069
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
53070
|
-
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$
|
|
53070
|
+
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
|
|
53071
53071
|
style: {
|
|
53072
53072
|
color: sectionproperties.generaltext_fontColor,
|
|
53073
53073
|
textTransform: sectionproperties.generaltext_textTransform,
|
|
@@ -53076,7 +53076,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53076
53076
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53077
53077
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53078
53078
|
}, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
53079
|
-
className: "".concat(cardsstyles$
|
|
53079
|
+
className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
|
|
53080
53080
|
style: {
|
|
53081
53081
|
fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
|
|
53082
53082
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -53086,7 +53086,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53086
53086
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53087
53087
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53088
53088
|
}, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
53089
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
53089
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
53090
53090
|
onClick: function onClick() {
|
|
53091
53091
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
53092
53092
|
}
|
|
@@ -67151,7 +67151,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
67151
67151
|
};
|
|
67152
67152
|
|
|
67153
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}";
|
|
67154
|
-
var cardsstyles$
|
|
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"};
|
|
67155
67155
|
styleInject(css_248z$c);
|
|
67156
67156
|
|
|
67157
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; }
|
|
@@ -67470,16 +67470,16 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67470
67470
|
minHeight: '370px'
|
|
67471
67471
|
}
|
|
67472
67472
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67473
|
-
"class": "".concat(cardsstyles$
|
|
67473
|
+
"class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
|
|
67474
67474
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67475
|
-
"class": "".concat(cardsstyles$
|
|
67475
|
+
"class": "".concat(cardsstyles$3.card_inner)
|
|
67476
67476
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67477
|
-
"class": "".concat(cardsstyles$
|
|
67477
|
+
"class": "".concat(cardsstyles$3.card_thumbnail),
|
|
67478
67478
|
style: {
|
|
67479
67479
|
position: 'relative'
|
|
67480
67480
|
}
|
|
67481
67481
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67482
|
-
"class": "".concat(cardsstyles$
|
|
67482
|
+
"class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
|
|
67483
67483
|
onClick: function onClick() {
|
|
67484
67484
|
setShowProductInfoModalContext(true);
|
|
67485
67485
|
setProductIdProdutInfoModalContext(item.productid);
|
|
@@ -67504,7 +67504,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67504
67504
|
},
|
|
67505
67505
|
loading: "lazy"
|
|
67506
67506
|
})), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67507
|
-
"class": "".concat(cardsstyles$
|
|
67507
|
+
"class": "".concat(cardsstyles$3.wishlistbtn),
|
|
67508
67508
|
onClick: function onClick() {
|
|
67509
67509
|
addtofavoritescontext(item.productid);
|
|
67510
67510
|
}
|
|
@@ -67556,7 +67556,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67556
67556
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
67557
67557
|
"class": "m-0 p-0"
|
|
67558
67558
|
}, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67559
|
-
"class": "".concat(cardsstyles$
|
|
67559
|
+
"class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
|
|
67560
67560
|
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67561
67561
|
"class": "col-lg-12"
|
|
67562
67562
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
@@ -67580,7 +67580,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67580
67580
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
67581
67581
|
}
|
|
67582
67582
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67583
|
-
"class": "".concat(cardsstyles$
|
|
67583
|
+
"class": "".concat(cardsstyles$3.card_informationcontainer)
|
|
67584
67584
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67585
67585
|
"class": "row m-0 w-100 d-flex align-items-center"
|
|
67586
67586
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
@@ -70264,7 +70264,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
70264
70264
|
};
|
|
70265
70265
|
|
|
70266
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";
|
|
70267
|
-
var cardsstyles$
|
|
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"};
|
|
70268
70268
|
styleInject(css_248z$5);
|
|
70269
70269
|
|
|
70270
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; }
|
|
@@ -70539,7 +70539,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
70539
70539
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
70540
70540
|
}
|
|
70541
70541
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
70542
|
-
"class": "".concat(cardsstyles$
|
|
70542
|
+
"class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
|
|
70543
70543
|
style: {
|
|
70544
70544
|
position: 'relative'
|
|
70545
70545
|
}
|
|
@@ -70578,7 +70578,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
70578
70578
|
},
|
|
70579
70579
|
loading: "lazy"
|
|
70580
70580
|
}))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
70581
|
-
"class": "".concat(cardsstyles$
|
|
70581
|
+
"class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
|
|
70582
70582
|
onClick: function onClick(e) {
|
|
70583
70583
|
e.stopPropagation();
|
|
70584
70584
|
addtofavoritescontext(item.productid);
|
|
@@ -72785,13 +72785,11 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
|
72785
72785
|
};
|
|
72786
72786
|
|
|
72787
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";
|
|
72788
|
-
var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
|
|
72789
72788
|
styleInject(css_248z$3);
|
|
72790
72789
|
|
|
72791
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; }
|
|
72792
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; }
|
|
72793
72792
|
var Productcard6 = function Productcard6(props) {
|
|
72794
|
-
var _css;
|
|
72795
72793
|
var _useState = React.useState(''),
|
|
72796
72794
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
72797
72795
|
sectionproperties = _useState2[0],
|
|
@@ -72801,16 +72799,16 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72801
72799
|
item = _useState4[0],
|
|
72802
72800
|
setitem = _useState4[1];
|
|
72803
72801
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
72804
|
-
|
|
72802
|
+
props.actions.lang;
|
|
72805
72803
|
var langdetect = props.actions.langdetect;
|
|
72806
|
-
|
|
72807
|
-
|
|
72808
|
-
|
|
72804
|
+
props.actions.setShowProductInfoModalContext;
|
|
72805
|
+
props.actions.addtofavoritescontext;
|
|
72806
|
+
props.actions.setProductIdProdutInfoModalContext;
|
|
72809
72807
|
props.actions.AddtoCartContext;
|
|
72810
72808
|
props.actions.AddtoCartMutationContext;
|
|
72811
72809
|
props.actions.StaticPagesLinksContext;
|
|
72812
72810
|
props.actions.routingcountext;
|
|
72813
|
-
|
|
72811
|
+
props.actions.cardonclickfunctionContext;
|
|
72814
72812
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
72815
72813
|
React.useEffect(function () {
|
|
72816
72814
|
if (props.srcfrom == 'addsectionform') {
|
|
@@ -72834,48 +72832,137 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72834
72832
|
React.useEffect(function () {
|
|
72835
72833
|
setitem(props.cardinfoitemprops);
|
|
72836
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
|
+
// };
|
|
72837
72940
|
var card_cssstyles = {
|
|
72838
|
-
productcard: glamor.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({
|
|
72839
72950
|
position: 'relative',
|
|
72840
|
-
|
|
72841
|
-
|
|
72842
|
-
|
|
72843
|
-
|
|
72844
|
-
|
|
72845
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72846
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72847
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72848
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72849
|
-
|
|
72850
|
-
|
|
72851
|
-
|
|
72852
|
-
|
|
72853
|
-
|
|
72854
|
-
|
|
72855
|
-
transition: '0.3s',
|
|
72856
|
-
cursor: 'pointer',
|
|
72857
|
-
opacity: sectionproperties.cardbg_opacity
|
|
72858
|
-
}, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
|
|
72859
|
-
opacity: sectionproperties.bgopacityonhover
|
|
72860
|
-
}), _defineProperty__default["default"](_css, ':after', {
|
|
72861
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72862
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72863
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72864
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72865
|
-
content: 's',
|
|
72866
|
-
fontSize: 0,
|
|
72867
|
-
position: 'absolute',
|
|
72868
|
-
top: 0,
|
|
72869
|
-
bottom: 0,
|
|
72870
|
-
left: 0,
|
|
72871
|
-
width: '100%',
|
|
72872
|
-
height: '100%',
|
|
72873
|
-
transition: ' 0.3s',
|
|
72874
|
-
background: sectionproperties.transitionbg_color,
|
|
72875
|
-
opacity: sectionproperties.cardtransition_opacity
|
|
72876
|
-
}), _defineProperty__default["default"](_css, ':hover:after', {
|
|
72877
|
-
opacity: sectionproperties.cardtransitionbgopacityonhover
|
|
72878
|
-
}), _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
|
+
}),
|
|
72879
72966
|
productNameStyles: glamor.css({
|
|
72880
72967
|
color: sectionproperties.prodNameColor,
|
|
72881
72968
|
fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
@@ -72883,20 +72970,19 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72883
72970
|
fontWeight: sectionproperties.prodNameFontWeight,
|
|
72884
72971
|
transition: '.3s',
|
|
72885
72972
|
cursor: 'pointer',
|
|
72886
|
-
|
|
72887
|
-
|
|
72973
|
+
':hover': {
|
|
72974
|
+
color: sectionproperties.prodNameColorOnHover
|
|
72975
|
+
}
|
|
72888
72976
|
}),
|
|
72889
72977
|
productPricestyles: glamor.css({
|
|
72890
72978
|
color: sectionproperties.prodPriceColor,
|
|
72891
72979
|
fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
72892
|
-
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72893
|
-
zIndex: '10'
|
|
72980
|
+
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72894
72981
|
}),
|
|
72895
72982
|
productSalePricestyles: glamor.css({
|
|
72896
72983
|
color: sectionproperties.prodsalePriceColor,
|
|
72897
72984
|
fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
72898
|
-
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72899
|
-
zIndex: '10'
|
|
72985
|
+
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72900
72986
|
}),
|
|
72901
72987
|
wishlist_btn: glamor.css({
|
|
72902
72988
|
width: sectionproperties.favBtnWidth + 'px',
|
|
@@ -72904,141 +72990,217 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72904
72990
|
background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
72905
72991
|
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
72906
72992
|
color: sectionproperties.favBtnTextcolor,
|
|
72907
|
-
fontSize: sectionproperties.
|
|
72993
|
+
fontSize: sectionproperties.favBtnTextfontsize + 'px',
|
|
72908
72994
|
textTransform: sectionproperties.favBtnTexttransform,
|
|
72909
72995
|
fontWeight: sectionproperties.favBtnTextfontweight,
|
|
72910
72996
|
transition: '.3s',
|
|
72911
72997
|
border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
72912
72998
|
':hover': {
|
|
72913
72999
|
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
72914
|
-
color: sectionproperties.favBtnTextcoloronhover
|
|
72915
|
-
borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
|
|
73000
|
+
color: sectionproperties.favBtnTextcoloronhover
|
|
72916
73001
|
}
|
|
72917
73002
|
}),
|
|
72918
73003
|
cart_btn: glamor.css({
|
|
72919
|
-
width: sectionproperties.cartBtnWidth + 'px',
|
|
73004
|
+
width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
|
|
72920
73005
|
height: sectionproperties.cartBtnHeight + 'px',
|
|
72921
73006
|
background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
72922
73007
|
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
72923
73008
|
color: sectionproperties.cartBtnTextcolor,
|
|
72924
73009
|
fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
72925
|
-
// fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
|
|
72926
73010
|
textTransform: sectionproperties.cartBtnTexttransform,
|
|
72927
73011
|
fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
72928
73012
|
border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
72929
73013
|
transition: '.3s',
|
|
73014
|
+
textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
|
|
72930
73015
|
':hover': {
|
|
72931
73016
|
background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
72932
|
-
color: sectionproperties.cartBtnTextcoloronhover
|
|
72933
|
-
|
|
72934
|
-
|
|
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
|
+
}
|
|
72935
73040
|
})
|
|
72936
73041
|
};
|
|
72937
73042
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72938
|
-
"class": "
|
|
73043
|
+
"class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
|
|
72939
73044
|
style: {
|
|
72940
73045
|
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
72941
73046
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
72942
73047
|
}
|
|
72943
73048
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72944
|
-
"class":
|
|
73049
|
+
"class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
|
|
73050
|
+
style: {}
|
|
73051
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
73052
|
+
"class": "w-100",
|
|
72945
73053
|
style: {
|
|
72946
|
-
// backgroundImage: `url(${serverbaselink + item.image})`,
|
|
72947
|
-
// backgroundRepeat: 'no-repeat',
|
|
72948
|
-
// // backgroundSize: 'cover',
|
|
72949
|
-
// backgroundPosition: 'center',
|
|
72950
73054
|
position: 'relative'
|
|
72951
|
-
},
|
|
72952
|
-
onClick: function onClick() {
|
|
72953
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72954
73055
|
}
|
|
72955
73056
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72956
|
-
"class": card_cssstyles.
|
|
73057
|
+
"class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
|
|
72957
73058
|
style: {
|
|
72958
|
-
|
|
72959
|
-
height: '100%'
|
|
73059
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
72960
73060
|
}
|
|
72961
|
-
},
|
|
73061
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
73062
|
+
"class": "w-100 cursor-pointer",
|
|
73063
|
+
style: {
|
|
73064
|
+
position: 'relative'
|
|
73065
|
+
}
|
|
73066
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
72962
73067
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
72963
73068
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
72964
73069
|
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
|
|
73070
|
+
loading: "lazy",
|
|
72965
73071
|
style: {
|
|
72966
73072
|
width: sectionproperties.imageInnerWidth_Height + '%',
|
|
72967
73073
|
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
72968
|
-
objectFit: sectionproperties.bgcovercontain == '
|
|
72969
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
72970
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
72971
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
72972
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
|
|
72973
|
-
},
|
|
72974
|
-
loading: "lazy"
|
|
72975
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72976
|
-
"class": "row m-0 w-100",
|
|
72977
|
-
style: {
|
|
72978
|
-
position: 'absolute',
|
|
72979
|
-
height: '100%',
|
|
72980
|
-
top: 0,
|
|
72981
|
-
left: 0
|
|
72982
|
-
}
|
|
72983
|
-
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72984
|
-
"class": "col-lg-12 d-flex flex-row justify-content-start p-0",
|
|
72985
|
-
style: {}
|
|
72986
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
72987
|
-
onClick: function onClick(e) {
|
|
72988
|
-
e.stopPropagation();
|
|
72989
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72990
|
-
},
|
|
72991
|
-
"class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
|
|
72992
|
-
}, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72993
|
-
"class": "col-lg-12 d-flex justify-content-start p-0",
|
|
72994
|
-
style: {
|
|
72995
|
-
height: '50%',
|
|
72996
|
-
zIndex: 100,
|
|
72997
|
-
position: 'absolute',
|
|
72998
|
-
bottom: 10
|
|
72999
|
-
}
|
|
73000
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
73001
|
-
"class": "row w-100 ml-0 mr-0 mt-auto"
|
|
73002
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
73003
|
-
"class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
|
|
73004
|
-
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
73005
|
-
"class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
|
|
73006
|
-
}, 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", {
|
|
73007
|
-
"class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
|
|
73008
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
73009
|
-
"class": "col-lg-12 p-0 d-flex"
|
|
73010
|
-
}, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
73011
|
-
"class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
|
|
73012
|
-
onClick: function onClick(e) {
|
|
73013
|
-
e.stopPropagation();
|
|
73014
|
-
setShowProductInfoModalContext(true);
|
|
73015
|
-
setProductIdProdutInfoModalContext(item.productid);
|
|
73016
|
-
}
|
|
73017
|
-
}, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
73018
|
-
"class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
|
|
73019
|
-
onClick: function onClick(e) {
|
|
73020
|
-
e.stopPropagation();
|
|
73021
|
-
addtofavoritescontext(item.productid);
|
|
73022
|
-
}
|
|
73023
|
-
}, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
73024
|
-
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
73025
|
-
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
|
|
73026
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
73027
|
-
style: {
|
|
73028
|
-
color: sectionproperties.activefaviconcolor
|
|
73029
|
-
}
|
|
73030
|
-
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
|
|
73031
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
73032
|
-
style: {
|
|
73033
|
-
color: sectionproperties.activefaviconcolor
|
|
73074
|
+
objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
|
|
73034
73075
|
}
|
|
73035
|
-
})),
|
|
73036
|
-
|
|
73037
|
-
|
|
73038
|
-
|
|
73039
|
-
|
|
73040
|
-
|
|
73041
|
-
}
|
|
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
|
+
;
|
|
73042
73204
|
};
|
|
73043
73205
|
|
|
73044
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; }
|