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.esm.js
CHANGED
|
@@ -28084,7 +28084,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
|
|
|
28084
28084
|
}, /*#__PURE__*/React.createElement(DownloadApp, {
|
|
28085
28085
|
sectionpropertiesprops: sectionproperties,
|
|
28086
28086
|
actions: actions
|
|
28087
|
-
})),
|
|
28087
|
+
})), /*#__PURE__*/React.createElement("a", {
|
|
28088
28088
|
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),
|
|
28089
28089
|
target: '_blank',
|
|
28090
28090
|
style: {
|
|
@@ -52780,7 +52780,7 @@ var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props)
|
|
|
52780
52780
|
};
|
|
52781
52781
|
|
|
52782
52782
|
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";
|
|
52783
|
-
var cardsstyles$
|
|
52783
|
+
var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
|
|
52784
52784
|
styleInject(css_248z$l);
|
|
52785
52785
|
|
|
52786
52786
|
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; }
|
|
@@ -52989,14 +52989,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
52989
52989
|
}, /*#__PURE__*/React.createElement("div", {
|
|
52990
52990
|
className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
|
|
52991
52991
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
52992
|
-
className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$
|
|
52992
|
+
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 ',
|
|
52993
52993
|
style: {
|
|
52994
52994
|
// zIndex: 2000,
|
|
52995
52995
|
}
|
|
52996
52996
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
52997
|
-
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$
|
|
52997
|
+
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
|
|
52998
52998
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
52999
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
52999
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
53000
53000
|
onClick: function onClick() {
|
|
53001
53001
|
// if(place_clickable == 'Button'){
|
|
53002
53002
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
@@ -53018,7 +53018,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53018
53018
|
}, /*#__PURE__*/React.createElement("div", {
|
|
53019
53019
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53020
53020
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
53021
|
-
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$
|
|
53021
|
+
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
|
|
53022
53022
|
style: {
|
|
53023
53023
|
color: sectionproperties.generaltext_fontColor,
|
|
53024
53024
|
textTransform: sectionproperties.generaltext_textTransform,
|
|
@@ -53027,7 +53027,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53027
53027
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React.createElement("div", {
|
|
53028
53028
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53029
53029
|
}, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
53030
|
-
className: "".concat(cardsstyles$
|
|
53030
|
+
className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
|
|
53031
53031
|
style: {
|
|
53032
53032
|
fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
|
|
53033
53033
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -53037,7 +53037,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53037
53037
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React.createElement("div", {
|
|
53038
53038
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53039
53039
|
}, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
53040
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
53040
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
53041
53041
|
onClick: function onClick() {
|
|
53042
53042
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
53043
53043
|
}
|
|
@@ -67102,7 +67102,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
67102
67102
|
};
|
|
67103
67103
|
|
|
67104
67104
|
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}";
|
|
67105
|
-
var cardsstyles$
|
|
67105
|
+
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"};
|
|
67106
67106
|
styleInject(css_248z$c);
|
|
67107
67107
|
|
|
67108
67108
|
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; }
|
|
@@ -67421,16 +67421,16 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67421
67421
|
minHeight: '370px'
|
|
67422
67422
|
}
|
|
67423
67423
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
67424
|
-
"class": "".concat(cardsstyles$
|
|
67424
|
+
"class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
|
|
67425
67425
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67426
|
-
"class": "".concat(cardsstyles$
|
|
67426
|
+
"class": "".concat(cardsstyles$3.card_inner)
|
|
67427
67427
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67428
|
-
"class": "".concat(cardsstyles$
|
|
67428
|
+
"class": "".concat(cardsstyles$3.card_thumbnail),
|
|
67429
67429
|
style: {
|
|
67430
67430
|
position: 'relative'
|
|
67431
67431
|
}
|
|
67432
67432
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67433
|
-
"class": "".concat(cardsstyles$
|
|
67433
|
+
"class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
|
|
67434
67434
|
onClick: function onClick() {
|
|
67435
67435
|
setShowProductInfoModalContext(true);
|
|
67436
67436
|
setProductIdProdutInfoModalContext(item.productid);
|
|
@@ -67455,7 +67455,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67455
67455
|
},
|
|
67456
67456
|
loading: "lazy"
|
|
67457
67457
|
})), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
67458
|
-
"class": "".concat(cardsstyles$
|
|
67458
|
+
"class": "".concat(cardsstyles$3.wishlistbtn),
|
|
67459
67459
|
onClick: function onClick() {
|
|
67460
67460
|
addtofavoritescontext(item.productid);
|
|
67461
67461
|
}
|
|
@@ -67507,7 +67507,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67507
67507
|
}, /*#__PURE__*/React.createElement("p", {
|
|
67508
67508
|
"class": "m-0 p-0"
|
|
67509
67509
|
}, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
|
|
67510
|
-
"class": "".concat(cardsstyles$
|
|
67510
|
+
"class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
|
|
67511
67511
|
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
67512
67512
|
"class": "col-lg-12"
|
|
67513
67513
|
}, /*#__PURE__*/React.createElement("p", {
|
|
@@ -67531,7 +67531,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67531
67531
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
67532
67532
|
}
|
|
67533
67533
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React.createElement("div", {
|
|
67534
|
-
"class": "".concat(cardsstyles$
|
|
67534
|
+
"class": "".concat(cardsstyles$3.card_informationcontainer)
|
|
67535
67535
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67536
67536
|
"class": "row m-0 w-100 d-flex align-items-center"
|
|
67537
67537
|
}, /*#__PURE__*/React.createElement("button", {
|
|
@@ -70215,7 +70215,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
70215
70215
|
};
|
|
70216
70216
|
|
|
70217
70217
|
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";
|
|
70218
|
-
var cardsstyles$
|
|
70218
|
+
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"};
|
|
70219
70219
|
styleInject(css_248z$5);
|
|
70220
70220
|
|
|
70221
70221
|
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; }
|
|
@@ -70490,7 +70490,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
70490
70490
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
70491
70491
|
}
|
|
70492
70492
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
70493
|
-
"class": "".concat(cardsstyles$
|
|
70493
|
+
"class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
|
|
70494
70494
|
style: {
|
|
70495
70495
|
position: 'relative'
|
|
70496
70496
|
}
|
|
@@ -70529,7 +70529,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
70529
70529
|
},
|
|
70530
70530
|
loading: "lazy"
|
|
70531
70531
|
}))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
70532
|
-
"class": "".concat(cardsstyles$
|
|
70532
|
+
"class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
|
|
70533
70533
|
onClick: function onClick(e) {
|
|
70534
70534
|
e.stopPropagation();
|
|
70535
70535
|
addtofavoritescontext(item.productid);
|
|
@@ -72736,13 +72736,11 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
|
72736
72736
|
};
|
|
72737
72737
|
|
|
72738
72738
|
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";
|
|
72739
|
-
var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
|
|
72740
72739
|
styleInject(css_248z$3);
|
|
72741
72740
|
|
|
72742
72741
|
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; }
|
|
72743
72742
|
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(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; }
|
|
72744
72743
|
var Productcard6 = function Productcard6(props) {
|
|
72745
|
-
var _css;
|
|
72746
72744
|
var _useState = useState(''),
|
|
72747
72745
|
_useState2 = _slicedToArray(_useState, 2),
|
|
72748
72746
|
sectionproperties = _useState2[0],
|
|
@@ -72752,16 +72750,16 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72752
72750
|
item = _useState4[0],
|
|
72753
72751
|
setitem = _useState4[1];
|
|
72754
72752
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
72755
|
-
|
|
72753
|
+
props.actions.lang;
|
|
72756
72754
|
var langdetect = props.actions.langdetect;
|
|
72757
|
-
|
|
72758
|
-
|
|
72759
|
-
|
|
72755
|
+
props.actions.setShowProductInfoModalContext;
|
|
72756
|
+
props.actions.addtofavoritescontext;
|
|
72757
|
+
props.actions.setProductIdProdutInfoModalContext;
|
|
72760
72758
|
props.actions.AddtoCartContext;
|
|
72761
72759
|
props.actions.AddtoCartMutationContext;
|
|
72762
72760
|
props.actions.StaticPagesLinksContext;
|
|
72763
72761
|
props.actions.routingcountext;
|
|
72764
|
-
|
|
72762
|
+
props.actions.cardonclickfunctionContext;
|
|
72765
72763
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
72766
72764
|
useEffect(function () {
|
|
72767
72765
|
if (props.srcfrom == 'addsectionform') {
|
|
@@ -72785,48 +72783,137 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72785
72783
|
useEffect(function () {
|
|
72786
72784
|
setitem(props.cardinfoitemprops);
|
|
72787
72785
|
}, [props.cardinfoitemprops]);
|
|
72786
|
+
// const card_cssstyles = {
|
|
72787
|
+
// productcard: css({
|
|
72788
|
+
// position: 'relative',
|
|
72789
|
+
// background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
|
|
72790
|
+
// boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
72791
|
+
// border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
72792
|
+
// height: sectionproperties.height + 'px',
|
|
72793
|
+
// width: '100%',
|
|
72794
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72795
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72796
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72797
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72798
|
+
// marginTop: sectionproperties.marginTop + 'px',
|
|
72799
|
+
// marginBottom: sectionproperties.marginBottom + 'px',
|
|
72800
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
72801
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
72802
|
+
// paddingTop: sectionproperties.paddingTop + 'px',
|
|
72803
|
+
// paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
72804
|
+
// transition: '0.3s',
|
|
72805
|
+
// cursor: 'pointer',
|
|
72806
|
+
// opacity: sectionproperties.cardbg_opacity,
|
|
72807
|
+
// border: sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor,
|
|
72808
|
+
|
|
72809
|
+
// ':hover': {
|
|
72810
|
+
// opacity: sectionproperties.bgopacityonhover,
|
|
72811
|
+
// },
|
|
72812
|
+
// ':after': {
|
|
72813
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72814
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72815
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72816
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72817
|
+
// content: 's',
|
|
72818
|
+
// fontSize: 0,
|
|
72819
|
+
// position: 'absolute',
|
|
72820
|
+
// top: 0,
|
|
72821
|
+
// bottom: 0,
|
|
72822
|
+
// left: 0,
|
|
72823
|
+
// width: '100%',
|
|
72824
|
+
// height: '100%',
|
|
72825
|
+
// transition: ' 0.3s',
|
|
72826
|
+
// background: sectionproperties.transitionbg_color,
|
|
72827
|
+
// opacity: sectionproperties.cardtransition_opacity,
|
|
72828
|
+
// },
|
|
72829
|
+
// ':hover:after': {
|
|
72830
|
+
// opacity: sectionproperties.cardtransitionbgopacityonhover,
|
|
72831
|
+
// },
|
|
72832
|
+
// }),
|
|
72833
|
+
// productNameStyles: css({
|
|
72834
|
+
// color: sectionproperties.prodNameColor,
|
|
72835
|
+
// fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
72836
|
+
// textTransform: sectionproperties.prodNameTextTranform,
|
|
72837
|
+
// fontWeight: sectionproperties.prodNameFontWeight,
|
|
72838
|
+
// transition: '.3s',
|
|
72839
|
+
// cursor: 'pointer',
|
|
72840
|
+
// position: 'absolute',
|
|
72841
|
+
// zIndex: '10',
|
|
72842
|
+
// }),
|
|
72843
|
+
// productPricestyles: css({
|
|
72844
|
+
// color: sectionproperties.prodPriceColor,
|
|
72845
|
+
// fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
72846
|
+
// fontWeight: sectionproperties.prodPriceFontWeight,
|
|
72847
|
+
// zIndex: '10',
|
|
72848
|
+
// }),
|
|
72849
|
+
// productSalePricestyles: css({
|
|
72850
|
+
// color: sectionproperties.prodsalePriceColor,
|
|
72851
|
+
// fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
72852
|
+
// fontWeight: sectionproperties.prodsalePriceFontWeight,
|
|
72853
|
+
// zIndex: '10',
|
|
72854
|
+
// }),
|
|
72855
|
+
// wishlist_btn: css({
|
|
72856
|
+
// width: sectionproperties.favBtnWidth + 'px',
|
|
72857
|
+
// height: sectionproperties.favBtnHeight + 'px',
|
|
72858
|
+
// background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
72859
|
+
// borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
72860
|
+
// color: sectionproperties.favBtnTextcolor,
|
|
72861
|
+
// fontSize: sectionproperties.favBtnIconfontsize + 'px',
|
|
72862
|
+
// textTransform: sectionproperties.favBtnTexttransform,
|
|
72863
|
+
// fontWeight: sectionproperties.favBtnTextfontweight,
|
|
72864
|
+
// transition: '.3s',
|
|
72865
|
+
// border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
72866
|
+
// ':hover': {
|
|
72867
|
+
// background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
72868
|
+
// color: sectionproperties.favBtnTextcoloronhover,
|
|
72869
|
+
// borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover,
|
|
72870
|
+
// },
|
|
72871
|
+
// }),
|
|
72872
|
+
// cart_btn: css({
|
|
72873
|
+
// width: sectionproperties.cartBtnWidth + 'px',
|
|
72874
|
+
// height: sectionproperties.cartBtnHeight + 'px',
|
|
72875
|
+
// background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
72876
|
+
// borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
72877
|
+
// color: sectionproperties.cartBtnTextcolor,
|
|
72878
|
+
// fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
72879
|
+
// // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
|
|
72880
|
+
// textTransform: sectionproperties.cartBtnTexttransform,
|
|
72881
|
+
// fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
72882
|
+
// border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
72883
|
+
// transition: '.3s',
|
|
72884
|
+
// ':hover': {
|
|
72885
|
+
// background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
72886
|
+
// color: sectionproperties.cartBtnTextcoloronhover,
|
|
72887
|
+
// },
|
|
72888
|
+
// zIndex: '10',
|
|
72889
|
+
// }),
|
|
72890
|
+
// };
|
|
72788
72891
|
var card_cssstyles = {
|
|
72789
|
-
productcard: css(
|
|
72892
|
+
productcard: css({
|
|
72893
|
+
minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
|
|
72894
|
+
maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
|
|
72895
|
+
'@media (max-width: 800px)': {
|
|
72896
|
+
minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
|
|
72897
|
+
maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
|
|
72898
|
+
}
|
|
72899
|
+
}),
|
|
72900
|
+
productcardimagecont: css({
|
|
72790
72901
|
position: 'relative',
|
|
72791
|
-
|
|
72792
|
-
|
|
72793
|
-
|
|
72794
|
-
|
|
72795
|
-
|
|
72796
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72797
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72798
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72799
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72800
|
-
|
|
72801
|
-
|
|
72802
|
-
|
|
72803
|
-
|
|
72804
|
-
|
|
72805
|
-
|
|
72806
|
-
transition: '0.3s',
|
|
72807
|
-
cursor: 'pointer',
|
|
72808
|
-
opacity: sectionproperties.cardbg_opacity
|
|
72809
|
-
}, _defineProperty(_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty(_css, ':hover', {
|
|
72810
|
-
opacity: sectionproperties.bgopacityonhover
|
|
72811
|
-
}), _defineProperty(_css, ':after', {
|
|
72812
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72813
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72814
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72815
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72816
|
-
content: 's',
|
|
72817
|
-
fontSize: 0,
|
|
72818
|
-
position: 'absolute',
|
|
72819
|
-
top: 0,
|
|
72820
|
-
bottom: 0,
|
|
72821
|
-
left: 0,
|
|
72822
|
-
width: '100%',
|
|
72823
|
-
height: '100%',
|
|
72824
|
-
transition: ' 0.3s',
|
|
72825
|
-
background: sectionproperties.transitionbg_color,
|
|
72826
|
-
opacity: sectionproperties.cardtransition_opacity
|
|
72827
|
-
}), _defineProperty(_css, ':hover:after', {
|
|
72828
|
-
opacity: sectionproperties.cardtransitionbgopacityonhover
|
|
72829
|
-
}), _css)),
|
|
72902
|
+
overflow: 'hidden',
|
|
72903
|
+
height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
|
|
72904
|
+
background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
|
|
72905
|
+
border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
|
|
72906
|
+
borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
|
|
72907
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
72908
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
72909
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
72910
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
72911
|
+
transition: '.3s',
|
|
72912
|
+
opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
|
|
72913
|
+
'@media (max-width: 800px)': {
|
|
72914
|
+
height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
|
|
72915
|
+
}
|
|
72916
|
+
}),
|
|
72830
72917
|
productNameStyles: css({
|
|
72831
72918
|
color: sectionproperties.prodNameColor,
|
|
72832
72919
|
fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
@@ -72834,20 +72921,19 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72834
72921
|
fontWeight: sectionproperties.prodNameFontWeight,
|
|
72835
72922
|
transition: '.3s',
|
|
72836
72923
|
cursor: 'pointer',
|
|
72837
|
-
|
|
72838
|
-
|
|
72924
|
+
':hover': {
|
|
72925
|
+
color: sectionproperties.prodNameColorOnHover
|
|
72926
|
+
}
|
|
72839
72927
|
}),
|
|
72840
72928
|
productPricestyles: css({
|
|
72841
72929
|
color: sectionproperties.prodPriceColor,
|
|
72842
72930
|
fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
72843
|
-
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72844
|
-
zIndex: '10'
|
|
72931
|
+
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72845
72932
|
}),
|
|
72846
72933
|
productSalePricestyles: css({
|
|
72847
72934
|
color: sectionproperties.prodsalePriceColor,
|
|
72848
72935
|
fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
72849
|
-
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72850
|
-
zIndex: '10'
|
|
72936
|
+
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72851
72937
|
}),
|
|
72852
72938
|
wishlist_btn: css({
|
|
72853
72939
|
width: sectionproperties.favBtnWidth + 'px',
|
|
@@ -72855,141 +72941,217 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72855
72941
|
background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
72856
72942
|
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
72857
72943
|
color: sectionproperties.favBtnTextcolor,
|
|
72858
|
-
fontSize: sectionproperties.
|
|
72944
|
+
fontSize: sectionproperties.favBtnTextfontsize + 'px',
|
|
72859
72945
|
textTransform: sectionproperties.favBtnTexttransform,
|
|
72860
72946
|
fontWeight: sectionproperties.favBtnTextfontweight,
|
|
72861
72947
|
transition: '.3s',
|
|
72862
72948
|
border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
72863
72949
|
':hover': {
|
|
72864
72950
|
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
72865
|
-
color: sectionproperties.favBtnTextcoloronhover
|
|
72866
|
-
borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
|
|
72951
|
+
color: sectionproperties.favBtnTextcoloronhover
|
|
72867
72952
|
}
|
|
72868
72953
|
}),
|
|
72869
72954
|
cart_btn: css({
|
|
72870
|
-
width: sectionproperties.cartBtnWidth + 'px',
|
|
72955
|
+
width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
|
|
72871
72956
|
height: sectionproperties.cartBtnHeight + 'px',
|
|
72872
72957
|
background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
72873
72958
|
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
72874
72959
|
color: sectionproperties.cartBtnTextcolor,
|
|
72875
72960
|
fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
72876
|
-
// fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
|
|
72877
72961
|
textTransform: sectionproperties.cartBtnTexttransform,
|
|
72878
72962
|
fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
72879
72963
|
border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
72880
72964
|
transition: '.3s',
|
|
72965
|
+
textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
|
|
72881
72966
|
':hover': {
|
|
72882
72967
|
background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
72883
|
-
color: sectionproperties.cartBtnTextcoloronhover
|
|
72884
|
-
|
|
72885
|
-
|
|
72968
|
+
color: sectionproperties.cartBtnTextcoloronhover,
|
|
72969
|
+
borderColor: sectionproperties.cartBtnTextcoloronhover
|
|
72970
|
+
}
|
|
72971
|
+
}),
|
|
72972
|
+
cardconttt: css({
|
|
72973
|
+
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
|
|
72974
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72975
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72976
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72977
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72978
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
72979
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
72980
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
72981
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
72982
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
72983
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
72984
|
+
paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
72985
|
+
transition: '.3s',
|
|
72986
|
+
// opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
|
|
72987
|
+
':hover': {
|
|
72988
|
+
backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
|
|
72989
|
+
transition: 0.3
|
|
72990
|
+
}
|
|
72886
72991
|
})
|
|
72887
72992
|
};
|
|
72888
72993
|
return /*#__PURE__*/React.createElement("div", {
|
|
72889
|
-
"class": "
|
|
72994
|
+
"class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
|
|
72890
72995
|
style: {
|
|
72891
72996
|
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
72892
72997
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
72893
72998
|
}
|
|
72894
72999
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
72895
|
-
"class":
|
|
73000
|
+
"class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
|
|
73001
|
+
style: {}
|
|
73002
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
73003
|
+
"class": "w-100",
|
|
72896
73004
|
style: {
|
|
72897
|
-
// backgroundImage: `url(${serverbaselink + item.image})`,
|
|
72898
|
-
// backgroundRepeat: 'no-repeat',
|
|
72899
|
-
// // backgroundSize: 'cover',
|
|
72900
|
-
// backgroundPosition: 'center',
|
|
72901
73005
|
position: 'relative'
|
|
72902
|
-
},
|
|
72903
|
-
onClick: function onClick() {
|
|
72904
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72905
73006
|
}
|
|
72906
73007
|
}, /*#__PURE__*/React.createElement("div", {
|
|
72907
|
-
"class": card_cssstyles.
|
|
73008
|
+
"class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
|
|
72908
73009
|
style: {
|
|
72909
|
-
|
|
72910
|
-
height: '100%'
|
|
73010
|
+
marginBottom: sectionproperties.image_mb + 'px'
|
|
72911
73011
|
}
|
|
72912
|
-
},
|
|
73012
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
73013
|
+
"class": "w-100 cursor-pointer",
|
|
73014
|
+
style: {
|
|
73015
|
+
position: 'relative'
|
|
73016
|
+
}
|
|
73017
|
+
}, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
|
|
72913
73018
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
72914
73019
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
72915
73020
|
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
|
|
73021
|
+
loading: "lazy",
|
|
72916
73022
|
style: {
|
|
72917
73023
|
width: sectionproperties.imageInnerWidth_Height + '%',
|
|
72918
73024
|
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
72919
|
-
objectFit: sectionproperties.bgcovercontain == '
|
|
72920
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
72921
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
72922
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
72923
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
|
|
72924
|
-
},
|
|
72925
|
-
loading: "lazy"
|
|
72926
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
72927
|
-
"class": "row m-0 w-100",
|
|
72928
|
-
style: {
|
|
72929
|
-
position: 'absolute',
|
|
72930
|
-
height: '100%',
|
|
72931
|
-
top: 0,
|
|
72932
|
-
left: 0
|
|
72933
|
-
}
|
|
72934
|
-
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
72935
|
-
"class": "col-lg-12 d-flex flex-row justify-content-start p-0",
|
|
72936
|
-
style: {}
|
|
72937
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
72938
|
-
onClick: function onClick(e) {
|
|
72939
|
-
e.stopPropagation();
|
|
72940
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72941
|
-
},
|
|
72942
|
-
"class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
|
|
72943
|
-
}, item.name)), /*#__PURE__*/React.createElement("div", {
|
|
72944
|
-
"class": "col-lg-12 d-flex justify-content-start p-0",
|
|
72945
|
-
style: {
|
|
72946
|
-
height: '50%',
|
|
72947
|
-
zIndex: 100,
|
|
72948
|
-
position: 'absolute',
|
|
72949
|
-
bottom: 10
|
|
72950
|
-
}
|
|
72951
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
72952
|
-
"class": "row w-100 ml-0 mr-0 mt-auto"
|
|
72953
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
72954
|
-
"class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
|
|
72955
|
-
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
72956
|
-
"class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
|
|
72957
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
|
|
72958
|
-
"class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
|
|
72959
|
-
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React.createElement("div", {
|
|
72960
|
-
"class": "col-lg-12 p-0 d-flex"
|
|
72961
|
-
}, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
72962
|
-
"class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
|
|
72963
|
-
onClick: function onClick(e) {
|
|
72964
|
-
e.stopPropagation();
|
|
72965
|
-
setShowProductInfoModalContext(true);
|
|
72966
|
-
setProductIdProdutInfoModalContext(item.productid);
|
|
72967
|
-
}
|
|
72968
|
-
}, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
72969
|
-
"class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
|
|
72970
|
-
onClick: function onClick(e) {
|
|
72971
|
-
e.stopPropagation();
|
|
72972
|
-
addtofavoritescontext(item.productid);
|
|
72973
|
-
}
|
|
72974
|
-
}, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
|
|
72975
|
-
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
72976
|
-
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
|
|
72977
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
72978
|
-
style: {
|
|
72979
|
-
color: sectionproperties.activefaviconcolor
|
|
72980
|
-
}
|
|
72981
|
-
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
|
|
72982
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
72983
|
-
style: {
|
|
72984
|
-
color: sectionproperties.activefaviconcolor
|
|
73025
|
+
objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
|
|
72985
73026
|
}
|
|
72986
|
-
})),
|
|
72987
|
-
|
|
72988
|
-
|
|
72989
|
-
|
|
72990
|
-
|
|
72991
|
-
|
|
72992
|
-
}
|
|
73027
|
+
})))), /*#__PURE__*/React.createElement("div", null)))
|
|
73028
|
+
// <div
|
|
73029
|
+
// class="row m-0 w-100"
|
|
73030
|
+
// style={{
|
|
73031
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
73032
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
|
|
73033
|
+
// }}
|
|
73034
|
+
// >
|
|
73035
|
+
// {sectionproperties.length != 0 && (
|
|
73036
|
+
// <div
|
|
73037
|
+
// class={`${card_cssstyles.productcard} ${cardsstyles.productcard}` + ' w-100 '}
|
|
73038
|
+
// style={{
|
|
73039
|
+
// // backgroundImage: `url(${serverbaselink + item.image})`,
|
|
73040
|
+
// // backgroundRepeat: 'no-repeat',
|
|
73041
|
+
// // // backgroundSize: 'cover',
|
|
73042
|
+
// // backgroundPosition: 'center',
|
|
73043
|
+
// position: 'relative',
|
|
73044
|
+
// }}
|
|
73045
|
+
// onClick={() => {
|
|
73046
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
73047
|
+
// }}
|
|
73048
|
+
// >
|
|
73049
|
+
// <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%' }}>
|
|
73050
|
+
// {item.image != '' && (
|
|
73051
|
+
// <Imagekitimagecomp
|
|
73052
|
+
// urlEndpoint={ikimagecredcontext?.ikimageendpoint}
|
|
73053
|
+
// publicKey={ikimagecredcontext?.ikimagepublickey}
|
|
73054
|
+
// path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
|
|
73055
|
+
// style={{
|
|
73056
|
+
// width: sectionproperties.imageInnerWidth_Height + '%',
|
|
73057
|
+
// height: sectionproperties.imageInnerWidth_Height + '%',
|
|
73058
|
+
// objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
|
|
73059
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
73060
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
73061
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
73062
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
73063
|
+
// }}
|
|
73064
|
+
// loading="lazy"
|
|
73065
|
+
// />
|
|
73066
|
+
// )}
|
|
73067
|
+
// </div>
|
|
73068
|
+
// <div
|
|
73069
|
+
// class="row m-0 w-100"
|
|
73070
|
+
// style={{
|
|
73071
|
+
// position: 'absolute',
|
|
73072
|
+
// height: '100%',
|
|
73073
|
+
// top: 0,
|
|
73074
|
+
// left: 0,
|
|
73075
|
+
// }}
|
|
73076
|
+
// >
|
|
73077
|
+
// {sectionproperties.prodNameShow == 'Show' && (
|
|
73078
|
+
// <div class="col-lg-12 d-flex flex-row justify-content-start p-0" style={{}}>
|
|
73079
|
+
// <p
|
|
73080
|
+
// onClick={(e) => {
|
|
73081
|
+
// e.stopPropagation();
|
|
73082
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
73083
|
+
// }}
|
|
73084
|
+
// class={`${card_cssstyles.productNameStyles}` + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '}
|
|
73085
|
+
// >
|
|
73086
|
+
// {item.name}
|
|
73087
|
+
// </p>
|
|
73088
|
+
// </div>
|
|
73089
|
+
// )}
|
|
73090
|
+
// <div class="col-lg-12 d-flex justify-content-start p-0" style={{ height: '50%', zIndex: 100, position: 'absolute', bottom: 10 }}>
|
|
73091
|
+
// <div class="row w-100 ml-0 mr-0 mt-auto">
|
|
73092
|
+
// <div class="col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto">
|
|
73093
|
+
// {sectionproperties.prodPriceShow == 'Show' && (
|
|
73094
|
+
// <p class={`${card_cssstyles.productPricestyles}` + ' m-0 '}>
|
|
73095
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
73096
|
+
// </p>
|
|
73097
|
+
// )}
|
|
73098
|
+
// {sectionproperties.prodsalePriceshow == 'Show' && (
|
|
73099
|
+
// <>
|
|
73100
|
+
// {item.hassale == 1 && (
|
|
73101
|
+
// <p class={`${card_cssstyles.productSalePricestyles}` + ' linethrough m-0 mr-2 ml-2 '}>
|
|
73102
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
73103
|
+
// </p>
|
|
73104
|
+
// )}
|
|
73105
|
+
// </>
|
|
73106
|
+
// )}
|
|
73107
|
+
// </div>
|
|
73108
|
+
// <div class="col-lg-12 p-0 d-flex">
|
|
73109
|
+
// {sectionproperties.cartBtnShow == 'Show' && (
|
|
73110
|
+
// <button
|
|
73111
|
+
// class={`${card_cssstyles.cart_btn}` + ' mr-3 '}
|
|
73112
|
+
// onClick={(e) => {
|
|
73113
|
+
// e.stopPropagation();
|
|
73114
|
+
// setShowProductInfoModalContext(true);
|
|
73115
|
+
// setProductIdProdutInfoModalContext(item.productid);
|
|
73116
|
+
// }}
|
|
73117
|
+
// >
|
|
73118
|
+
// {lang.addtocart}
|
|
73119
|
+
// </button>
|
|
73120
|
+
// )}
|
|
73121
|
+
// {sectionproperties.favBtnShow == 'Show' && (
|
|
73122
|
+
// <button
|
|
73123
|
+
// class={`${card_cssstyles.wishlist_btn}` + ' d-flex align-items-center justify-content-center '}
|
|
73124
|
+
// onClick={(e) => {
|
|
73125
|
+
// e.stopPropagation();
|
|
73126
|
+
// addtofavoritescontext(item.productid);
|
|
73127
|
+
// }}
|
|
73128
|
+
// >
|
|
73129
|
+
// {item.IsFavExists && (
|
|
73130
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
73131
|
+
// {sectionproperties.faviconshape == 'Star Shape' && (
|
|
73132
|
+
// <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
73133
|
+
// )}
|
|
73134
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && (
|
|
73135
|
+
// <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
73136
|
+
// )}
|
|
73137
|
+
// </i>
|
|
73138
|
+
// )}
|
|
73139
|
+
// {!item.IsFavExists && (
|
|
73140
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
73141
|
+
// {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
|
|
73142
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
|
|
73143
|
+
// </i>
|
|
73144
|
+
// )}
|
|
73145
|
+
// </button>
|
|
73146
|
+
// )}
|
|
73147
|
+
// </div>
|
|
73148
|
+
// </div>
|
|
73149
|
+
// </div>
|
|
73150
|
+
// </div>
|
|
73151
|
+
// </div>
|
|
73152
|
+
// )}
|
|
73153
|
+
// </div>
|
|
73154
|
+
;
|
|
72993
73155
|
};
|
|
72994
73156
|
|
|
72995
73157
|
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; }
|