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.umd.js
CHANGED
|
@@ -52653,7 +52653,7 @@
|
|
|
52653
52653
|
};
|
|
52654
52654
|
|
|
52655
52655
|
var css_248z$l = "@media screen and (max-width: 1025px) {\n .Backgroundimage1-module_maintitle__md5m4 {\n left: 0 !important;\n right: 0 !important;\n top: 20% !important;\n }\n .Backgroundimage1-module_maintitle2__xUwDA {\n left: 0 !important;\n right: 0 !important;\n top: 30% !important;\n }\n .Backgroundimage1-module_buttonshop__AmF-E {\n left: 0 !important;\n right: 0 !important;\n top: 40% !important;\n }\n}\n";
|
|
52656
|
-
var cardsstyles$
|
|
52656
|
+
var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
|
|
52657
52657
|
styleInject(css_248z$l);
|
|
52658
52658
|
|
|
52659
52659
|
function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -52862,14 +52862,14 @@
|
|
|
52862
52862
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52863
52863
|
className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
|
|
52864
52864
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
52865
|
-
className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$
|
|
52865
|
+
className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$4.maintitle) + ' justify-content-center d-flex justify-content-md-center ' : "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center ',
|
|
52866
52866
|
style: {
|
|
52867
52867
|
// zIndex: 2000,
|
|
52868
52868
|
}
|
|
52869
52869
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
52870
|
-
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$
|
|
52870
|
+
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
|
|
52871
52871
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
52872
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
52872
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
52873
52873
|
onClick: function onClick() {
|
|
52874
52874
|
// if(place_clickable == 'Button'){
|
|
52875
52875
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
@@ -52891,7 +52891,7 @@
|
|
|
52891
52891
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52892
52892
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
52893
52893
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
52894
|
-
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$
|
|
52894
|
+
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
|
|
52895
52895
|
style: {
|
|
52896
52896
|
color: sectionproperties.generaltext_fontColor,
|
|
52897
52897
|
textTransform: sectionproperties.generaltext_textTransform,
|
|
@@ -52900,7 +52900,7 @@
|
|
|
52900
52900
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52901
52901
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
52902
52902
|
}, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
52903
|
-
className: "".concat(cardsstyles$
|
|
52903
|
+
className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
|
|
52904
52904
|
style: {
|
|
52905
52905
|
fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
|
|
52906
52906
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -52910,7 +52910,7 @@
|
|
|
52910
52910
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52911
52911
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
52912
52912
|
}, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
52913
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
52913
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
52914
52914
|
onClick: function onClick() {
|
|
52915
52915
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
52916
52916
|
}
|
|
@@ -66975,7 +66975,7 @@
|
|
|
66975
66975
|
};
|
|
66976
66976
|
|
|
66977
66977
|
var css_248z$c = ".Productccard_with_zoominonhover-module_productcard__8ASdR {\n\tposition: relative;\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\tposition: absolute;\n\ttop: 5px;\n\tright: 5px;\n\topacity: 0;\n\ttransition: .3s\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl {\n\tposition: relative;\n\tz-index: 1\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\topacity: 1;\n\tz-index: 8\n}\n.Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\ttransform: translateX(0)\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_product_details__3SLId {\n\tpadding-top: 10px ;\n\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\t/* display: none; */\n\tpadding: 0 10px;\n\t/* width: 101% !important;\n\tleft: -1px; */\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK .Productccard_with_zoominonhover-module_price__12djA {\n\tdisplay: none\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\tdisplay: block;\n\tz-index: 1000 !important\n}\n@media screen and (max-width:800px) {\n\t.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\t\tdisplay: block !important;\n\t\t/* border:none !important */\n\t}\n}";
|
|
66978
|
-
var cardsstyles$
|
|
66978
|
+
var cardsstyles$3 = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
|
|
66979
66979
|
styleInject(css_248z$c);
|
|
66980
66980
|
|
|
66981
66981
|
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -67294,16 +67294,16 @@
|
|
|
67294
67294
|
minHeight: '370px'
|
|
67295
67295
|
}
|
|
67296
67296
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67297
|
-
"class": "".concat(cardsstyles$
|
|
67297
|
+
"class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
|
|
67298
67298
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67299
|
-
"class": "".concat(cardsstyles$
|
|
67299
|
+
"class": "".concat(cardsstyles$3.card_inner)
|
|
67300
67300
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67301
|
-
"class": "".concat(cardsstyles$
|
|
67301
|
+
"class": "".concat(cardsstyles$3.card_thumbnail),
|
|
67302
67302
|
style: {
|
|
67303
67303
|
position: 'relative'
|
|
67304
67304
|
}
|
|
67305
67305
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67306
|
-
"class": "".concat(cardsstyles$
|
|
67306
|
+
"class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
|
|
67307
67307
|
onClick: function onClick() {
|
|
67308
67308
|
setShowProductInfoModalContext(true);
|
|
67309
67309
|
setProductIdProdutInfoModalContext(item.productid);
|
|
@@ -67328,7 +67328,7 @@
|
|
|
67328
67328
|
},
|
|
67329
67329
|
loading: "lazy"
|
|
67330
67330
|
})), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67331
|
-
"class": "".concat(cardsstyles$
|
|
67331
|
+
"class": "".concat(cardsstyles$3.wishlistbtn),
|
|
67332
67332
|
onClick: function onClick() {
|
|
67333
67333
|
addtofavoritescontext(item.productid);
|
|
67334
67334
|
}
|
|
@@ -67380,7 +67380,7 @@
|
|
|
67380
67380
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
67381
67381
|
"class": "m-0 p-0"
|
|
67382
67382
|
}, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67383
|
-
"class": "".concat(cardsstyles$
|
|
67383
|
+
"class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
|
|
67384
67384
|
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67385
67385
|
"class": "col-lg-12"
|
|
67386
67386
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
@@ -67404,7 +67404,7 @@
|
|
|
67404
67404
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
67405
67405
|
}
|
|
67406
67406
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67407
|
-
"class": "".concat(cardsstyles$
|
|
67407
|
+
"class": "".concat(cardsstyles$3.card_informationcontainer)
|
|
67408
67408
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
67409
67409
|
"class": "row m-0 w-100 d-flex align-items-center"
|
|
67410
67410
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
@@ -70088,7 +70088,7 @@
|
|
|
70088
70088
|
};
|
|
70089
70089
|
|
|
70090
70090
|
var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tposition: relative;\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\t/* opacity: 0; */\n\ttransition: .3s\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo {\n\tposition: relative;\n\tz-index: 1\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\topacity: 1;\n\tz-index: 8\n}\n.ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\ttransform: translateX(0)\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl {\n\tpadding: 0 10px;\n}\n";
|
|
70091
|
-
var cardsstyles$
|
|
70091
|
+
var cardsstyles$2 = {"productcard":"ModernCardWithQuantityButton-module_productcard__PaOc-","wishlistbtn":"ModernCardWithQuantityButton-module_wishlistbtn__mXt2e","card_inner":"ModernCardWithQuantityButton-module_card_inner__1ySNo","card_informationcontainer":"ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl"};
|
|
70092
70092
|
styleInject(css_248z$5);
|
|
70093
70093
|
|
|
70094
70094
|
function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -70363,7 +70363,7 @@
|
|
|
70363
70363
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
70364
70364
|
}
|
|
70365
70365
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
70366
|
-
"class": "".concat(cardsstyles$
|
|
70366
|
+
"class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
|
|
70367
70367
|
style: {
|
|
70368
70368
|
position: 'relative'
|
|
70369
70369
|
}
|
|
@@ -70402,7 +70402,7 @@
|
|
|
70402
70402
|
},
|
|
70403
70403
|
loading: "lazy"
|
|
70404
70404
|
}))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
70405
|
-
"class": "".concat(cardsstyles$
|
|
70405
|
+
"class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
|
|
70406
70406
|
onClick: function onClick(e) {
|
|
70407
70407
|
e.stopPropagation();
|
|
70408
70408
|
addtofavoritescontext(item.productid);
|
|
@@ -72609,13 +72609,11 @@
|
|
|
72609
72609
|
};
|
|
72610
72610
|
|
|
72611
72611
|
var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\n position: relative;\n cursor: pointer;\n transition: 0.3s !important;\n}\n\n.Productcard6-module_addbtn__x6bMd:hover {\n transition: 0.3s;\n}\n";
|
|
72612
|
-
var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
|
|
72613
72612
|
styleInject(css_248z$3);
|
|
72614
72613
|
|
|
72615
72614
|
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
72616
72615
|
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
72617
72616
|
var Productcard6 = function Productcard6(props) {
|
|
72618
|
-
var _css;
|
|
72619
72617
|
var _useState = React.useState(''),
|
|
72620
72618
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
72621
72619
|
sectionproperties = _useState2[0],
|
|
@@ -72625,16 +72623,16 @@
|
|
|
72625
72623
|
item = _useState4[0],
|
|
72626
72624
|
setitem = _useState4[1];
|
|
72627
72625
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
72628
|
-
|
|
72626
|
+
props.actions.lang;
|
|
72629
72627
|
var langdetect = props.actions.langdetect;
|
|
72630
|
-
|
|
72631
|
-
|
|
72632
|
-
|
|
72628
|
+
props.actions.setShowProductInfoModalContext;
|
|
72629
|
+
props.actions.addtofavoritescontext;
|
|
72630
|
+
props.actions.setProductIdProdutInfoModalContext;
|
|
72633
72631
|
props.actions.AddtoCartContext;
|
|
72634
72632
|
props.actions.AddtoCartMutationContext;
|
|
72635
72633
|
props.actions.StaticPagesLinksContext;
|
|
72636
72634
|
props.actions.routingcountext;
|
|
72637
|
-
|
|
72635
|
+
props.actions.cardonclickfunctionContext;
|
|
72638
72636
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
72639
72637
|
React.useEffect(function () {
|
|
72640
72638
|
if (props.srcfrom == 'addsectionform') {
|
|
@@ -72658,48 +72656,137 @@
|
|
|
72658
72656
|
React.useEffect(function () {
|
|
72659
72657
|
setitem(props.cardinfoitemprops);
|
|
72660
72658
|
}, [props.cardinfoitemprops]);
|
|
72659
|
+
// const card_cssstyles = {
|
|
72660
|
+
// productcard: css({
|
|
72661
|
+
// position: 'relative',
|
|
72662
|
+
// background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
|
|
72663
|
+
// boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
72664
|
+
// border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
72665
|
+
// height: sectionproperties.height + 'px',
|
|
72666
|
+
// width: '100%',
|
|
72667
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72668
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72669
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72670
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72671
|
+
// marginTop: sectionproperties.marginTop + 'px',
|
|
72672
|
+
// marginBottom: sectionproperties.marginBottom + 'px',
|
|
72673
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
72674
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
72675
|
+
// paddingTop: sectionproperties.paddingTop + 'px',
|
|
72676
|
+
// paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
72677
|
+
// transition: '0.3s',
|
|
72678
|
+
// cursor: 'pointer',
|
|
72679
|
+
// opacity: sectionproperties.cardbg_opacity,
|
|
72680
|
+
// border: sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor,
|
|
72681
|
+
|
|
72682
|
+
// ':hover': {
|
|
72683
|
+
// opacity: sectionproperties.bgopacityonhover,
|
|
72684
|
+
// },
|
|
72685
|
+
// ':after': {
|
|
72686
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72687
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72688
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72689
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72690
|
+
// content: 's',
|
|
72691
|
+
// fontSize: 0,
|
|
72692
|
+
// position: 'absolute',
|
|
72693
|
+
// top: 0,
|
|
72694
|
+
// bottom: 0,
|
|
72695
|
+
// left: 0,
|
|
72696
|
+
// width: '100%',
|
|
72697
|
+
// height: '100%',
|
|
72698
|
+
// transition: ' 0.3s',
|
|
72699
|
+
// background: sectionproperties.transitionbg_color,
|
|
72700
|
+
// opacity: sectionproperties.cardtransition_opacity,
|
|
72701
|
+
// },
|
|
72702
|
+
// ':hover:after': {
|
|
72703
|
+
// opacity: sectionproperties.cardtransitionbgopacityonhover,
|
|
72704
|
+
// },
|
|
72705
|
+
// }),
|
|
72706
|
+
// productNameStyles: css({
|
|
72707
|
+
// color: sectionproperties.prodNameColor,
|
|
72708
|
+
// fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
72709
|
+
// textTransform: sectionproperties.prodNameTextTranform,
|
|
72710
|
+
// fontWeight: sectionproperties.prodNameFontWeight,
|
|
72711
|
+
// transition: '.3s',
|
|
72712
|
+
// cursor: 'pointer',
|
|
72713
|
+
// position: 'absolute',
|
|
72714
|
+
// zIndex: '10',
|
|
72715
|
+
// }),
|
|
72716
|
+
// productPricestyles: css({
|
|
72717
|
+
// color: sectionproperties.prodPriceColor,
|
|
72718
|
+
// fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
72719
|
+
// fontWeight: sectionproperties.prodPriceFontWeight,
|
|
72720
|
+
// zIndex: '10',
|
|
72721
|
+
// }),
|
|
72722
|
+
// productSalePricestyles: css({
|
|
72723
|
+
// color: sectionproperties.prodsalePriceColor,
|
|
72724
|
+
// fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
72725
|
+
// fontWeight: sectionproperties.prodsalePriceFontWeight,
|
|
72726
|
+
// zIndex: '10',
|
|
72727
|
+
// }),
|
|
72728
|
+
// wishlist_btn: css({
|
|
72729
|
+
// width: sectionproperties.favBtnWidth + 'px',
|
|
72730
|
+
// height: sectionproperties.favBtnHeight + 'px',
|
|
72731
|
+
// background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
72732
|
+
// borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
72733
|
+
// color: sectionproperties.favBtnTextcolor,
|
|
72734
|
+
// fontSize: sectionproperties.favBtnIconfontsize + 'px',
|
|
72735
|
+
// textTransform: sectionproperties.favBtnTexttransform,
|
|
72736
|
+
// fontWeight: sectionproperties.favBtnTextfontweight,
|
|
72737
|
+
// transition: '.3s',
|
|
72738
|
+
// border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
72739
|
+
// ':hover': {
|
|
72740
|
+
// background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
72741
|
+
// color: sectionproperties.favBtnTextcoloronhover,
|
|
72742
|
+
// borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover,
|
|
72743
|
+
// },
|
|
72744
|
+
// }),
|
|
72745
|
+
// cart_btn: css({
|
|
72746
|
+
// width: sectionproperties.cartBtnWidth + 'px',
|
|
72747
|
+
// height: sectionproperties.cartBtnHeight + 'px',
|
|
72748
|
+
// background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
72749
|
+
// borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
72750
|
+
// color: sectionproperties.cartBtnTextcolor,
|
|
72751
|
+
// fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
72752
|
+
// // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
|
|
72753
|
+
// textTransform: sectionproperties.cartBtnTexttransform,
|
|
72754
|
+
// fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
72755
|
+
// border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
72756
|
+
// transition: '.3s',
|
|
72757
|
+
// ':hover': {
|
|
72758
|
+
// background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
72759
|
+
// color: sectionproperties.cartBtnTextcoloronhover,
|
|
72760
|
+
// },
|
|
72761
|
+
// zIndex: '10',
|
|
72762
|
+
// }),
|
|
72763
|
+
// };
|
|
72661
72764
|
var card_cssstyles = {
|
|
72662
|
-
productcard: glamor.css(
|
|
72765
|
+
productcard: glamor.css({
|
|
72766
|
+
minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
|
|
72767
|
+
maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
|
|
72768
|
+
'@media (max-width: 800px)': {
|
|
72769
|
+
minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
|
|
72770
|
+
maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
|
|
72771
|
+
}
|
|
72772
|
+
}),
|
|
72773
|
+
productcardimagecont: glamor.css({
|
|
72663
72774
|
position: 'relative',
|
|
72664
|
-
|
|
72665
|
-
|
|
72666
|
-
|
|
72667
|
-
|
|
72668
|
-
|
|
72669
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72670
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72671
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72672
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72673
|
-
|
|
72674
|
-
|
|
72675
|
-
|
|
72676
|
-
|
|
72677
|
-
|
|
72678
|
-
|
|
72679
|
-
transition: '0.3s',
|
|
72680
|
-
cursor: 'pointer',
|
|
72681
|
-
opacity: sectionproperties.cardbg_opacity
|
|
72682
|
-
}, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
|
|
72683
|
-
opacity: sectionproperties.bgopacityonhover
|
|
72684
|
-
}), _defineProperty__default["default"](_css, ':after', {
|
|
72685
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72686
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72687
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72688
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72689
|
-
content: 's',
|
|
72690
|
-
fontSize: 0,
|
|
72691
|
-
position: 'absolute',
|
|
72692
|
-
top: 0,
|
|
72693
|
-
bottom: 0,
|
|
72694
|
-
left: 0,
|
|
72695
|
-
width: '100%',
|
|
72696
|
-
height: '100%',
|
|
72697
|
-
transition: ' 0.3s',
|
|
72698
|
-
background: sectionproperties.transitionbg_color,
|
|
72699
|
-
opacity: sectionproperties.cardtransition_opacity
|
|
72700
|
-
}), _defineProperty__default["default"](_css, ':hover:after', {
|
|
72701
|
-
opacity: sectionproperties.cardtransitionbgopacityonhover
|
|
72702
|
-
}), _css)),
|
|
72775
|
+
overflow: 'hidden',
|
|
72776
|
+
height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
|
|
72777
|
+
background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
|
|
72778
|
+
border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
|
|
72779
|
+
borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
|
|
72780
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
72781
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
72782
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
72783
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
72784
|
+
transition: '.3s',
|
|
72785
|
+
opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
|
|
72786
|
+
'@media (max-width: 800px)': {
|
|
72787
|
+
height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
|
|
72788
|
+
}
|
|
72789
|
+
}),
|
|
72703
72790
|
productNameStyles: glamor.css({
|
|
72704
72791
|
color: sectionproperties.prodNameColor,
|
|
72705
72792
|
fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
@@ -72707,20 +72794,19 @@
|
|
|
72707
72794
|
fontWeight: sectionproperties.prodNameFontWeight,
|
|
72708
72795
|
transition: '.3s',
|
|
72709
72796
|
cursor: 'pointer',
|
|
72710
|
-
|
|
72711
|
-
|
|
72797
|
+
':hover': {
|
|
72798
|
+
color: sectionproperties.prodNameColorOnHover
|
|
72799
|
+
}
|
|
72712
72800
|
}),
|
|
72713
72801
|
productPricestyles: glamor.css({
|
|
72714
72802
|
color: sectionproperties.prodPriceColor,
|
|
72715
72803
|
fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
72716
|
-
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72717
|
-
zIndex: '10'
|
|
72804
|
+
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72718
72805
|
}),
|
|
72719
72806
|
productSalePricestyles: glamor.css({
|
|
72720
72807
|
color: sectionproperties.prodsalePriceColor,
|
|
72721
72808
|
fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
72722
|
-
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72723
|
-
zIndex: '10'
|
|
72809
|
+
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72724
72810
|
}),
|
|
72725
72811
|
wishlist_btn: glamor.css({
|
|
72726
72812
|
width: sectionproperties.favBtnWidth + 'px',
|
|
@@ -72728,141 +72814,217 @@
|
|
|
72728
72814
|
background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
72729
72815
|
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
72730
72816
|
color: sectionproperties.favBtnTextcolor,
|
|
72731
|
-
fontSize: sectionproperties.
|
|
72817
|
+
fontSize: sectionproperties.favBtnTextfontsize + 'px',
|
|
72732
72818
|
textTransform: sectionproperties.favBtnTexttransform,
|
|
72733
72819
|
fontWeight: sectionproperties.favBtnTextfontweight,
|
|
72734
72820
|
transition: '.3s',
|
|
72735
72821
|
border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
72736
72822
|
':hover': {
|
|
72737
72823
|
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
72738
|
-
color: sectionproperties.favBtnTextcoloronhover
|
|
72739
|
-
borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
|
|
72824
|
+
color: sectionproperties.favBtnTextcoloronhover
|
|
72740
72825
|
}
|
|
72741
72826
|
}),
|
|
72742
72827
|
cart_btn: glamor.css({
|
|
72743
|
-
width: sectionproperties.cartBtnWidth + 'px',
|
|
72828
|
+
width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
|
|
72744
72829
|
height: sectionproperties.cartBtnHeight + 'px',
|
|
72745
72830
|
background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
72746
72831
|
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
72747
72832
|
color: sectionproperties.cartBtnTextcolor,
|
|
72748
72833
|
fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
72749
|
-
// fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
|
|
72750
72834
|
textTransform: sectionproperties.cartBtnTexttransform,
|
|
72751
72835
|
fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
72752
72836
|
border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
72753
72837
|
transition: '.3s',
|
|
72838
|
+
textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
|
|
72754
72839
|
':hover': {
|
|
72755
72840
|
background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
72756
|
-
color: sectionproperties.cartBtnTextcoloronhover
|
|
72757
|
-
|
|
72758
|
-
|
|
72841
|
+
color: sectionproperties.cartBtnTextcoloronhover,
|
|
72842
|
+
borderColor: sectionproperties.cartBtnTextcoloronhover
|
|
72843
|
+
}
|
|
72844
|
+
}),
|
|
72845
|
+
cardconttt: glamor.css({
|
|
72846
|
+
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
|
|
72847
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72848
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72849
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72850
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72851
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
72852
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
72853
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
72854
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
72855
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
72856
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
72857
|
+
paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
72858
|
+
transition: '.3s',
|
|
72859
|
+
// opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
|
|
72860
|
+
':hover': {
|
|
72861
|
+
backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
|
|
72862
|
+
transition: 0.3
|
|
72863
|
+
}
|
|
72759
72864
|
})
|
|
72760
72865
|
};
|
|
72761
72866
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72762
|
-
"class": "
|
|
72867
|
+
"class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
|
|
72763
72868
|
style: {
|
|
72764
72869
|
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
72765
72870
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
72766
72871
|
}
|
|
72767
72872
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72768
|
-
"class":
|
|
72873
|
+
"class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
|
|
72874
|
+
style: {}
|
|
72875
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72876
|
+
"class": "w-100",
|
|
72769
72877
|
style: {
|
|
72770
|
-
// backgroundImage: `url(${serverbaselink + item.image})`,
|
|
72771
|
-
// backgroundRepeat: 'no-repeat',
|
|
72772
|
-
// // backgroundSize: 'cover',
|
|
72773
|
-
// backgroundPosition: 'center',
|
|
72774
72878
|
position: 'relative'
|
|
72775
|
-
},
|
|
72776
|
-
onClick: function onClick() {
|
|
72777
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72778
72879
|
}
|
|
72779
72880
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72780
|
-
"class": card_cssstyles.
|
|
72881
|
+
"class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
|
|
72781
72882
|
style: {
|
|
72782
|
-
|
|
72783
|
-
height: '100%'
|
|
72883
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
72784
72884
|
}
|
|
72785
|
-
},
|
|
72885
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72886
|
+
"class": "w-100 cursor-pointer",
|
|
72887
|
+
style: {
|
|
72888
|
+
position: 'relative'
|
|
72889
|
+
}
|
|
72890
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
72786
72891
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
72787
72892
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
72788
72893
|
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
|
|
72894
|
+
loading: "lazy",
|
|
72789
72895
|
style: {
|
|
72790
72896
|
width: sectionproperties.imageInnerWidth_Height + '%',
|
|
72791
72897
|
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
72792
|
-
objectFit: sectionproperties.bgcovercontain == '
|
|
72793
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
72794
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
72795
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
72796
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
|
|
72797
|
-
},
|
|
72798
|
-
loading: "lazy"
|
|
72799
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72800
|
-
"class": "row m-0 w-100",
|
|
72801
|
-
style: {
|
|
72802
|
-
position: 'absolute',
|
|
72803
|
-
height: '100%',
|
|
72804
|
-
top: 0,
|
|
72805
|
-
left: 0
|
|
72806
|
-
}
|
|
72807
|
-
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72808
|
-
"class": "col-lg-12 d-flex flex-row justify-content-start p-0",
|
|
72809
|
-
style: {}
|
|
72810
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
72811
|
-
onClick: function onClick(e) {
|
|
72812
|
-
e.stopPropagation();
|
|
72813
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72814
|
-
},
|
|
72815
|
-
"class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
|
|
72816
|
-
}, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72817
|
-
"class": "col-lg-12 d-flex justify-content-start p-0",
|
|
72818
|
-
style: {
|
|
72819
|
-
height: '50%',
|
|
72820
|
-
zIndex: 100,
|
|
72821
|
-
position: 'absolute',
|
|
72822
|
-
bottom: 10
|
|
72823
|
-
}
|
|
72824
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72825
|
-
"class": "row w-100 ml-0 mr-0 mt-auto"
|
|
72826
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72827
|
-
"class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
|
|
72828
|
-
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
72829
|
-
"class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
|
|
72830
|
-
}, 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", {
|
|
72831
|
-
"class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
|
|
72832
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72833
|
-
"class": "col-lg-12 p-0 d-flex"
|
|
72834
|
-
}, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
72835
|
-
"class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
|
|
72836
|
-
onClick: function onClick(e) {
|
|
72837
|
-
e.stopPropagation();
|
|
72838
|
-
setShowProductInfoModalContext(true);
|
|
72839
|
-
setProductIdProdutInfoModalContext(item.productid);
|
|
72840
|
-
}
|
|
72841
|
-
}, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
72842
|
-
"class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
|
|
72843
|
-
onClick: function onClick(e) {
|
|
72844
|
-
e.stopPropagation();
|
|
72845
|
-
addtofavoritescontext(item.productid);
|
|
72846
|
-
}
|
|
72847
|
-
}, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
72848
|
-
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
72849
|
-
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
|
|
72850
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
72851
|
-
style: {
|
|
72852
|
-
color: sectionproperties.activefaviconcolor
|
|
72853
|
-
}
|
|
72854
|
-
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
|
|
72855
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
72856
|
-
style: {
|
|
72857
|
-
color: sectionproperties.activefaviconcolor
|
|
72898
|
+
objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
|
|
72858
72899
|
}
|
|
72859
|
-
})),
|
|
72860
|
-
|
|
72861
|
-
|
|
72862
|
-
|
|
72863
|
-
|
|
72864
|
-
|
|
72865
|
-
}
|
|
72900
|
+
})))), /*#__PURE__*/React__default["default"].createElement("div", null)))
|
|
72901
|
+
// <div
|
|
72902
|
+
// class="row m-0 w-100"
|
|
72903
|
+
// style={{
|
|
72904
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
72905
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
|
|
72906
|
+
// }}
|
|
72907
|
+
// >
|
|
72908
|
+
// {sectionproperties.length != 0 && (
|
|
72909
|
+
// <div
|
|
72910
|
+
// class={`${card_cssstyles.productcard} ${cardsstyles.productcard}` + ' w-100 '}
|
|
72911
|
+
// style={{
|
|
72912
|
+
// // backgroundImage: `url(${serverbaselink + item.image})`,
|
|
72913
|
+
// // backgroundRepeat: 'no-repeat',
|
|
72914
|
+
// // // backgroundSize: 'cover',
|
|
72915
|
+
// // backgroundPosition: 'center',
|
|
72916
|
+
// position: 'relative',
|
|
72917
|
+
// }}
|
|
72918
|
+
// onClick={() => {
|
|
72919
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72920
|
+
// }}
|
|
72921
|
+
// >
|
|
72922
|
+
// <div class={card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer '} style={{ width: '100%', height: '100%' }}>
|
|
72923
|
+
// {item.image != '' && (
|
|
72924
|
+
// <Imagekitimagecomp
|
|
72925
|
+
// urlEndpoint={ikimagecredcontext?.ikimageendpoint}
|
|
72926
|
+
// publicKey={ikimagecredcontext?.ikimagepublickey}
|
|
72927
|
+
// path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
|
|
72928
|
+
// style={{
|
|
72929
|
+
// width: sectionproperties.imageInnerWidth_Height + '%',
|
|
72930
|
+
// height: sectionproperties.imageInnerWidth_Height + '%',
|
|
72931
|
+
// objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
|
|
72932
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
72933
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
72934
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
72935
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
72936
|
+
// }}
|
|
72937
|
+
// loading="lazy"
|
|
72938
|
+
// />
|
|
72939
|
+
// )}
|
|
72940
|
+
// </div>
|
|
72941
|
+
// <div
|
|
72942
|
+
// class="row m-0 w-100"
|
|
72943
|
+
// style={{
|
|
72944
|
+
// position: 'absolute',
|
|
72945
|
+
// height: '100%',
|
|
72946
|
+
// top: 0,
|
|
72947
|
+
// left: 0,
|
|
72948
|
+
// }}
|
|
72949
|
+
// >
|
|
72950
|
+
// {sectionproperties.prodNameShow == 'Show' && (
|
|
72951
|
+
// <div class="col-lg-12 d-flex flex-row justify-content-start p-0" style={{}}>
|
|
72952
|
+
// <p
|
|
72953
|
+
// onClick={(e) => {
|
|
72954
|
+
// e.stopPropagation();
|
|
72955
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72956
|
+
// }}
|
|
72957
|
+
// class={`${card_cssstyles.productNameStyles}` + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '}
|
|
72958
|
+
// >
|
|
72959
|
+
// {item.name}
|
|
72960
|
+
// </p>
|
|
72961
|
+
// </div>
|
|
72962
|
+
// )}
|
|
72963
|
+
// <div class="col-lg-12 d-flex justify-content-start p-0" style={{ height: '50%', zIndex: 100, position: 'absolute', bottom: 10 }}>
|
|
72964
|
+
// <div class="row w-100 ml-0 mr-0 mt-auto">
|
|
72965
|
+
// <div class="col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto">
|
|
72966
|
+
// {sectionproperties.prodPriceShow == 'Show' && (
|
|
72967
|
+
// <p class={`${card_cssstyles.productPricestyles}` + ' m-0 '}>
|
|
72968
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
72969
|
+
// </p>
|
|
72970
|
+
// )}
|
|
72971
|
+
// {sectionproperties.prodsalePriceshow == 'Show' && (
|
|
72972
|
+
// <>
|
|
72973
|
+
// {item.hassale == 1 && (
|
|
72974
|
+
// <p class={`${card_cssstyles.productSalePricestyles}` + ' linethrough m-0 mr-2 ml-2 '}>
|
|
72975
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
72976
|
+
// </p>
|
|
72977
|
+
// )}
|
|
72978
|
+
// </>
|
|
72979
|
+
// )}
|
|
72980
|
+
// </div>
|
|
72981
|
+
// <div class="col-lg-12 p-0 d-flex">
|
|
72982
|
+
// {sectionproperties.cartBtnShow == 'Show' && (
|
|
72983
|
+
// <button
|
|
72984
|
+
// class={`${card_cssstyles.cart_btn}` + ' mr-3 '}
|
|
72985
|
+
// onClick={(e) => {
|
|
72986
|
+
// e.stopPropagation();
|
|
72987
|
+
// setShowProductInfoModalContext(true);
|
|
72988
|
+
// setProductIdProdutInfoModalContext(item.productid);
|
|
72989
|
+
// }}
|
|
72990
|
+
// >
|
|
72991
|
+
// {lang.addtocart}
|
|
72992
|
+
// </button>
|
|
72993
|
+
// )}
|
|
72994
|
+
// {sectionproperties.favBtnShow == 'Show' && (
|
|
72995
|
+
// <button
|
|
72996
|
+
// class={`${card_cssstyles.wishlist_btn}` + ' d-flex align-items-center justify-content-center '}
|
|
72997
|
+
// onClick={(e) => {
|
|
72998
|
+
// e.stopPropagation();
|
|
72999
|
+
// addtofavoritescontext(item.productid);
|
|
73000
|
+
// }}
|
|
73001
|
+
// >
|
|
73002
|
+
// {item.IsFavExists && (
|
|
73003
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
73004
|
+
// {sectionproperties.faviconshape == 'Star Shape' && (
|
|
73005
|
+
// <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
73006
|
+
// )}
|
|
73007
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && (
|
|
73008
|
+
// <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
73009
|
+
// )}
|
|
73010
|
+
// </i>
|
|
73011
|
+
// )}
|
|
73012
|
+
// {!item.IsFavExists && (
|
|
73013
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
73014
|
+
// {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
|
|
73015
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
|
|
73016
|
+
// </i>
|
|
73017
|
+
// )}
|
|
73018
|
+
// </button>
|
|
73019
|
+
// )}
|
|
73020
|
+
// </div>
|
|
73021
|
+
// </div>
|
|
73022
|
+
// </div>
|
|
73023
|
+
// </div>
|
|
73024
|
+
// </div>
|
|
73025
|
+
// )}
|
|
73026
|
+
// </div>
|
|
73027
|
+
;
|
|
72866
73028
|
};
|
|
72867
73029
|
|
|
72868
73030
|
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|