tabexseriescomponents 0.0.562 → 0.0.563
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 +198 -336
- package/dist/index.esm.js +198 -336
- package/dist/index.umd.js +198 -336
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -27794,7 +27794,7 @@ styleInject(css_248z$w);
|
|
|
27794
27794
|
function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27795
27795
|
function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27796
27796
|
var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
|
|
27797
|
-
var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
|
|
27797
|
+
var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
|
|
27798
27798
|
var _useState = useState(''),
|
|
27799
27799
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27800
27800
|
sectionproperties = _useState2[0],
|
|
@@ -27814,6 +27814,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
|
|
|
27814
27814
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
27815
27815
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
27816
27816
|
var actions = props.actions;
|
|
27817
|
+
var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
|
|
27817
27818
|
useEffect(function () {
|
|
27818
27819
|
var secpropobj = {};
|
|
27819
27820
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -28084,7 +28085,25 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
|
|
|
28084
28085
|
}, /*#__PURE__*/React.createElement(DownloadApp, {
|
|
28085
28086
|
sectionpropertiesprops: sectionproperties,
|
|
28086
28087
|
actions: actions
|
|
28087
|
-
})), /*#__PURE__*/React.createElement("a", {
|
|
28088
|
+
})), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
|
|
28089
|
+
href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
|
|
28090
|
+
target: '_self',
|
|
28091
|
+
style: {
|
|
28092
|
+
position: 'fixed',
|
|
28093
|
+
bottom: 60,
|
|
28094
|
+
right: 10,
|
|
28095
|
+
zIndex: 999999,
|
|
28096
|
+
transition: 'all 0.3s ease-out'
|
|
28097
|
+
}
|
|
28098
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
28099
|
+
"class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
|
|
28100
|
+
}, /*#__PURE__*/React.createElement(FiPhone, {
|
|
28101
|
+
size: 30,
|
|
28102
|
+
color: sectionproperties.uppersection_iconcolor,
|
|
28103
|
+
style: {
|
|
28104
|
+
transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
|
|
28105
|
+
}
|
|
28106
|
+
}))), /*#__PURE__*/React.createElement("a", {
|
|
28088
28107
|
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
28108
|
target: '_blank',
|
|
28090
28109
|
style: {
|
|
@@ -28101,7 +28120,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
|
|
|
28101
28120
|
height: '40px',
|
|
28102
28121
|
cursor: 'pointer'
|
|
28103
28122
|
}
|
|
28104
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
28123
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
28105
28124
|
"class": "col-lg-12 p-0"
|
|
28106
28125
|
}, /*#__PURE__*/React.createElement("div", {
|
|
28107
28126
|
"class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
|
|
@@ -28523,7 +28542,41 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
|
|
|
28523
28542
|
}
|
|
28524
28543
|
}), /*#__PURE__*/React.createElement("span", {
|
|
28525
28544
|
"class": 'ml-2 mr-2'
|
|
28526
|
-
}, lang.english)))))))
|
|
28545
|
+
}, lang.english))))))), /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
|
|
28546
|
+
"class": ' d-flex align-items-center justify-content-center '
|
|
28547
|
+
}, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
|
|
28548
|
+
"class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
|
|
28549
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
28550
|
+
"class": "m-0 p-0 mr-2 ml-2"
|
|
28551
|
+
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
|
|
28552
|
+
"class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
|
|
28553
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
28554
|
+
"class": "m-0 p-0 ml-2 mr-2"
|
|
28555
|
+
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
|
|
28556
|
+
var _authdetailsContext$i9;
|
|
28557
|
+
return /*#__PURE__*/React.createElement(Dropdown.Item, {
|
|
28558
|
+
onClick: function onClick() {
|
|
28559
|
+
setcurrencyfunccontext(item);
|
|
28560
|
+
}
|
|
28561
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
28562
|
+
"class": "row m-0 w-100"
|
|
28563
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
28564
|
+
"class": "col-lg-12 p-0 d-flex justify-content-start"
|
|
28565
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
28566
|
+
"class": "".concat(header_cssstyles.dropdownitemcontainer)
|
|
28567
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
28568
|
+
"class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
|
|
28569
|
+
style: {
|
|
28570
|
+
fontSize: sectionproperties.dropdown_fontsize + 'px',
|
|
28571
|
+
fontWeight: sectionproperties.dropdown_fontweight,
|
|
28572
|
+
textTransform: sectionproperties.dropdown_texttransform
|
|
28573
|
+
}
|
|
28574
|
+
}, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React.createElement("div", {
|
|
28575
|
+
"class": "col-lg-12 p-0"
|
|
28576
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
28577
|
+
"class": "m-0"
|
|
28578
|
+
}))));
|
|
28579
|
+
}))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
|
|
28527
28580
|
"class": "col-lg-12 p-0"
|
|
28528
28581
|
}, /*#__PURE__*/React.createElement(Subheader, {
|
|
28529
28582
|
sectionpropertiesprops: sectionproperties,
|
|
@@ -52780,7 +52833,7 @@ var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props)
|
|
|
52780
52833
|
};
|
|
52781
52834
|
|
|
52782
52835
|
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$
|
|
52836
|
+
var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
|
|
52784
52837
|
styleInject(css_248z$l);
|
|
52785
52838
|
|
|
52786
52839
|
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 +53042,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
52989
53042
|
}, /*#__PURE__*/React.createElement("div", {
|
|
52990
53043
|
className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
|
|
52991
53044
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
52992
|
-
className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$
|
|
53045
|
+
className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$5.maintitle) + ' justify-content-center d-flex justify-content-md-center ' : "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center ',
|
|
52993
53046
|
style: {
|
|
52994
53047
|
// zIndex: 2000,
|
|
52995
53048
|
}
|
|
52996
53049
|
}, 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$
|
|
53050
|
+
className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$5.maintitle2) + ' d-flex justify-content-md-center '
|
|
52998
53051
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
52999
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
53052
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
53000
53053
|
onClick: function onClick() {
|
|
53001
53054
|
// if(place_clickable == 'Button'){
|
|
53002
53055
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
@@ -53018,7 +53071,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53018
53071
|
}, /*#__PURE__*/React.createElement("div", {
|
|
53019
53072
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53020
53073
|
}, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
53021
|
-
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$
|
|
53074
|
+
className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
|
|
53022
53075
|
style: {
|
|
53023
53076
|
color: sectionproperties.generaltext_fontColor,
|
|
53024
53077
|
textTransform: sectionproperties.generaltext_textTransform,
|
|
@@ -53027,7 +53080,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53027
53080
|
}, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React.createElement("div", {
|
|
53028
53081
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53029
53082
|
}, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
53030
|
-
className: "".concat(cardsstyles$
|
|
53083
|
+
className: "".concat(cardsstyles$5.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
|
|
53031
53084
|
style: {
|
|
53032
53085
|
fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
|
|
53033
53086
|
color: sectionproperties.slideshowText2ContentColor,
|
|
@@ -53037,7 +53090,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
|
|
|
53037
53090
|
}, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React.createElement("div", {
|
|
53038
53091
|
className: "col-lg-12 d-flex justify-content-center align-items-center"
|
|
53039
53092
|
}, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
53040
|
-
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$
|
|
53093
|
+
className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
|
|
53041
53094
|
onClick: function onClick() {
|
|
53042
53095
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
|
|
53043
53096
|
}
|
|
@@ -67102,7 +67155,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
67102
67155
|
};
|
|
67103
67156
|
|
|
67104
67157
|
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$
|
|
67158
|
+
var cardsstyles$4 = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
|
|
67106
67159
|
styleInject(css_248z$c);
|
|
67107
67160
|
|
|
67108
67161
|
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 +67474,16 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67421
67474
|
minHeight: '370px'
|
|
67422
67475
|
}
|
|
67423
67476
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
67424
|
-
"class": "".concat(cardsstyles$
|
|
67477
|
+
"class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
|
|
67425
67478
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67426
|
-
"class": "".concat(cardsstyles$
|
|
67479
|
+
"class": "".concat(cardsstyles$4.card_inner)
|
|
67427
67480
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67428
|
-
"class": "".concat(cardsstyles$
|
|
67481
|
+
"class": "".concat(cardsstyles$4.card_thumbnail),
|
|
67429
67482
|
style: {
|
|
67430
67483
|
position: 'relative'
|
|
67431
67484
|
}
|
|
67432
67485
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67433
|
-
"class": "".concat(cardsstyles$
|
|
67486
|
+
"class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
|
|
67434
67487
|
onClick: function onClick() {
|
|
67435
67488
|
setShowProductInfoModalContext(true);
|
|
67436
67489
|
setProductIdProdutInfoModalContext(item.productid);
|
|
@@ -67455,7 +67508,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67455
67508
|
},
|
|
67456
67509
|
loading: "lazy"
|
|
67457
67510
|
})), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
67458
|
-
"class": "".concat(cardsstyles$
|
|
67511
|
+
"class": "".concat(cardsstyles$4.wishlistbtn),
|
|
67459
67512
|
onClick: function onClick() {
|
|
67460
67513
|
addtofavoritescontext(item.productid);
|
|
67461
67514
|
}
|
|
@@ -67507,7 +67560,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67507
67560
|
}, /*#__PURE__*/React.createElement("p", {
|
|
67508
67561
|
"class": "m-0 p-0"
|
|
67509
67562
|
}, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
|
|
67510
|
-
"class": "".concat(cardsstyles$
|
|
67563
|
+
"class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
|
|
67511
67564
|
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
67512
67565
|
"class": "col-lg-12"
|
|
67513
67566
|
}, /*#__PURE__*/React.createElement("p", {
|
|
@@ -67531,7 +67584,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
67531
67584
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
67532
67585
|
}
|
|
67533
67586
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React.createElement("div", {
|
|
67534
|
-
"class": "".concat(cardsstyles$
|
|
67587
|
+
"class": "".concat(cardsstyles$4.card_informationcontainer)
|
|
67535
67588
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67536
67589
|
"class": "row m-0 w-100 d-flex align-items-center"
|
|
67537
67590
|
}, /*#__PURE__*/React.createElement("button", {
|
|
@@ -70215,7 +70268,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
70215
70268
|
};
|
|
70216
70269
|
|
|
70217
70270
|
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$
|
|
70271
|
+
var cardsstyles$3 = {"productcard":"ModernCardWithQuantityButton-module_productcard__PaOc-","wishlistbtn":"ModernCardWithQuantityButton-module_wishlistbtn__mXt2e","card_inner":"ModernCardWithQuantityButton-module_card_inner__1ySNo","card_informationcontainer":"ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl"};
|
|
70219
70272
|
styleInject(css_248z$5);
|
|
70220
70273
|
|
|
70221
70274
|
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 +70543,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
70490
70543
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
70491
70544
|
}
|
|
70492
70545
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
70493
|
-
"class": "".concat(cardsstyles$
|
|
70546
|
+
"class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
|
|
70494
70547
|
style: {
|
|
70495
70548
|
position: 'relative'
|
|
70496
70549
|
}
|
|
@@ -70529,7 +70582,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
70529
70582
|
},
|
|
70530
70583
|
loading: "lazy"
|
|
70531
70584
|
}))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
70532
|
-
"class": "".concat(cardsstyles$
|
|
70585
|
+
"class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
|
|
70533
70586
|
onClick: function onClick(e) {
|
|
70534
70587
|
e.stopPropagation();
|
|
70535
70588
|
addtofavoritescontext(item.productid);
|
|
@@ -72736,11 +72789,13 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
|
72736
72789
|
};
|
|
72737
72790
|
|
|
72738
72791
|
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";
|
|
72792
|
+
var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
|
|
72739
72793
|
styleInject(css_248z$3);
|
|
72740
72794
|
|
|
72741
72795
|
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; }
|
|
72742
72796
|
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; }
|
|
72743
72797
|
var Productcard6 = function Productcard6(props) {
|
|
72798
|
+
var _css;
|
|
72744
72799
|
var _useState = useState(''),
|
|
72745
72800
|
_useState2 = _slicedToArray(_useState, 2),
|
|
72746
72801
|
sectionproperties = _useState2[0],
|
|
@@ -72750,17 +72805,17 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72750
72805
|
item = _useState4[0],
|
|
72751
72806
|
setitem = _useState4[1];
|
|
72752
72807
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
72753
|
-
props.actions.lang;
|
|
72808
|
+
var lang = props.actions.lang;
|
|
72754
72809
|
var langdetect = props.actions.langdetect;
|
|
72755
|
-
props.actions.setShowProductInfoModalContext;
|
|
72756
|
-
props.actions.addtofavoritescontext;
|
|
72757
|
-
props.actions.setProductIdProdutInfoModalContext;
|
|
72810
|
+
var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
|
|
72811
|
+
var addtofavoritescontext = props.actions.addtofavoritescontext;
|
|
72812
|
+
var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
|
|
72758
72813
|
props.actions.AddtoCartContext;
|
|
72759
72814
|
props.actions.AddtoCartMutationContext;
|
|
72760
72815
|
props.actions.StaticPagesLinksContext;
|
|
72761
72816
|
props.actions.routingcountext;
|
|
72762
|
-
props.actions.cardonclickfunctionContext;
|
|
72763
|
-
|
|
72817
|
+
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
72818
|
+
props.actions.ikimagecredcontext;
|
|
72764
72819
|
useEffect(function () {
|
|
72765
72820
|
if (props.srcfrom == 'addsectionform') {
|
|
72766
72821
|
var secpropobj = {};
|
|
@@ -72783,137 +72838,48 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72783
72838
|
useEffect(function () {
|
|
72784
72839
|
setitem(props.cardinfoitemprops);
|
|
72785
72840
|
}, [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
|
-
// };
|
|
72891
72841
|
var card_cssstyles = {
|
|
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({
|
|
72842
|
+
productcard: css((_css = {
|
|
72901
72843
|
position: 'relative',
|
|
72902
|
-
|
|
72903
|
-
|
|
72904
|
-
|
|
72905
|
-
|
|
72906
|
-
|
|
72907
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72908
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72909
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.
|
|
72910
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.
|
|
72911
|
-
|
|
72912
|
-
|
|
72913
|
-
'
|
|
72914
|
-
|
|
72915
|
-
|
|
72916
|
-
|
|
72844
|
+
background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
|
|
72845
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
72846
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
72847
|
+
height: sectionproperties.height + 'px',
|
|
72848
|
+
width: '100%',
|
|
72849
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72850
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72851
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72852
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72853
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
72854
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
72855
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
72856
|
+
paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
72857
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
72858
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
72859
|
+
transition: '0.3s',
|
|
72860
|
+
cursor: 'pointer',
|
|
72861
|
+
opacity: sectionproperties.cardbg_opacity
|
|
72862
|
+
}, _defineProperty(_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty(_css, ':hover', {
|
|
72863
|
+
opacity: sectionproperties.bgopacityonhover
|
|
72864
|
+
}), _defineProperty(_css, ':after', {
|
|
72865
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
72866
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
72867
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
72868
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
72869
|
+
content: 's',
|
|
72870
|
+
fontSize: 0,
|
|
72871
|
+
position: 'absolute',
|
|
72872
|
+
top: 0,
|
|
72873
|
+
bottom: 0,
|
|
72874
|
+
left: 0,
|
|
72875
|
+
width: '100%',
|
|
72876
|
+
height: '100%',
|
|
72877
|
+
transition: ' 0.3s',
|
|
72878
|
+
background: sectionproperties.transitionbg_color,
|
|
72879
|
+
opacity: sectionproperties.cardtransition_opacity
|
|
72880
|
+
}), _defineProperty(_css, ':hover:after', {
|
|
72881
|
+
opacity: sectionproperties.cardtransitionbgopacityonhover
|
|
72882
|
+
}), _css)),
|
|
72917
72883
|
productNameStyles: css({
|
|
72918
72884
|
color: sectionproperties.prodNameColor,
|
|
72919
72885
|
fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
@@ -72921,19 +72887,20 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72921
72887
|
fontWeight: sectionproperties.prodNameFontWeight,
|
|
72922
72888
|
transition: '.3s',
|
|
72923
72889
|
cursor: 'pointer',
|
|
72924
|
-
|
|
72925
|
-
|
|
72926
|
-
}
|
|
72890
|
+
position: 'absolute',
|
|
72891
|
+
zIndex: '10'
|
|
72927
72892
|
}),
|
|
72928
72893
|
productPricestyles: css({
|
|
72929
72894
|
color: sectionproperties.prodPriceColor,
|
|
72930
72895
|
fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
72931
|
-
fontWeight: sectionproperties.prodPriceFontWeight
|
|
72896
|
+
fontWeight: sectionproperties.prodPriceFontWeight,
|
|
72897
|
+
zIndex: '10'
|
|
72932
72898
|
}),
|
|
72933
72899
|
productSalePricestyles: css({
|
|
72934
72900
|
color: sectionproperties.prodsalePriceColor,
|
|
72935
72901
|
fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
72936
|
-
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
72902
|
+
fontWeight: sectionproperties.prodsalePriceFontWeight,
|
|
72903
|
+
zIndex: '10'
|
|
72937
72904
|
}),
|
|
72938
72905
|
wishlist_btn: css({
|
|
72939
72906
|
width: sectionproperties.favBtnWidth + 'px',
|
|
@@ -72941,217 +72908,112 @@ var Productcard6 = function Productcard6(props) {
|
|
|
72941
72908
|
background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
72942
72909
|
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
72943
72910
|
color: sectionproperties.favBtnTextcolor,
|
|
72944
|
-
fontSize: sectionproperties.
|
|
72911
|
+
fontSize: sectionproperties.favBtnIconfontsize + 'px',
|
|
72945
72912
|
textTransform: sectionproperties.favBtnTexttransform,
|
|
72946
72913
|
fontWeight: sectionproperties.favBtnTextfontweight,
|
|
72947
72914
|
transition: '.3s',
|
|
72948
72915
|
border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
72949
72916
|
':hover': {
|
|
72950
72917
|
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
72951
|
-
color: sectionproperties.favBtnTextcoloronhover
|
|
72918
|
+
color: sectionproperties.favBtnTextcoloronhover,
|
|
72919
|
+
borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
|
|
72952
72920
|
}
|
|
72953
72921
|
}),
|
|
72954
72922
|
cart_btn: css({
|
|
72955
|
-
width: sectionproperties.cartBtnWidth
|
|
72923
|
+
width: sectionproperties.cartBtnWidth + 'px',
|
|
72956
72924
|
height: sectionproperties.cartBtnHeight + 'px',
|
|
72957
72925
|
background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
72958
72926
|
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
72959
72927
|
color: sectionproperties.cartBtnTextcolor,
|
|
72960
72928
|
fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
72929
|
+
// fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
|
|
72961
72930
|
textTransform: sectionproperties.cartBtnTexttransform,
|
|
72962
72931
|
fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
72963
72932
|
border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
72964
72933
|
transition: '.3s',
|
|
72965
|
-
textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
|
|
72966
72934
|
':hover': {
|
|
72967
72935
|
background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
72968
|
-
color: sectionproperties.cartBtnTextcoloronhover
|
|
72969
|
-
|
|
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
|
-
}
|
|
72936
|
+
color: sectionproperties.cartBtnTextcoloronhover
|
|
72937
|
+
},
|
|
72938
|
+
zIndex: '10'
|
|
72991
72939
|
})
|
|
72992
72940
|
};
|
|
72993
72941
|
return /*#__PURE__*/React.createElement("div", {
|
|
72994
|
-
"class":
|
|
72942
|
+
"class": "row m-0 w-100",
|
|
72995
72943
|
style: {
|
|
72996
72944
|
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
72997
72945
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
72998
72946
|
}
|
|
72999
72947
|
}, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
73000
|
-
"class": card_cssstyles.
|
|
73001
|
-
style: {}
|
|
73002
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
73003
|
-
"class": "w-100",
|
|
72948
|
+
"class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
|
|
73004
72949
|
style: {
|
|
73005
|
-
|
|
72950
|
+
backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
|
|
72951
|
+
backgroundRepeat: 'no-repeat',
|
|
72952
|
+
// backgroundSize: 'cover',
|
|
72953
|
+
backgroundPosition: 'center'
|
|
72954
|
+
},
|
|
72955
|
+
onClick: function onClick() {
|
|
72956
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
73006
72957
|
}
|
|
73007
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
73008
|
-
"class": "
|
|
72958
|
+
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
72959
|
+
"class": "col-lg-12 d-flex flex-row justify-content-start p-0",
|
|
72960
|
+
style: {}
|
|
72961
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
72962
|
+
onClick: function onClick(e) {
|
|
72963
|
+
e.stopPropagation();
|
|
72964
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
72965
|
+
},
|
|
72966
|
+
"class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
|
|
72967
|
+
}, item.name)), /*#__PURE__*/React.createElement("div", {
|
|
72968
|
+
"class": "col-lg-12 d-flex justify-content-start p-0",
|
|
73009
72969
|
style: {
|
|
73010
|
-
|
|
72970
|
+
height: '50%',
|
|
72971
|
+
zIndex: 100,
|
|
72972
|
+
position: 'absolute',
|
|
72973
|
+
bottom: 10
|
|
73011
72974
|
}
|
|
73012
72975
|
}, /*#__PURE__*/React.createElement("div", {
|
|
73013
|
-
"class": "w-100
|
|
72976
|
+
"class": "row w-100 ml-0 mr-0 mt-auto"
|
|
72977
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
72978
|
+
"class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
|
|
72979
|
+
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
|
|
72980
|
+
"class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
|
|
72981
|
+
}, 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", {
|
|
72982
|
+
"class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
|
|
72983
|
+
}, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React.createElement("div", {
|
|
72984
|
+
"class": "col-lg-12 p-0 d-flex"
|
|
72985
|
+
}, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
72986
|
+
"class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
|
|
72987
|
+
onClick: function onClick(e) {
|
|
72988
|
+
e.stopPropagation();
|
|
72989
|
+
setShowProductInfoModalContext(true);
|
|
72990
|
+
setProductIdProdutInfoModalContext(item.productid);
|
|
72991
|
+
}
|
|
72992
|
+
}, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
|
|
72993
|
+
"class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
|
|
72994
|
+
onClick: function onClick(e) {
|
|
72995
|
+
e.stopPropagation();
|
|
72996
|
+
addtofavoritescontext(item.productid);
|
|
72997
|
+
}
|
|
72998
|
+
}, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
|
|
72999
|
+
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
73000
|
+
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
|
|
73001
|
+
size: sectionproperties.favBtnIconfontsize,
|
|
73014
73002
|
style: {
|
|
73015
|
-
|
|
73003
|
+
color: sectionproperties.activefaviconcolor
|
|
73016
73004
|
}
|
|
73017
|
-
}, /*#__PURE__*/React.createElement(
|
|
73018
|
-
|
|
73019
|
-
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
73020
|
-
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
|
|
73021
|
-
loading: "lazy",
|
|
73005
|
+
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
|
|
73006
|
+
size: sectionproperties.favBtnIconfontsize,
|
|
73022
73007
|
style: {
|
|
73023
|
-
|
|
73024
|
-
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
73025
|
-
objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
|
|
73008
|
+
color: sectionproperties.activefaviconcolor
|
|
73026
73009
|
}
|
|
73027
|
-
}))
|
|
73028
|
-
|
|
73029
|
-
|
|
73030
|
-
|
|
73031
|
-
|
|
73032
|
-
|
|
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
|
-
;
|
|
73010
|
+
})), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
|
|
73011
|
+
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
73012
|
+
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
|
|
73013
|
+
size: sectionproperties.favBtnIconfontsize
|
|
73014
|
+
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
|
|
73015
|
+
size: sectionproperties.favBtnIconfontsize
|
|
73016
|
+
}))))))));
|
|
73155
73017
|
};
|
|
73156
73018
|
|
|
73157
73019
|
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; }
|