tabexseriescomponents 0.50.192 → 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 +125 -125
- package/dist/index.esm.js +125 -125
- package/dist/index.umd.js +125 -125
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -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
|
};
|