tabexseriescomponents 0.50.191 → 0.50.193
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 +126 -126
- package/dist/index.esm.js +126 -126
- package/dist/index.umd.js +126 -126
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -52062,7 +52062,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
|
|
|
52062
52062
|
"class": "m-0 p-0 d-flex align-items-center"
|
|
52063
52063
|
}, "\u0420\u0443", /*#__PURE__*/React__default["default"].createElement("i", {
|
|
52064
52064
|
"class": "h-100 allcentered ml-auto pl-3"
|
|
52065
|
-
}, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == '
|
|
52065
|
+
}, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'germ' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52066
52066
|
"class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 mr-4 '
|
|
52067
52067
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
52068
52068
|
"class": "m-0 p-0 d-flex align-items-center"
|
|
@@ -91313,7 +91313,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
91313
91313
|
function ownKeys$f(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; }
|
|
91314
91314
|
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
91315
91315
|
var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
|
|
91316
|
-
var _useState = React.useState(
|
|
91316
|
+
var _useState = React.useState(''),
|
|
91317
91317
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
91318
91318
|
sectionproperties = _useState2[0],
|
|
91319
91319
|
setsectionproperties = _useState2[1];
|
|
@@ -91346,257 +91346,257 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
|
|
|
91346
91346
|
}, [props.cardinfoitemprops]);
|
|
91347
91347
|
var card_cssstyles = {
|
|
91348
91348
|
cardcont: glamor.css({
|
|
91349
|
-
width: sectionproperties.width +
|
|
91349
|
+
width: sectionproperties.width + 'px'
|
|
91350
91350
|
}),
|
|
91351
91351
|
productcard: glamor.css({
|
|
91352
|
-
position:
|
|
91353
|
-
background: sectionproperties.backgroundColortransparent ==
|
|
91354
|
-
borderBottomLeftRadius: langdetect !=
|
|
91355
|
-
borderBottomRightRadius: langdetect !=
|
|
91356
|
-
borderTopLeftRadius: langdetect !=
|
|
91357
|
-
borderTopRightRadius: langdetect !=
|
|
91358
|
-
marginTop: sectionproperties.marginTop +
|
|
91359
|
-
marginBottom: sectionproperties.marginBottom +
|
|
91360
|
-
paddingLeft: langdetect !=
|
|
91361
|
-
paddingRight: langdetect !=
|
|
91362
|
-
paddingTop: sectionproperties.paddingTop +
|
|
91363
|
-
paddingBottom: sectionproperties.paddingBottom +
|
|
91364
|
-
boxShadow: sectionproperties.sectioncardshadow ==
|
|
91365
|
-
border: sectionproperties.sectioncardborderwidth +
|
|
91352
|
+
position: 'relative',
|
|
91353
|
+
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
91354
|
+
borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
91355
|
+
borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
91356
|
+
borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
91357
|
+
borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
91358
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
91359
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
91360
|
+
paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
91361
|
+
paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
91362
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
91363
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
91364
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
91365
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
91366
91366
|
color: sectionproperties.prodNameColor,
|
|
91367
|
-
transition:
|
|
91368
|
-
|
|
91367
|
+
transition: '.5s',
|
|
91368
|
+
':hover': {
|
|
91369
91369
|
color: sectionproperties.prodNameColorOnHover
|
|
91370
91370
|
},
|
|
91371
|
-
|
|
91372
|
-
paddingLeft:
|
|
91373
|
-
paddingRight:
|
|
91371
|
+
':hover .text_container': {
|
|
91372
|
+
paddingLeft: '10px',
|
|
91373
|
+
paddingRight: '10px'
|
|
91374
91374
|
}
|
|
91375
91375
|
}),
|
|
91376
91376
|
text_container: glamor.css({
|
|
91377
|
-
padding:
|
|
91378
|
-
transition:
|
|
91377
|
+
padding: '5px',
|
|
91378
|
+
transition: '.5s'
|
|
91379
91379
|
}),
|
|
91380
91380
|
productcardimagecont: glamor.css({
|
|
91381
|
-
position:
|
|
91382
|
-
overflow:
|
|
91383
|
-
background: sectionproperties.image_bgcolortransparent ==
|
|
91381
|
+
position: 'relative',
|
|
91382
|
+
overflow: 'hidden',
|
|
91383
|
+
background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
|
|
91384
91384
|
opacity: sectionproperties.darknessopacity,
|
|
91385
|
-
border: sectionproperties.image_borderwidth +
|
|
91386
|
-
borderBottomLeftRadius: langdetect !=
|
|
91387
|
-
borderBottomRightRadius: langdetect !=
|
|
91388
|
-
borderTopLeftRadius: langdetect !=
|
|
91389
|
-
borderTopRightRadius: langdetect !=
|
|
91390
|
-
|
|
91385
|
+
border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
|
|
91386
|
+
borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
91387
|
+
borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
91388
|
+
borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
91389
|
+
borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
91390
|
+
':hover': glamor.css({
|
|
91391
91391
|
opacity: sectionproperties.cardimg_opacityonhover
|
|
91392
91392
|
})
|
|
91393
91393
|
}),
|
|
91394
91394
|
productNameStyles: glamor.css({
|
|
91395
|
-
fontSize: sectionproperties.prodNameFontSize +
|
|
91395
|
+
fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
91396
91396
|
textTransform: sectionproperties.prodNameTextTranform,
|
|
91397
91397
|
fontWeight: sectionproperties.prodNameFontWeight,
|
|
91398
91398
|
marginBottom: 3,
|
|
91399
|
-
transition:
|
|
91400
|
-
cursor:
|
|
91399
|
+
transition: '.3s',
|
|
91400
|
+
cursor: 'pointer'
|
|
91401
91401
|
}),
|
|
91402
91402
|
productPricestyles: glamor.css({
|
|
91403
91403
|
color: sectionproperties.prodPriceColor,
|
|
91404
|
-
fontSize: sectionproperties.prodpriceFontSize +
|
|
91404
|
+
fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
91405
91405
|
fontWeight: sectionproperties.prodPriceFontWeight
|
|
91406
91406
|
}),
|
|
91407
91407
|
productSalePricestyles: glamor.css({
|
|
91408
91408
|
color: sectionproperties.prodsalePriceColor,
|
|
91409
|
-
fontSize: sectionproperties.prodsalepriceFontSize +
|
|
91409
|
+
fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
91410
91410
|
fontWeight: sectionproperties.prodsalePriceFontWeight
|
|
91411
91411
|
}),
|
|
91412
91412
|
wishlist_btn: glamor.css({
|
|
91413
|
-
width: sectionproperties.favBtnWidth +
|
|
91414
|
-
height: sectionproperties.favBtnHeight +
|
|
91415
|
-
background: sectionproperties.favbtn_bgtransparent ==
|
|
91416
|
-
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius +
|
|
91413
|
+
width: sectionproperties.favBtnWidth + 'px',
|
|
91414
|
+
height: sectionproperties.favBtnHeight + 'px',
|
|
91415
|
+
background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
91416
|
+
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
91417
91417
|
color: sectionproperties.favBtniconcolor,
|
|
91418
|
-
fontSize: sectionproperties.favBtnTextfontsize +
|
|
91418
|
+
fontSize: sectionproperties.favBtnTextfontsize + 'px',
|
|
91419
91419
|
textTransform: sectionproperties.favBtnTexttransform,
|
|
91420
91420
|
fontWeight: sectionproperties.favBtnTextfontweight,
|
|
91421
|
-
transition:
|
|
91422
|
-
border: sectionproperties.favbtnborderwidth +
|
|
91423
|
-
|
|
91424
|
-
background: sectionproperties.favbtn_transparentbgcoloronhover ==
|
|
91421
|
+
transition: '.3s',
|
|
91422
|
+
border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
91423
|
+
':hover': {
|
|
91424
|
+
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
91425
91425
|
color: sectionproperties.favBtnTextcoloronhover,
|
|
91426
|
-
borderColor: sectionproperties.favbtn_transparentbgcoloronhover ==
|
|
91426
|
+
borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
|
|
91427
91427
|
}
|
|
91428
91428
|
}),
|
|
91429
91429
|
cart_btn: glamor.css({
|
|
91430
|
-
width: sectionproperties.cartBtnWidth == 0 ?
|
|
91431
|
-
height: sectionproperties.cartBtnHeight == 0 ?
|
|
91432
|
-
background: sectionproperties.cartbtn_bgtransparent ==
|
|
91433
|
-
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius +
|
|
91430
|
+
width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
|
|
91431
|
+
height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
|
|
91432
|
+
background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
91433
|
+
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
91434
91434
|
color: sectionproperties.cartBtnTextcolor,
|
|
91435
|
-
fontSize: sectionproperties.cartBtnTextfontsize +
|
|
91435
|
+
fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
91436
91436
|
fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
91437
|
-
border: sectionproperties.cartbtnborderwidth +
|
|
91438
|
-
transition:
|
|
91439
|
-
|
|
91440
|
-
background: sectionproperties.cartbtn_transparentbgcoloronhover ==
|
|
91437
|
+
border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
91438
|
+
transition: '.3s',
|
|
91439
|
+
':hover': {
|
|
91440
|
+
background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
91441
91441
|
color: sectionproperties.cartBtnTextcoloronhover,
|
|
91442
91442
|
borderColor: sectionproperties.cartBtnTextcoloronhover
|
|
91443
91443
|
}
|
|
91444
91444
|
}),
|
|
91445
91445
|
outstockbadge: glamor.css({
|
|
91446
|
-
width: sectionproperties.outstock_width +
|
|
91447
|
-
height: sectionproperties.outstock_height +
|
|
91446
|
+
width: sectionproperties.outstock_width + 'px',
|
|
91447
|
+
height: sectionproperties.outstock_height + 'px',
|
|
91448
91448
|
background: sectionproperties.outstock_bg,
|
|
91449
91449
|
color: sectionproperties.outstock_color,
|
|
91450
|
-
fontSize: sectionproperties.outstock_fontSize +
|
|
91451
|
-
borderRadius: sectionproperties.outstock_borderradius +
|
|
91452
|
-
position:
|
|
91450
|
+
fontSize: sectionproperties.outstock_fontSize + 'px',
|
|
91451
|
+
borderRadius: sectionproperties.outstock_borderradius + 'px',
|
|
91452
|
+
position: 'absolute',
|
|
91453
91453
|
zIndex: 2,
|
|
91454
91454
|
top: 0,
|
|
91455
91455
|
bottom: 0,
|
|
91456
91456
|
left: 0,
|
|
91457
91457
|
right: 0,
|
|
91458
|
-
margin:
|
|
91458
|
+
margin: 'auto'
|
|
91459
91459
|
})
|
|
91460
91460
|
};
|
|
91461
91461
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91462
|
-
"class": props.sectiontypeprops2 ==
|
|
91462
|
+
"class": props.sectiontypeprops2 == 'vertical' ? 'w-100' : "".concat(card_cssstyles.cardcont)
|
|
91463
91463
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91464
91464
|
"class": "row m-0 w-100 pl-sm-2 pr-sm-2",
|
|
91465
91465
|
style: {
|
|
91466
|
-
paddingLeft: langdetect !=
|
|
91467
|
-
paddingRight: langdetect !=
|
|
91466
|
+
paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
91467
|
+
paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
91468
91468
|
}
|
|
91469
91469
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91470
|
-
"class": "".concat(card_cssstyles.productcard) +
|
|
91470
|
+
"class": "".concat(card_cssstyles.productcard) + ' w-100 '
|
|
91471
91471
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91472
91472
|
onClick: function onClick() {
|
|
91473
91473
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
91474
91474
|
},
|
|
91475
|
-
"class": "".concat(card_cssstyles.productcardimagecont) +
|
|
91475
|
+
"class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
|
|
91476
91476
|
style: {
|
|
91477
|
-
height: sectionproperties.image_height +
|
|
91478
|
-
marginBottom: sectionproperties.image_mb +
|
|
91479
|
-
position:
|
|
91477
|
+
height: sectionproperties.image_height + 'px',
|
|
91478
|
+
marginBottom: sectionproperties.image_mb + 'px',
|
|
91479
|
+
position: 'relative'
|
|
91480
91480
|
}
|
|
91481
91481
|
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
91482
91482
|
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
91483
91483
|
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
91484
|
-
path:
|
|
91484
|
+
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_w + '/' + item.image,
|
|
91485
91485
|
loading: "lazy",
|
|
91486
91486
|
style: {
|
|
91487
|
-
width: sectionproperties.imageInnerWidth_Height +
|
|
91488
|
-
height: sectionproperties.imageInnerWidth_Height +
|
|
91489
|
-
objectFit: sectionproperties.bgcovercontain ==
|
|
91490
|
-
background: sectionproperties.image_bgcolortransparent ==
|
|
91491
|
-
border: sectionproperties.image_borderwidth +
|
|
91492
|
-
borderBottomLeftRadius: langdetect !=
|
|
91493
|
-
borderBottomRightRadius: langdetect !=
|
|
91494
|
-
borderTopLeftRadius: langdetect !=
|
|
91495
|
-
borderTopRightRadius: langdetect !=
|
|
91496
|
-
opacity: item.currentquantity < 1 && sectionproperties.showoutofstock ==
|
|
91487
|
+
width: sectionproperties.imageInnerWidth_Height + '%',
|
|
91488
|
+
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
91489
|
+
objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
|
|
91490
|
+
background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
|
|
91491
|
+
border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
|
|
91492
|
+
borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
91493
|
+
borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
91494
|
+
borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
91495
|
+
borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
91496
|
+
opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
|
|
91497
91497
|
}
|
|
91498
|
-
}), sectionproperties.showbadge ==
|
|
91498
|
+
}), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91499
91499
|
"class": "allcentered",
|
|
91500
91500
|
style: {
|
|
91501
|
-
position:
|
|
91502
|
-
top: sectionproperties.badge_top +
|
|
91503
|
-
left: langdetect !=
|
|
91504
|
-
right: langdetect !=
|
|
91505
|
-
width: sectionproperties.badge_width +
|
|
91506
|
-
height: sectionproperties.badge_height +
|
|
91501
|
+
position: 'absolute',
|
|
91502
|
+
top: sectionproperties.badge_top + 'px',
|
|
91503
|
+
left: langdetect != 'ar' ? '10px' : 0,
|
|
91504
|
+
right: langdetect != 'ar' ? 0 : '10px',
|
|
91505
|
+
width: sectionproperties.badge_width + 'px',
|
|
91506
|
+
height: sectionproperties.badge_height + 'px',
|
|
91507
91507
|
background: sectionproperties.badge_bgcolor,
|
|
91508
|
-
borderRadius: sectionproperties.badge_borderradius +
|
|
91508
|
+
borderRadius: sectionproperties.badge_borderradius + 'px'
|
|
91509
91509
|
}
|
|
91510
91510
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91511
91511
|
"class": "m-0 p-0 text-uppercase",
|
|
91512
91512
|
style: {
|
|
91513
91513
|
color: sectionproperties.badge_color,
|
|
91514
|
-
fontSize: sectionproperties.badge_fontsize +
|
|
91514
|
+
fontSize: sectionproperties.badge_fontsize + 'px'
|
|
91515
91515
|
}
|
|
91516
|
-
}, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill ==
|
|
91516
|
+
}, sectionproperties["badgeContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.badgeContentEn)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91517
91517
|
"class": "allcentered",
|
|
91518
91518
|
style: {
|
|
91519
|
-
position:
|
|
91520
|
-
top: sectionproperties.pillpositionfromtop +
|
|
91521
|
-
left: sectionproperties.pillpositionfromright +
|
|
91522
|
-
width: sectionproperties.pillwidth +
|
|
91523
|
-
height: sectionproperties.pillheight +
|
|
91519
|
+
position: 'absolute',
|
|
91520
|
+
top: sectionproperties.pillpositionfromtop + 'px',
|
|
91521
|
+
left: sectionproperties.pillpositionfromright + 'px',
|
|
91522
|
+
width: sectionproperties.pillwidth + 'px',
|
|
91523
|
+
height: sectionproperties.pillheight + 'px',
|
|
91524
91524
|
background: sectionproperties.pillbgcolor,
|
|
91525
|
-
borderRadius: sectionproperties.pillborderBottomLeftRadius +
|
|
91525
|
+
borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
|
|
91526
91526
|
}
|
|
91527
91527
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91528
91528
|
"class": "m-0 p-0 text-uppercase",
|
|
91529
91529
|
style: {
|
|
91530
91530
|
color: sectionproperties.pillcolor,
|
|
91531
|
-
fontSize: sectionproperties.pillfontSize +
|
|
91532
|
-
direction:
|
|
91531
|
+
fontSize: sectionproperties.pillfontSize + 'px',
|
|
91532
|
+
direction: 'ltr'
|
|
91533
91533
|
}
|
|
91534
|
-
},
|
|
91535
|
-
"class": "".concat(card_cssstyles.outstockbadge) +
|
|
91534
|
+
}, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91535
|
+
"class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
|
|
91536
91536
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91537
91537
|
"class": "m-0 p-0"
|
|
91538
|
-
}, sectionproperties
|
|
91539
|
-
"class": card_cssstyles.text_container +
|
|
91540
|
-
}, sectionproperties.prodNameShow ==
|
|
91538
|
+
}, langdetect == 'en' ? sectionproperties.outstock_contenten : langdetect == 'chin' ? '缺货' : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91539
|
+
"class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
|
|
91540
|
+
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91541
91541
|
onClick: function onClick() {
|
|
91542
91542
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
91543
91543
|
},
|
|
91544
91544
|
"class": "col-lg-12 p-0 d-flex justify-content-stretch"
|
|
91545
91545
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91546
|
-
"class": "".concat(card_cssstyles.productNameStyles) +
|
|
91546
|
+
"class": "".concat(card_cssstyles.productNameStyles) + ' p-0 wordbreak wordbreak1 m-0 '
|
|
91547
91547
|
}, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91548
91548
|
"class": "col-lg-12 d-flex align-items-center p-0 mb-1"
|
|
91549
|
-
}, sectionproperties.prodPriceShow ==
|
|
91550
|
-
"class": "".concat(card_cssstyles.productPricestyles) +
|
|
91551
|
-
}, langdetect !=
|
|
91552
|
-
"class": "".concat(card_cssstyles.productSalePricestyles) +
|
|
91553
|
-
}, langdetect !=
|
|
91549
|
+
}, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91550
|
+
"class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
|
|
91551
|
+
}, langdetect != 'ar' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91552
|
+
"class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
|
|
91553
|
+
}, langdetect != 'ar' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect != 'ar' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91554
91554
|
"class": "col-lg-12 d-flex align-items-center p-0 "
|
|
91555
91555
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91556
91556
|
"class": "col-lg-9 col-md-9 d-flex align-items-center justify-content-start p-0"
|
|
91557
|
-
}, sectionproperties.cartBtnShow ==
|
|
91558
|
-
"class": "".concat(card_cssstyles.cart_btn) +
|
|
91557
|
+
}, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
91558
|
+
"class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
|
|
91559
91559
|
onClick: function onClick() {
|
|
91560
|
-
if (item.currentquantity < 1 && sectionproperties.showoutofstock ==
|
|
91561
|
-
NotificationManager.warning(
|
|
91560
|
+
if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
|
|
91561
|
+
NotificationManager.warning('', langdetect != 'ar' ? 'Sold Out' : 'نفذت الكمية');
|
|
91562
91562
|
} else {
|
|
91563
91563
|
setShowProductInfoModalContext(true);
|
|
91564
91564
|
setProductIdProdutInfoModalContext(item.productid);
|
|
91565
91565
|
}
|
|
91566
91566
|
}
|
|
91567
91567
|
}, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
91568
|
-
className: langdetect !=
|
|
91568
|
+
className: langdetect != 'ar' ? 'mr-2' : 'ml-2',
|
|
91569
91569
|
style: {
|
|
91570
|
-
fontSize: sectionproperties.cartBtn_iconFontSize +
|
|
91570
|
+
fontSize: sectionproperties.cartBtn_iconFontSize + 'px'
|
|
91571
91571
|
}
|
|
91572
|
-
}, "+"), langdetect ===
|
|
91572
|
+
}, "+"), langdetect === 'ar' ? sectionproperties.cartBtnContentarabic : langdetect === 'chin' ? sectionproperties.cartBtnContentchin : langdetect === 'es' ? sectionproperties.cartBtnContentspanish : langdetect === 'fr' ? sectionproperties.cartBtnContentfrench : langdetect === 'rus' ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
91573
91573
|
"class": "col-lg-3 col-md-3 d-flex align-items-center justify-content-end p-0"
|
|
91574
|
-
}, sectionproperties.favBtnShow ==
|
|
91575
|
-
"class": " ".concat(card_cssstyles.wishlist_btn) +
|
|
91574
|
+
}, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
91575
|
+
"class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
|
|
91576
91576
|
onClick: function onClick() {
|
|
91577
91577
|
addtofavoritescontext(item.productid);
|
|
91578
91578
|
},
|
|
91579
91579
|
style: {
|
|
91580
|
-
background: item.IsFavExists ? sectionproperties.activebgcolor :
|
|
91581
|
-
borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor :
|
|
91580
|
+
background: item.IsFavExists ? sectionproperties.activebgcolor : '',
|
|
91581
|
+
borderColor: item.IsFavExists == true ? sectionproperties.activefaviconcolor : ''
|
|
91582
91582
|
}
|
|
91583
91583
|
}, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
91584
91584
|
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
91585
|
-
}, sectionproperties.faviconshape ==
|
|
91585
|
+
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
|
|
91586
91586
|
size: sectionproperties.favBtnIconfontsize,
|
|
91587
91587
|
style: {
|
|
91588
91588
|
color: sectionproperties.activefaviconcolor
|
|
91589
91589
|
}
|
|
91590
|
-
}), sectionproperties.faviconshape ==
|
|
91590
|
+
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
|
|
91591
91591
|
size: sectionproperties.favBtnIconfontsize,
|
|
91592
91592
|
style: {
|
|
91593
91593
|
color: sectionproperties.activefaviconcolor
|
|
91594
91594
|
}
|
|
91595
91595
|
})), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
91596
91596
|
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
91597
|
-
}, sectionproperties.faviconshape ==
|
|
91597
|
+
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
|
|
91598
91598
|
size: sectionproperties.favBtnIconfontsize
|
|
91599
|
-
}), sectionproperties.faviconshape ==
|
|
91599
|
+
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
|
|
91600
91600
|
size: sectionproperties.favBtnIconfontsize
|
|
91601
91601
|
})))))))));
|
|
91602
91602
|
};
|