tabexseriescomponents 0.0.296 → 0.0.297
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 +746 -4
- package/dist/index.esm.js +746 -4
- package/dist/index.umd.js +746 -4
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -51122,7 +51122,7 @@
|
|
|
51122
51122
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
51123
51123
|
}
|
|
51124
51124
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51125
|
-
"class": "".concat(cardsstyles2.card) + '
|
|
51125
|
+
"class": "".concat(cardsstyles2.card) + ' w-100 '
|
|
51126
51126
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51127
51127
|
"class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
|
|
51128
51128
|
style: {
|
|
@@ -51200,13 +51200,13 @@
|
|
|
51200
51200
|
}, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
|
|
51201
51201
|
size: sectionproperties.generalbtn_fontsize
|
|
51202
51202
|
})))), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51203
|
-
"class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0
|
|
51203
|
+
"class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 ",
|
|
51204
51204
|
style: {
|
|
51205
51205
|
paddingTop: sectionproperties.paddingTop + 'px',
|
|
51206
51206
|
paddingBottom: sectionproperties.paddingBottom + 'px'
|
|
51207
51207
|
}
|
|
51208
51208
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51209
|
-
"class": sectionproperties.hideshowcardtransition == 'Show' ? "".concat(cardsstyles2.
|
|
51209
|
+
"class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
|
|
51210
51210
|
style: {
|
|
51211
51211
|
height: sectionproperties.image_height + 'px'
|
|
51212
51212
|
}
|
|
@@ -51216,7 +51216,7 @@
|
|
|
51216
51216
|
height: sectionproperties.height_responsive + 'px'
|
|
51217
51217
|
}
|
|
51218
51218
|
}, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
51219
|
-
"class": 'row m-0 w-100 pl-sm-
|
|
51219
|
+
"class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
|
|
51220
51220
|
style: {
|
|
51221
51221
|
paddingLeft: '10px',
|
|
51222
51222
|
paddingRight: '10px',
|
|
@@ -51288,6 +51288,748 @@
|
|
|
51288
51288
|
}, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))));
|
|
51289
51289
|
};
|
|
51290
51290
|
|
|
51291
|
+
// import React, { useEffect, useState } from 'react';
|
|
51292
|
+
// import { css } from 'glamor';
|
|
51293
|
+
// import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
|
|
51294
|
+
// import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
|
|
51295
|
+
// import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
|
|
51296
|
+
// import { FaRegHeart } from '@react-icons/all-files/fa/FaRegHeart';
|
|
51297
|
+
// import { FaHeart } from '@react-icons/all-files/fa/FaHeart';
|
|
51298
|
+
// import { CgShoppingBag } from '@react-icons/all-files/cg/CgShoppingBag';
|
|
51299
|
+
// import { AiFillStar } from '@react-icons/all-files/ai/AiFillStar';
|
|
51300
|
+
// import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
|
|
51301
|
+
// import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
|
|
51302
|
+
// import { BsBag } from '@react-icons/all-files/bs/BsBag';
|
|
51303
|
+
// import { RiHandbagLine } from '@react-icons/all-files/ri/RiHandbagLine';
|
|
51304
|
+
// import { BsEye } from '@react-icons/all-files/bs/BsEye';
|
|
51305
|
+
|
|
51306
|
+
// const Card23 = (props) => {
|
|
51307
|
+
// const [sectionproperties, setsectionproperties] = useState('');
|
|
51308
|
+
// const [item, setitem] = useState(props.cardinfoitemprops);
|
|
51309
|
+
// const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
51310
|
+
// const lang = props.actions.lang;
|
|
51311
|
+
// const langdetect = props.actions.langdetect;
|
|
51312
|
+
// const addtofavoritescontext = props.actions.addtofavoritescontext;
|
|
51313
|
+
// const setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
|
|
51314
|
+
// const setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
|
|
51315
|
+
// const cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
51316
|
+
// const ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
51317
|
+
// const [index, setindex] = useState(props.cardinfoindexprops);
|
|
51318
|
+
// useEffect(() => {
|
|
51319
|
+
// var secpropobj = {};
|
|
51320
|
+
// StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
51321
|
+
// if (sectionitem.sectionid == props.sectionidprops) {
|
|
51322
|
+
// sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
|
|
51323
|
+
// secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
|
|
51324
|
+
// });
|
|
51325
|
+
// }
|
|
51326
|
+
// });
|
|
51327
|
+
// setsectionproperties({ ...secpropobj });
|
|
51328
|
+
// }, [StatePagePropertiesContext]);
|
|
51329
|
+
// useEffect(() => {
|
|
51330
|
+
// setitem(props.cardinfoitemprops);
|
|
51331
|
+
// }, [props.cardinfoitemprops]);
|
|
51332
|
+
// const cardsstyles2 = {
|
|
51333
|
+
// showmodal: css({
|
|
51334
|
+
// backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
|
|
51335
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
|
|
51336
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
|
|
51337
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
|
|
51338
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
|
|
51339
|
+
// height: sectionproperties.generalbtn_height + 'px',
|
|
51340
|
+
// width: sectionproperties.generalbtn_width + 'px',
|
|
51341
|
+
// fontSize: sectionproperties.generalbtn_fontsize + 'px',
|
|
51342
|
+
// color: sectionproperties.generalbtn_textColor,
|
|
51343
|
+
// cursor: 'pointer',
|
|
51344
|
+
// transition: '0.3s',
|
|
51345
|
+
// ':hover': {
|
|
51346
|
+
// backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
|
|
51347
|
+
// color: sectionproperties.generalbtn_textColoronhover,
|
|
51348
|
+
// },
|
|
51349
|
+
// }),
|
|
51350
|
+
// productNameStyles: css({
|
|
51351
|
+
// color: sectionproperties.prodNameColor,
|
|
51352
|
+
// fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
51353
|
+
// textTransform: sectionproperties.prodNameTextTranform,
|
|
51354
|
+
// fontWeight: sectionproperties.prodNameFontWeight,
|
|
51355
|
+
// transition: '.3s',
|
|
51356
|
+
// cursor: 'pointer',
|
|
51357
|
+
// ':hover': {
|
|
51358
|
+
// color: sectionproperties.prodNameColorOnHover,
|
|
51359
|
+
// },
|
|
51360
|
+
// }),
|
|
51361
|
+
// productDescStyles: css({
|
|
51362
|
+
// color: sectionproperties.prodCatColor,
|
|
51363
|
+
// fontSize: sectionproperties.prodCatFontSize + 'px',
|
|
51364
|
+
// textTransform: sectionproperties.prodCatTextTranform,
|
|
51365
|
+
// fontWeight: sectionproperties.prodCatFontWeight,
|
|
51366
|
+
// transition: '.3s',
|
|
51367
|
+
// }),
|
|
51368
|
+
// productPricestyles: css({
|
|
51369
|
+
// color: sectionproperties.prodPriceColor,
|
|
51370
|
+
// fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
51371
|
+
// fontWeight: sectionproperties.prodPriceFontWeight,
|
|
51372
|
+
// }),
|
|
51373
|
+
// productSalePricestyles: css({
|
|
51374
|
+
// color: sectionproperties.prodsalePriceColor,
|
|
51375
|
+
// fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
51376
|
+
// fontWeight: sectionproperties.prodsalePriceFontWeight,
|
|
51377
|
+
// }),
|
|
51378
|
+
// wishlist_btn: css({
|
|
51379
|
+
// width: sectionproperties.favBtnWidth + 'px',
|
|
51380
|
+
// height: sectionproperties.favBtnHeight + 'px',
|
|
51381
|
+
// background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : item.IsFavExists == true ? sectionproperties.activebgcolor : sectionproperties.favBtnbgColor,
|
|
51382
|
+
// borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
51383
|
+
// color: item.IsFavExists == true ? sectionproperties.activefaviconcolor : sectionproperties.favBtniconcolor,
|
|
51384
|
+
// fontSize: sectionproperties.favBtnTextfontsize + 'px',
|
|
51385
|
+
// textTransform: sectionproperties.favBtnTexttransform,
|
|
51386
|
+
// fontWeight: sectionproperties.favBtnTextfontweight,
|
|
51387
|
+
// border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
51388
|
+
// transition: '.3s',
|
|
51389
|
+
// ':hover': {
|
|
51390
|
+
// background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
51391
|
+
// color: sectionproperties.favBtnTextcoloronhover,
|
|
51392
|
+
// },
|
|
51393
|
+
// ':hover .icon': {
|
|
51394
|
+
// transition: 'all, 0.2s',
|
|
51395
|
+
// transform: ' rotate(360deg)',
|
|
51396
|
+
// },
|
|
51397
|
+
// }),
|
|
51398
|
+
// cart_btn: css({
|
|
51399
|
+
// width: sectionproperties.cartBtnWidth + 'px',
|
|
51400
|
+
// height: sectionproperties.cartBtnHeight + 'px',
|
|
51401
|
+
// background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
51402
|
+
// borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
51403
|
+
// color: sectionproperties.cartBtnTextcolor,
|
|
51404
|
+
// fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
51405
|
+
// fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
51406
|
+
// border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
|
|
51407
|
+
// transition: '.3s',
|
|
51408
|
+
// ':hover': {
|
|
51409
|
+
// background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
51410
|
+
// color: sectionproperties.cartBtnTextcoloronhover,
|
|
51411
|
+
// borderColor: sectionproperties.cartBtnTextcoloronhover,
|
|
51412
|
+
// },
|
|
51413
|
+
// }),
|
|
51414
|
+
// iconsContainer: css({
|
|
51415
|
+
// display: 'flex',
|
|
51416
|
+
// flexDirection: 'column',
|
|
51417
|
+
// position: 'absolute',
|
|
51418
|
+
// top: 10,
|
|
51419
|
+
// right: -15,
|
|
51420
|
+
// opacity: 0,
|
|
51421
|
+
// transform: `translateX(5px)`,
|
|
51422
|
+
// }),
|
|
51423
|
+
// card: css({
|
|
51424
|
+
// marginBottom: sectionproperties.marginBottom + 'px',
|
|
51425
|
+
// marginTop: sectionproperties.marginTop + 'px',
|
|
51426
|
+
// backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
51427
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
51428
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
51429
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
51430
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
51431
|
+
// border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
51432
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
|
|
51433
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
51434
|
+
// ':hover .iconsContainer': {
|
|
51435
|
+
// opacity: 1,
|
|
51436
|
+
// transition: 'all, 0.4s',
|
|
51437
|
+
// right: 10,
|
|
51438
|
+
// transform: `translateX(0px)`,
|
|
51439
|
+
// },
|
|
51440
|
+
// }),
|
|
51441
|
+
// iconsContainer2: css({
|
|
51442
|
+
// opacity: 1,
|
|
51443
|
+
// transition: 'all, 0.4s',
|
|
51444
|
+
// right: 10,
|
|
51445
|
+
// transform: `translateX(0px)`,
|
|
51446
|
+
// }),
|
|
51447
|
+
// imageContainer: css({
|
|
51448
|
+
// backgroundColor: sectionproperties.image_bgcolor,
|
|
51449
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
51450
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
51451
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
51452
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
51453
|
+
// }),
|
|
51454
|
+
// };
|
|
51455
|
+
|
|
51456
|
+
// const plainString = (html) => {
|
|
51457
|
+
// var divContainer = document.createElement('div');
|
|
51458
|
+
// divContainer.innerHTML = html;
|
|
51459
|
+
// return divContainer.textContent || divContainer.innerText || '';
|
|
51460
|
+
// };
|
|
51461
|
+
// const Image = () => {
|
|
51462
|
+
// return (
|
|
51463
|
+
// <div class="w-100">
|
|
51464
|
+
// <Imagekitimagecomp
|
|
51465
|
+
// urlEndpoint={ikimagecredcontext?.ikimageendpoint}
|
|
51466
|
+
// publicKey={ikimagecredcontext?.ikimagepublickey}
|
|
51467
|
+
// path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
|
|
51468
|
+
// style={{
|
|
51469
|
+
// width: sectionproperties.imageInnerWidth_Height + '%',
|
|
51470
|
+
// height: sectionproperties.imageInnerWidth_Height + '%',
|
|
51471
|
+
// objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
|
|
51472
|
+
// borderBottomLeftRadius:
|
|
51473
|
+
// sectionproperties.bgcovercontain == 'Cover'
|
|
51474
|
+
// ? langdetect == 'en'
|
|
51475
|
+
// ? sectionproperties.image_borderBottomLeftRadius + 'px'
|
|
51476
|
+
// : sectionproperties.image_borderBottomRightRadius + 'px'
|
|
51477
|
+
// : 0,
|
|
51478
|
+
// borderBottomRightRadius:
|
|
51479
|
+
// sectionproperties.bgcovercontain == 'Cover'
|
|
51480
|
+
// ? langdetect == 'en'
|
|
51481
|
+
// ? sectionproperties.image_borderBottomRightRadius + 'px'
|
|
51482
|
+
// : sectionproperties.image_borderBottomLeftRadius + 'px'
|
|
51483
|
+
// : 0,
|
|
51484
|
+
// borderTopLeftRadius:
|
|
51485
|
+
// sectionproperties.bgcovercontain == 'Cover'
|
|
51486
|
+
// ? langdetect == 'en'
|
|
51487
|
+
// ? sectionproperties.image_bordertopleftradius + 'px'
|
|
51488
|
+
// : sectionproperties.image_bordertoprightradius + 'px'
|
|
51489
|
+
// : 0,
|
|
51490
|
+
// borderTopRightRadius:
|
|
51491
|
+
// sectionproperties.bgcovercontain == 'Cover'
|
|
51492
|
+
// ? langdetect == 'en'
|
|
51493
|
+
// ? sectionproperties.image_bordertoprightradius + 'px'
|
|
51494
|
+
// : sectionproperties.image_bordertopleftradius + 'px'
|
|
51495
|
+
// : 0,
|
|
51496
|
+
// }}
|
|
51497
|
+
// loading="lazy"
|
|
51498
|
+
// onClick={() => {
|
|
51499
|
+
// setShowProductInfoModalContext(true);
|
|
51500
|
+
// setProductIdProdutInfoModalContext(item.productid);
|
|
51501
|
+
// }}
|
|
51502
|
+
// />
|
|
51503
|
+
// {item?.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && (
|
|
51504
|
+
// <div
|
|
51505
|
+
// class="row m-0 align-items-center justify-content-center"
|
|
51506
|
+
// style={{
|
|
51507
|
+
// position: 'absolute',
|
|
51508
|
+
// top: 10,
|
|
51509
|
+
// left: 10,
|
|
51510
|
+
// height: sectionproperties.badge_height + 'px',
|
|
51511
|
+
// width: sectionproperties.badge_width + 'px',
|
|
51512
|
+
// backgroundColor: sectionproperties.badge_bgcolor,
|
|
51513
|
+
// borderRadius: sectionproperties.badge_borderradius + 'px',
|
|
51514
|
+
// paddingLeft: '10px',
|
|
51515
|
+
// paddingRight: '10px',
|
|
51516
|
+
// color: sectionproperties.badge_color,
|
|
51517
|
+
// }}
|
|
51518
|
+
// >
|
|
51519
|
+
// <div style={{ fontSize: sectionproperties.badge_fontsize + 'px' }}>{langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr}</div>
|
|
51520
|
+
// </div>
|
|
51521
|
+
// )}
|
|
51522
|
+
// {sectionproperties.showpill == 'Show' && item.hassale == 1 && (
|
|
51523
|
+
// <div
|
|
51524
|
+
// class="allcentered"
|
|
51525
|
+
// style={{
|
|
51526
|
+
// position: 'absolute',
|
|
51527
|
+
// top: sectionproperties.pillpositionfromtop + 'px',
|
|
51528
|
+
// left: sectionproperties.pillpositionfromright + 'px',
|
|
51529
|
+
// width: sectionproperties.pillwidth + 'px',
|
|
51530
|
+
// height: sectionproperties.pillheight + 'px',
|
|
51531
|
+
// background: sectionproperties.pillbgcolor,
|
|
51532
|
+
// borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
|
|
51533
|
+
// }}
|
|
51534
|
+
// >
|
|
51535
|
+
// <p class="m-0 p-0 text-uppercase" style={{ color: sectionproperties.pillcolor, fontSize: sectionproperties.pillfontSize + 'px', direction: 'ltr' }}>
|
|
51536
|
+
// {'-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'}
|
|
51537
|
+
// </p>
|
|
51538
|
+
// </div>
|
|
51539
|
+
// )}
|
|
51540
|
+
// </div>
|
|
51541
|
+
// );
|
|
51542
|
+
// };
|
|
51543
|
+
// return (
|
|
51544
|
+
// <div
|
|
51545
|
+
// class={
|
|
51546
|
+
// langdetect == 'en'
|
|
51547
|
+
// ? sectionproperties.card_marginLeft != 0
|
|
51548
|
+
// ? 'row m-0 w-100 pl-sm-2'
|
|
51549
|
+
// : sectionproperties.card_marginRight != 0
|
|
51550
|
+
// ? 'row m-0 w-100 pr-sm-2'
|
|
51551
|
+
// : 'row m-0 w-100'
|
|
51552
|
+
// : langdetect == 'en'
|
|
51553
|
+
// ? sectionproperties.card_marginRight != 0
|
|
51554
|
+
// ? 'row m-0 w-100 pr-sm-2'
|
|
51555
|
+
// : sectionproperties.card_marginLeft != 0
|
|
51556
|
+
// ? 'row m-0 w-100 pl-sm-2'
|
|
51557
|
+
// : 'row m-0 w-100'
|
|
51558
|
+
// : 'row m-0 w-100'
|
|
51559
|
+
// }
|
|
51560
|
+
// style={{
|
|
51561
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
51562
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
|
|
51563
|
+
// }}
|
|
51564
|
+
// >
|
|
51565
|
+
// <div class={`${cardsstyles2.card}` + ' '}>
|
|
51566
|
+
// <div
|
|
51567
|
+
// class={
|
|
51568
|
+
// item.IsFavExists == true
|
|
51569
|
+
// ? `${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-flex d-md-none '
|
|
51570
|
+
// : `${cardsstyles2.iconsContainer}` + ' iconsContainer d-flex d-md-none '
|
|
51571
|
+
// }
|
|
51572
|
+
// style={{ zIndex: 100 }}
|
|
51573
|
+
// >
|
|
51574
|
+
// {sectionproperties.favBtnShow == 'Show' && (
|
|
51575
|
+
// <button
|
|
51576
|
+
// class={`${cardsstyles2.wishlist_btn}` + ' mb-1 '}
|
|
51577
|
+
// onClick={() => {
|
|
51578
|
+
// addtofavoritescontext(item.productid);
|
|
51579
|
+
// }}
|
|
51580
|
+
// >
|
|
51581
|
+
// {item.IsFavExists && (
|
|
51582
|
+
// <i class="h-100 d-flex align-items-center justify-content-center icon">
|
|
51583
|
+
// {sectionproperties.faviconshape == 'Star Shape' && (
|
|
51584
|
+
// <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
51585
|
+
// )}
|
|
51586
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
|
|
51587
|
+
// </i>
|
|
51588
|
+
// )}
|
|
51589
|
+
// {!item.IsFavExists && (
|
|
51590
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51591
|
+
// {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
|
|
51592
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
|
|
51593
|
+
// </i>
|
|
51594
|
+
// )}
|
|
51595
|
+
// </button>
|
|
51596
|
+
// )}
|
|
51597
|
+
// {sectionproperties.generalbtn_show == 'Show' && (
|
|
51598
|
+
// <button
|
|
51599
|
+
// class={` ${cardsstyles2.showmodal}`}
|
|
51600
|
+
// onClick={(e) => {
|
|
51601
|
+
// e.stopPropagation();
|
|
51602
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
51603
|
+
// }}
|
|
51604
|
+
// >
|
|
51605
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51606
|
+
// <BsEye size={sectionproperties.generalbtn_fontsize} />
|
|
51607
|
+
// </i>
|
|
51608
|
+
// </button>
|
|
51609
|
+
// )}
|
|
51610
|
+
// </div>
|
|
51611
|
+
// <div class={`${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-none d-md-flex '} style={{ zIndex: 100 }}>
|
|
51612
|
+
// {sectionproperties.favBtnShow == 'Show' && (
|
|
51613
|
+
// <button
|
|
51614
|
+
// class={` ${cardsstyles2.wishlist_btn}` + ' mb-1 '}
|
|
51615
|
+
// onClick={() => {
|
|
51616
|
+
// addtofavoritescontext(item.productid);
|
|
51617
|
+
// }}
|
|
51618
|
+
// >
|
|
51619
|
+
// {item.IsFavExists && (
|
|
51620
|
+
// <i class="h-100 d-flex align-items-center justify-content-center icon">
|
|
51621
|
+
// {sectionproperties.faviconshape == 'Star Shape' && (
|
|
51622
|
+
// <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
51623
|
+
// )}
|
|
51624
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
|
|
51625
|
+
// </i>
|
|
51626
|
+
// )}
|
|
51627
|
+
// {!item.IsFavExists && (
|
|
51628
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51629
|
+
// {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
|
|
51630
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
|
|
51631
|
+
// </i>
|
|
51632
|
+
// )}
|
|
51633
|
+
// </button>
|
|
51634
|
+
// )}
|
|
51635
|
+
|
|
51636
|
+
// {sectionproperties.generalbtn_show == 'Show' && (
|
|
51637
|
+
// <button
|
|
51638
|
+
// class={` ${cardsstyles2.showmodal}`}
|
|
51639
|
+
// onClick={(e) => {
|
|
51640
|
+
// e.stopPropagation();
|
|
51641
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
51642
|
+
// }}
|
|
51643
|
+
// >
|
|
51644
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51645
|
+
// <BsEye size={sectionproperties.generalbtn_fontsize} />
|
|
51646
|
+
// </i>
|
|
51647
|
+
// </button>
|
|
51648
|
+
// )}
|
|
51649
|
+
// </div>
|
|
51650
|
+
// {sectionproperties.length != 0 && (
|
|
51651
|
+
// <div
|
|
51652
|
+
// class="col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2"
|
|
51653
|
+
// style={{
|
|
51654
|
+
// paddingTop: sectionproperties.paddingTop + 'px',
|
|
51655
|
+
// paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
51656
|
+
// }}
|
|
51657
|
+
// >
|
|
51658
|
+
// <div
|
|
51659
|
+
// class={cardsstyles2.imageContainer + ' d-flex d-md-none '}
|
|
51660
|
+
// style={{
|
|
51661
|
+
// height: sectionproperties.image_height + 'px',
|
|
51662
|
+
// }}
|
|
51663
|
+
// >
|
|
51664
|
+
// {Image()}
|
|
51665
|
+
// </div>
|
|
51666
|
+
// <div
|
|
51667
|
+
// class={cardsstyles2.imageContainer + ' d-none d-md-flex '}
|
|
51668
|
+
// style={{
|
|
51669
|
+
// height: sectionproperties.height_responsive + 'px',
|
|
51670
|
+
// }}
|
|
51671
|
+
// >
|
|
51672
|
+
// {Image()}
|
|
51673
|
+
// </div>
|
|
51674
|
+
// <div
|
|
51675
|
+
// class={'row m-0 w-100 pl-sm-0 pr-sm-0'}
|
|
51676
|
+
// style={{
|
|
51677
|
+
// paddingLeft: '10px',
|
|
51678
|
+
// paddingRight: '10px',
|
|
51679
|
+
// paddingTop: '10px',
|
|
51680
|
+
// paddingBottom: '10px',
|
|
51681
|
+
// }}
|
|
51682
|
+
// >
|
|
51683
|
+
// <div class="col-lg-12 p-0">
|
|
51684
|
+
// {sectionproperties.prodCatShow == 'Show' && (
|
|
51685
|
+
// <p
|
|
51686
|
+
// class={`${cardsstyles2.productDescStyles}` + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 '}
|
|
51687
|
+
// style={{
|
|
51688
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
51689
|
+
// }}
|
|
51690
|
+
// >
|
|
51691
|
+
// {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
|
|
51692
|
+
// </p>
|
|
51693
|
+
// )}
|
|
51694
|
+
|
|
51695
|
+
// {sectionproperties.prodNameShow == 'Show' && (
|
|
51696
|
+
// <div class="col-lg-12 p-0 " style={{ minHeight: '6vh' }}>
|
|
51697
|
+
// <p
|
|
51698
|
+
// onClick={() => {
|
|
51699
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
51700
|
+
// }}
|
|
51701
|
+
// class={
|
|
51702
|
+
// sectionproperties.wordbreak == '1'
|
|
51703
|
+
// ? `${cardsstyles2.productNameStyles}` + ' wordbreak wordbreak2 m-0 '
|
|
51704
|
+
// : `${cardsstyles2.productNameStyles}` + ' wordbreak wordbreak2 m-0 '
|
|
51705
|
+
// }
|
|
51706
|
+
// style={{
|
|
51707
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
51708
|
+
// }}
|
|
51709
|
+
// >
|
|
51710
|
+
// {item.name}
|
|
51711
|
+
// </p>
|
|
51712
|
+
// </div>
|
|
51713
|
+
// )}
|
|
51714
|
+
// </div>
|
|
51715
|
+
// <div class="row m-0 w-100 align-items-center mt-1 mb-1">
|
|
51716
|
+
// {sectionproperties.prodPriceShow == 'Show' && (
|
|
51717
|
+
// <p
|
|
51718
|
+
// class={
|
|
51719
|
+
// langdetect == 'en'
|
|
51720
|
+
// ? `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left '
|
|
51721
|
+
// : `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
|
|
51722
|
+
// }
|
|
51723
|
+
// >
|
|
51724
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
51725
|
+
// </p>
|
|
51726
|
+
// )}
|
|
51727
|
+
// {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && <span class={`${cardsstyles2.productSalePricestyles}`}>/</span>}
|
|
51728
|
+
// {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && (
|
|
51729
|
+
// <p
|
|
51730
|
+
// class={
|
|
51731
|
+
// langdetect == 'en'
|
|
51732
|
+
// ? `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left '
|
|
51733
|
+
// : `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
|
|
51734
|
+
// }
|
|
51735
|
+
// >
|
|
51736
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
51737
|
+
// </p>
|
|
51738
|
+
// )}
|
|
51739
|
+
// </div>
|
|
51740
|
+
// <div class="d-flex align-items-center m-0">
|
|
51741
|
+
// {sectionproperties.cartBtnShow == 'Show' && (
|
|
51742
|
+
// <button
|
|
51743
|
+
// class={`${cardsstyles2.cart_btn}` + ' allcentered '}
|
|
51744
|
+
// onClick={() => {
|
|
51745
|
+
// setShowProductInfoModalContext(true);
|
|
51746
|
+
// setProductIdProdutInfoModalContext(item.productid);
|
|
51747
|
+
// }}
|
|
51748
|
+
// >
|
|
51749
|
+
// <div class="d-flex align-items-center justify-content-center">
|
|
51750
|
+
// {sectionproperties.cartBtn_iconFontSize != 0 && (
|
|
51751
|
+
// <i class="allcentered mr-2" style={{ color: sectionproperties.cart_iconcolor, fontSize: sectionproperties.cartBtn_iconFontSize }}>
|
|
51752
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
51753
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
51754
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
51755
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 4' && <RiHandbagLine size={sectionproperties.cartBtn_iconFontSize} />}
|
|
51756
|
+
// {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
51757
|
+
// {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
|
|
51758
|
+
// </i>
|
|
51759
|
+
// )}
|
|
51760
|
+
// <p class="m-0 p-0">{langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic}</p>
|
|
51761
|
+
// </div>
|
|
51762
|
+
// </button>
|
|
51763
|
+
// )}
|
|
51764
|
+
// </div>
|
|
51765
|
+
// </div>
|
|
51766
|
+
// </div>
|
|
51767
|
+
// )}
|
|
51768
|
+
// </div>
|
|
51769
|
+
// {/* <div
|
|
51770
|
+
// class={props.sectiontypeprops2 == 'vertical' ? `${cardsstyles2.card}` + ' d-none d-md-flex w-100 ' : `${cardsstyles2.card}` + ' d-none d-md-flex '}
|
|
51771
|
+
// style={{
|
|
51772
|
+
// minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
|
|
51773
|
+
// maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + ' px',
|
|
51774
|
+
// }}
|
|
51775
|
+
// >
|
|
51776
|
+
// <div
|
|
51777
|
+
// class={
|
|
51778
|
+
// item.IsFavExists == true
|
|
51779
|
+
// ? `${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-flex d-md-none '
|
|
51780
|
+
// : `${cardsstyles2.iconsContainer}` + ' iconsContainer d-flex d-md-none '
|
|
51781
|
+
// }
|
|
51782
|
+
// style={{ zIndex: 100 }}
|
|
51783
|
+
// >
|
|
51784
|
+
// {sectionproperties.favBtnShow == 'Show' && (
|
|
51785
|
+
// <button
|
|
51786
|
+
// class={`${cardsstyles2.wishlist_btn}` + ' mb-1 '}
|
|
51787
|
+
// onClick={() => {
|
|
51788
|
+
// addtofavoritescontext(item.productid);
|
|
51789
|
+
// }}
|
|
51790
|
+
// >
|
|
51791
|
+
// {item.IsFavExists && (
|
|
51792
|
+
// <i class="h-100 d-flex align-items-center justify-content-center icon">
|
|
51793
|
+
// {sectionproperties.faviconshape == 'Star Shape' && (
|
|
51794
|
+
// <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
51795
|
+
// )}
|
|
51796
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
|
|
51797
|
+
// </i>
|
|
51798
|
+
// )}
|
|
51799
|
+
// {!item.IsFavExists && (
|
|
51800
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51801
|
+
// {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
|
|
51802
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
|
|
51803
|
+
// </i>
|
|
51804
|
+
// )}
|
|
51805
|
+
// </button>
|
|
51806
|
+
// )}
|
|
51807
|
+
// {sectionproperties.generalbtn_show == 'Show' && (
|
|
51808
|
+
// <button
|
|
51809
|
+
// class={` ${cardsstyles2.showmodal}`}
|
|
51810
|
+
// onClick={(e) => {
|
|
51811
|
+
// e.stopPropagation();
|
|
51812
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
51813
|
+
// }}
|
|
51814
|
+
// >
|
|
51815
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51816
|
+
// <BsEye size={sectionproperties.generalbtn_fontsize} />
|
|
51817
|
+
// </i>
|
|
51818
|
+
// </button>
|
|
51819
|
+
// )}
|
|
51820
|
+
// </div>
|
|
51821
|
+
// <div class={`${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-none d-md-flex '} style={{ zIndex: 100 }}>
|
|
51822
|
+
// {sectionproperties.favBtnShow == 'Show' && (
|
|
51823
|
+
// <button
|
|
51824
|
+
// class={` ${cardsstyles2.wishlist_btn}` + ' mb-1 '}
|
|
51825
|
+
// onClick={() => {
|
|
51826
|
+
// addtofavoritescontext(item.productid);
|
|
51827
|
+
// }}
|
|
51828
|
+
// >
|
|
51829
|
+
// {item.IsFavExists && (
|
|
51830
|
+
// <i class="h-100 d-flex align-items-center justify-content-center icon">
|
|
51831
|
+
// {sectionproperties.faviconshape == 'Star Shape' && (
|
|
51832
|
+
// <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
|
|
51833
|
+
// )}
|
|
51834
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
|
|
51835
|
+
// </i>
|
|
51836
|
+
// )}
|
|
51837
|
+
// {!item.IsFavExists && (
|
|
51838
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51839
|
+
// {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
|
|
51840
|
+
// {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
|
|
51841
|
+
// </i>
|
|
51842
|
+
// )}
|
|
51843
|
+
// </button>
|
|
51844
|
+
// )}
|
|
51845
|
+
|
|
51846
|
+
// {sectionproperties.generalbtn_show == 'Show' && (
|
|
51847
|
+
// <button
|
|
51848
|
+
// class={` ${cardsstyles2.showmodal}`}
|
|
51849
|
+
// onClick={(e) => {
|
|
51850
|
+
// e.stopPropagation();
|
|
51851
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
51852
|
+
// }}
|
|
51853
|
+
// >
|
|
51854
|
+
// <i class="h-100 d-flex align-items-center justify-content-center">
|
|
51855
|
+
// <BsEye size={sectionproperties.generalbtn_fontsize} />
|
|
51856
|
+
// </i>
|
|
51857
|
+
// </button>
|
|
51858
|
+
// )}
|
|
51859
|
+
// </div>
|
|
51860
|
+
// {sectionproperties.length != 0 && (
|
|
51861
|
+
// <div
|
|
51862
|
+
// class="col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2"
|
|
51863
|
+
// style={{
|
|
51864
|
+
// paddingTop: sectionproperties.paddingTop + 'px',
|
|
51865
|
+
// paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
51866
|
+
// }}
|
|
51867
|
+
// >
|
|
51868
|
+
// <div
|
|
51869
|
+
// class="cursor-pointer"
|
|
51870
|
+
// style={{
|
|
51871
|
+
// backgroundColor: sectionproperties.image_bgcolor,
|
|
51872
|
+
// height: sectionproperties.image_height + 'px',
|
|
51873
|
+
// borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
51874
|
+
// borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
51875
|
+
// borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
51876
|
+
// borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
|
|
51877
|
+
// }}
|
|
51878
|
+
// >
|
|
51879
|
+
|
|
51880
|
+
// <Imagekitimagecomp
|
|
51881
|
+
// urlEndpoint={ikimagecredcontext?.ikimageendpoint}
|
|
51882
|
+
// publicKey={ikimagecredcontext?.ikimagepublickey}
|
|
51883
|
+
// path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
|
|
51884
|
+
// style={{
|
|
51885
|
+
// width: '100%',
|
|
51886
|
+
// height: '100%',
|
|
51887
|
+
// objectFit: 'contain',
|
|
51888
|
+
// }}
|
|
51889
|
+
// loading="lazy"
|
|
51890
|
+
// onClick={() => {
|
|
51891
|
+
// setShowProductInfoModalContext(true);
|
|
51892
|
+
// setProductIdProdutInfoModalContext(item.productid);
|
|
51893
|
+
// }}
|
|
51894
|
+
// ></IKImage>
|
|
51895
|
+
// {item?.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && (
|
|
51896
|
+
// <div
|
|
51897
|
+
// class="row m-0 align-items-center justify-content-center"
|
|
51898
|
+
// style={{
|
|
51899
|
+
// position: 'absolute',
|
|
51900
|
+
// top: 10,
|
|
51901
|
+
// left: 10,
|
|
51902
|
+
// height: sectionproperties.badge_height + 'px',
|
|
51903
|
+
// width: sectionproperties.badge_width + 'px',
|
|
51904
|
+
// backgroundColor: sectionproperties.badge_bgcolor,
|
|
51905
|
+
// borderRadius: sectionproperties.badge_borderradius + 'px',
|
|
51906
|
+
// paddingLeft: '10px',
|
|
51907
|
+
// paddingRight: '10px',
|
|
51908
|
+
// color: sectionproperties.badge_color,
|
|
51909
|
+
// }}
|
|
51910
|
+
// >
|
|
51911
|
+
// <div style={{ fontSize: sectionproperties.badge_fontsize + 'px' }}>{langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr}</div>
|
|
51912
|
+
// </div>
|
|
51913
|
+
// )}
|
|
51914
|
+
// {sectionproperties.showpill == 'Show' && item.hassale == 1 && (
|
|
51915
|
+
// <div
|
|
51916
|
+
// class="allcentered"
|
|
51917
|
+
// style={{
|
|
51918
|
+
// position: 'absolute',
|
|
51919
|
+
// top: sectionproperties.pillpositionfromtop + 'px',
|
|
51920
|
+
// left: sectionproperties.pillpositionfromright + 'px',
|
|
51921
|
+
// width: sectionproperties.pillwidth + 'px',
|
|
51922
|
+
// height: sectionproperties.pillheight + 'px',
|
|
51923
|
+
// background: sectionproperties.pillbgcolor,
|
|
51924
|
+
// borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
|
|
51925
|
+
// }}
|
|
51926
|
+
// >
|
|
51927
|
+
// <p class="m-0 p-0 text-uppercase" style={{ color: sectionproperties.pillcolor, fontSize: sectionproperties.pillfontSize + 'px', direction: 'ltr' }}>
|
|
51928
|
+
// {'-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'}
|
|
51929
|
+
// </p>
|
|
51930
|
+
// </div>
|
|
51931
|
+
// )}
|
|
51932
|
+
// </div>
|
|
51933
|
+
// <div
|
|
51934
|
+
// class={'row m-0 w-100 pl-sm-0 pr-sm-0'}
|
|
51935
|
+
// style={{
|
|
51936
|
+
// paddingLeft: '10px',
|
|
51937
|
+
// paddingRight: '10px',
|
|
51938
|
+
// paddingTop: '10px',
|
|
51939
|
+
// paddingBottom: '10px',
|
|
51940
|
+
// }}
|
|
51941
|
+
// >
|
|
51942
|
+
// <div class="col-lg-12 p-0">
|
|
51943
|
+
// {sectionproperties.prodCatShow == 'Show' && (
|
|
51944
|
+
// <p
|
|
51945
|
+
// class={`${cardsstyles2.productDescStyles}` + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 '}
|
|
51946
|
+
// style={{
|
|
51947
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
51948
|
+
// }}
|
|
51949
|
+
// >
|
|
51950
|
+
// {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
|
|
51951
|
+
// </p>
|
|
51952
|
+
// )}
|
|
51953
|
+
|
|
51954
|
+
// {sectionproperties.prodNameShow == 'Show' && (
|
|
51955
|
+
// <div class="col-lg-12 p-0 " style={{ minHeight: '6vh' }}>
|
|
51956
|
+
// <p
|
|
51957
|
+
// onClick={() => {
|
|
51958
|
+
// cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
51959
|
+
// }}
|
|
51960
|
+
// class={
|
|
51961
|
+
// sectionproperties.wordbreak == '1'
|
|
51962
|
+
// ? `${cardsstyles2.productNameStyles}` + ' wordbreak wordbreak2 m-0 '
|
|
51963
|
+
// : `${cardsstyles2.productNameStyles}` + ' wordbreak wordbreak2 m-0 '
|
|
51964
|
+
// }
|
|
51965
|
+
// style={{
|
|
51966
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
51967
|
+
// }}
|
|
51968
|
+
// >
|
|
51969
|
+
// {item.name}
|
|
51970
|
+
// </p>
|
|
51971
|
+
// </div>
|
|
51972
|
+
// )}
|
|
51973
|
+
// </div>
|
|
51974
|
+
// <div class="row m-0 w-100 align-items-center mt-1 mb-1">
|
|
51975
|
+
// {sectionproperties.prodPriceShow == 'Show' && (
|
|
51976
|
+
// <p
|
|
51977
|
+
// class={
|
|
51978
|
+
// langdetect == 'en'
|
|
51979
|
+
// ? `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left '
|
|
51980
|
+
// : `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
|
|
51981
|
+
// }
|
|
51982
|
+
// >
|
|
51983
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
51984
|
+
// </p>
|
|
51985
|
+
// )}
|
|
51986
|
+
// {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && <span class={`${cardsstyles2.productSalePricestyles}`}>/</span>}
|
|
51987
|
+
// {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && (
|
|
51988
|
+
// <p
|
|
51989
|
+
// class={
|
|
51990
|
+
// langdetect == 'en'
|
|
51991
|
+
// ? `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left '
|
|
51992
|
+
// : `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
|
|
51993
|
+
// }
|
|
51994
|
+
// >
|
|
51995
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
51996
|
+
// </p>
|
|
51997
|
+
// )}
|
|
51998
|
+
// </div>
|
|
51999
|
+
// <div class="d-flex align-items-center m-0">
|
|
52000
|
+
// {sectionproperties.cartBtnShow == 'Show' && (
|
|
52001
|
+
// <button
|
|
52002
|
+
// class={`${cardsstyles2.cart_btn}` + ' allcentered '}
|
|
52003
|
+
// onClick={() => {
|
|
52004
|
+
// setShowProductInfoModalContext(true);
|
|
52005
|
+
// setProductIdProdutInfoModalContext(item.productid);
|
|
52006
|
+
// }}
|
|
52007
|
+
// >
|
|
52008
|
+
// <div class="d-flex align-items-center justify-content-center">
|
|
52009
|
+
// {sectionproperties.cartBtn_iconFontSize != 0 && (
|
|
52010
|
+
// <i class="allcentered mr-2" style={{ color: sectionproperties.cart_iconcolor, fontSize: sectionproperties.cartBtn_iconFontSize }}>
|
|
52011
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
52012
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
52013
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
52014
|
+
// {sectionproperties.carticonstyle == 'Shopping bag 4' && <RiHandbagLine size={sectionproperties.cartBtn_iconFontSize} />}
|
|
52015
|
+
// {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart class="" size={sectionproperties.cartBtn_iconFontSize} />}
|
|
52016
|
+
// {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
|
|
52017
|
+
// </i>
|
|
52018
|
+
// )}
|
|
52019
|
+
// <p class="m-0 p-0">{langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic}</p>
|
|
52020
|
+
// </div>
|
|
52021
|
+
// </button>
|
|
52022
|
+
// )}
|
|
52023
|
+
// </div>
|
|
52024
|
+
// </div>
|
|
52025
|
+
// </div>
|
|
52026
|
+
// )}
|
|
52027
|
+
// </div> */}
|
|
52028
|
+
// </div>
|
|
52029
|
+
// );
|
|
52030
|
+
// };
|
|
52031
|
+
// export default Card23;
|
|
52032
|
+
|
|
51291
52033
|
function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
51292
52034
|
function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
51293
52035
|
var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|