tabexseriescomponents 0.0.232 → 0.0.234

package/dist/index.cjs.js

@@ -10481,8 +10481,6 @@ var CardsSection = function CardsSection(props) {
       background: sectionproperties.linebgcolor
     }),
     cards_sections: glamor.css({
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
       paddingLeft: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
@@ -10761,14 +10759,20 @@ var CardsSection = function CardsSection(props) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: refscr,
-    "class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
+    "class": ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
     style: {
       zIndex: 2,
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
       backgroundSize: 'cover',
       width: sectionproperties.width + 'vw',
-      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100  ',
@@ -15812,8 +15816,11 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
-  }, sectionproperties.showhidesubheader == 'Hide' || sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' scrollhorizontal w-100 d-flex align-items-center h-100 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' scrollhorizontal w-100  align-items-center h-100 ',
+    style: {
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+    }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     var activeclass = '';
     if (item.isselected) {
@@ -28274,7 +28281,7 @@ var Footer5 = function Footer5(props) {
       ':before': {
         width: '100%',
         height: '100%',
-        // background: 'rgba(0,0,0,0.6)',
+        background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
         zIndex: 1,
         position: 'absolute',
         content: 's',
@@ -28307,11 +28314,13 @@ var Footer5 = function Footer5(props) {
       top: 0,
       bottom: 0,
       right: 0,
-      left: 0,
-      opacity: 0.6
+      left: 0
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
+    className: "col-lg-12 p-0",
+    style: {
+      zIndex: 1
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33543,16 +33552,20 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
       "class": "row m-0 w-100",
       style: {
         background: sectionproperties.collectionssectionbgcolor,
-        boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor
+        boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor,
+        borderRadius: sectionproperties.collectionsectionborderradius + 'px'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: sectionstyles.dropdowntitle + ' col-lg-12 p-0 '
+      className: sectionstyles.dropdowntitle + ' col-lg-12 p-0 d-flex align-items-center ',
+      style: {
+        justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "m-0 p-3 text-center"
+      className: "m-0 p-3"
     }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
       style: {
@@ -33569,7 +33582,24 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
+      }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '4vh',
+          height: '4vh',
+          marginRight: langdetect == 'en' ? '5px' : 0,
+          marginLeft: langdetect == 'ar' ? '5px' : 0
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: item.categorylogo,
+        loading: "lazy",
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": ' m-0 p-0 wordbreak wordbreak1 ',
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
@@ -37212,7 +37242,6 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
 function ownKeys$R(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; }
 function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -37351,91 +37380,102 @@ var Freetextsection = function Freetextsection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
   };
+  var SectionContent = function SectionContent() {
+    var _maincontainerarrayof;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+      style: {
+        background: sectionproperties.backgroundColor,
+        borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+        borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+        borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+        position: 'relative',
+        border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+        width: sectionproperties.width + 'vw'
+      }
+    }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_styles.imgcontainer
+    }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
+      style: {
+        height: '100%',
+        width: '100%',
+        objectFit: 'cover',
+        margin: 0,
+        padding: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
+      style: {
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingBottom: sectionproperties.paddingBottom + 'px',
+        zIndex: 100
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 mb-auto"
+    }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.sectionTitleMarginLeft != 0 && sectionproperties.sectionTitleMarginRight != 0 ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 pr-md-3' : sectionproperties.sectionTitleMarginLeft != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : sectionproperties.sectionTitleMarginRight != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center ',
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "w-100 d-flex d-md-none",
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "w-100 d-none d-md-flex",
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex d-md-none",
+      style: {
+        fontSize: sectionproperties.prodCatFontSize + 'px'
+      }
+    }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-none d-md-flex",
+      style: {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      }
+    }, Description()), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": "".concat(section_styles.btn)
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 allcentered",
-    style: {
-      background: sectionproperties.backgroundColor
-    }
+    "class": "w-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+    "class": "row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center",
     style: {
       marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor,
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      position: 'relative',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      width: sectionproperties.width + 'vw'
-    }
-  }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": section_styles.imgcontainer
-  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey,
-    path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
-    style: {
-      height: '100%',
-      width: '100%',
-      objectFit: 'cover',
-      margin: 0,
-      padding: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
-    style: {
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      zIndex: 100
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 mb-auto"
-  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.sectionTitleMarginLeft != 0 && sectionproperties.sectionTitleMarginRight != 0 ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 pr-md-3' : sectionproperties.sectionTitleMarginLeft != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : sectionproperties.sectionTitleMarginRight != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center ',
-    style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 d-flex d-md-none",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-    }
-  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 d-none d-md-flex",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-    }
-  }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex d-md-none",
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px'
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
-  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-none d-md-flex",
+  }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center",
     style: {
-      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      marginTop: sectionproperties.marginTopResp + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
-  }, Description()), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn)
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+  }, SectionContent()));
 };
 
 function ownKeys$Q(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; }
@@ -51331,7 +51371,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' cursor-pointer w-100 ',
@@ -51464,7 +51506,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex flex-row col-lg-12 m-0 p-0 align-items-center justify-content-center mb-1 "
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " d-flex align-items-center justify-content-center p-0 mb-0"
+    "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center justify-content-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center justify-content-center p-0 mb-0 '
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {

package/dist/index.esm.js

@@ -10437,8 +10437,6 @@ var CardsSection = function CardsSection(props) {
       background: sectionproperties.linebgcolor
     }),
     cards_sections: css({
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
       paddingLeft: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
@@ -10717,14 +10715,20 @@ var CardsSection = function CardsSection(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     ref: refscr,
-    "class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
+    "class": ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
     style: {
       zIndex: 2,
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
       backgroundSize: 'cover',
       width: sectionproperties.width + 'vw',
-      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100  ',
@@ -15768,8 +15772,11 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
-  }, sectionproperties.showhidesubheader == 'Hide' || sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
-    "class": ' scrollhorizontal w-100 d-flex align-items-center h-100 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' scrollhorizontal w-100  align-items-center h-100 ',
+    style: {
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+    }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     var activeclass = '';
     if (item.isselected) {
@@ -28230,7 +28237,7 @@ var Footer5 = function Footer5(props) {
       ':before': {
         width: '100%',
         height: '100%',
-        // background: 'rgba(0,0,0,0.6)',
+        background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
         zIndex: 1,
         position: 'absolute',
         content: 's',
@@ -28263,11 +28270,13 @@ var Footer5 = function Footer5(props) {
       top: 0,
       bottom: 0,
       right: 0,
-      left: 0,
-      opacity: 0.6
+      left: 0
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0"
+    className: "col-lg-12 p-0",
+    style: {
+      zIndex: 1
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
@@ -33499,16 +33508,20 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
       "class": "row m-0 w-100",
       style: {
         background: sectionproperties.collectionssectionbgcolor,
-        boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor
+        boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor,
+        borderRadius: sectionproperties.collectionsectionborderradius + 'px'
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
-      className: sectionstyles.dropdowntitle + ' col-lg-12 p-0 '
+      className: sectionstyles.dropdowntitle + ' col-lg-12 p-0 d-flex align-items-center ',
+      style: {
+        justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React.createElement("p", {
-      className: "m-0 p-3 text-center"
+      className: "m-0 p-3"
     }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
       style: {
@@ -33525,7 +33538,24 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
         }
       }, /*#__PURE__*/React.createElement("div", {
         className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
-      }, /*#__PURE__*/React.createElement("p", {
+      }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: '4vh',
+          height: '4vh',
+          marginRight: langdetect == 'en' ? '5px' : 0,
+          marginLeft: langdetect == 'ar' ? '5px' : 0
+        }
+      }, /*#__PURE__*/React.createElement(IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: item.categorylogo,
+        loading: "lazy",
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        }
+      })), /*#__PURE__*/React.createElement("p", {
         "class": ' m-0 p-0 wordbreak wordbreak1 ',
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
@@ -37168,7 +37198,6 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
 function ownKeys$R(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; }
 function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -37307,91 +37336,102 @@ var Freetextsection = function Freetextsection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
   };
+  var SectionContent = function SectionContent() {
+    var _maincontainerarrayof;
+    return /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+      style: {
+        background: sectionproperties.backgroundColor,
+        borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+        borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+        borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+        position: 'relative',
+        border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+        width: sectionproperties.width + 'vw'
+      }
+    }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React.createElement("div", {
+      "class": section_styles.imgcontainer
+    }, /*#__PURE__*/React.createElement(IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
+      style: {
+        height: '100%',
+        width: '100%',
+        objectFit: 'cover',
+        margin: 0,
+        padding: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
+      style: {
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingBottom: sectionproperties.paddingBottom + 'px',
+        zIndex: 100
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 mb-auto"
+    }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.sectionTitleMarginLeft != 0 && sectionproperties.sectionTitleMarginRight != 0 ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 pr-md-3' : sectionproperties.sectionTitleMarginLeft != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : sectionproperties.sectionTitleMarginRight != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center ',
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "w-100 d-flex d-md-none",
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
+      "class": "w-100 d-none d-md-flex",
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex d-md-none",
+      style: {
+        fontSize: sectionproperties.prodCatFontSize + 'px'
+      }
+    }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-none d-md-flex",
+      style: {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      }
+    }, Description()), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("button", {
+      "class": "".concat(section_styles.btn)
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
+  };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 allcentered",
-    style: {
-      background: sectionproperties.backgroundColor
-    }
+    "class": "w-100 allcentered"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+    "class": "row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center",
     style: {
       marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor,
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      position: 'relative',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      width: sectionproperties.width + 'vw'
-    }
-  }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": section_styles.imgcontainer
-  }, /*#__PURE__*/React.createElement(IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey,
-    path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
-    style: {
-      height: '100%',
-      width: '100%',
-      objectFit: 'cover',
-      margin: 0,
-      padding: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
-    style: {
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      zIndex: 100
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 mb-auto"
-  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.sectionTitleMarginLeft != 0 && sectionproperties.sectionTitleMarginRight != 0 ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 pr-md-3' : sectionproperties.sectionTitleMarginLeft != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : sectionproperties.sectionTitleMarginRight != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center ',
-    style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 d-flex d-md-none",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-    }
-  }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 d-none d-md-flex",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-    }
-  }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex d-md-none",
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px'
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
-  }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-none d-md-flex",
+  }, SectionContent()), /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center",
     style: {
-      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      marginTop: sectionproperties.marginTopResp + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
-  }, Description()), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(section_styles.btn)
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+  }, SectionContent()));
 };
 
 function ownKeys$Q(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; }
@@ -51287,7 +51327,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": ' cursor-pointer w-100 ',
@@ -51420,7 +51462,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "d-flex flex-row col-lg-12 m-0 p-0 align-items-center justify-content-center mb-1 "
   }, /*#__PURE__*/React.createElement("div", {
-    "class": " d-flex align-items-center justify-content-center p-0 mb-0"
+    "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center justify-content-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center justify-content-center p-0 mb-0 '
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {

package/dist/index.umd.js

@@ -10337,8 +10337,6 @@
           background: sectionproperties.linebgcolor
         }),
         cards_sections: glamor.css({
-          marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
           paddingLeft: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
           paddingTop: sectionproperties.paddingTop + 'px',
@@ -10617,14 +10615,20 @@
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: refscr,
-        "class": ' row m-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
+        "class": ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
         style: {
           zIndex: 2,
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
           backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
           backgroundSize: 'cover',
           width: sectionproperties.width + 'vw',
-          boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
+          boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px'
         }
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100  ',
@@ -15668,8 +15672,11 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
-      }, sectionproperties.showhidesubheader == 'Hide' || sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' scrollhorizontal w-100 d-flex align-items-center h-100 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' scrollhorizontal w-100  align-items-center h-100 ',
+        style: {
+          display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+        }
       }, templatepropcontext.pagesnprop.map(function (item, index) {
         var activeclass = '';
         if (item.isselected) {
@@ -28130,7 +28137,7 @@
           ':before': {
             width: '100%',
             height: '100%',
-            // background: 'rgba(0,0,0,0.6)',
+            background: 'rgba(0,0,0,' + sectionproperties.cardbg_opacity + ')',
             zIndex: 1,
             position: 'absolute',
             content: 's',
@@ -28163,11 +28170,13 @@
           top: 0,
           bottom: 0,
           right: 0,
-          left: 0,
-          opacity: 0.6
+          left: 0
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0"
+        className: "col-lg-12 p-0",
+        style: {
+          zIndex: 1
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33399,16 +33408,20 @@
           "class": "row m-0 w-100",
           style: {
             background: sectionproperties.collectionssectionbgcolor,
-            boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor
+            boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor,
+            borderRadius: sectionproperties.collectionsectionborderradius + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: sectionstyles.dropdowntitle + ' col-lg-12 p-0 '
+          className: sectionstyles.dropdowntitle + ' col-lg-12 p-0 d-flex align-items-center ',
+          style: {
+            justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+          }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "m-0 p-3 text-center"
+          className: "m-0 p-3"
         }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
           style: {
@@ -33425,7 +33438,24 @@
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
-          }, /*#__PURE__*/React__default["default"].createElement("p", {
+          }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+            style: {
+              width: '4vh',
+              height: '4vh',
+              marginRight: langdetect == 'en' ? '5px' : 0,
+              marginLeft: langdetect == 'ar' ? '5px' : 0
+            }
+          }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+            urlEndpoint: IKurlEndpoint,
+            publicKey: IKpublicKey,
+            path: item.categorylogo,
+            loading: "lazy",
+            style: {
+              width: '100%',
+              height: '100%',
+              objectFit: 'contain'
+            }
+          })), /*#__PURE__*/React__default["default"].createElement("p", {
             "class": ' m-0 p-0 wordbreak wordbreak1 ',
             onClick: function onClick() {
               routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
@@ -37068,7 +37098,6 @@
     function ownKeys$R(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; }
     function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Freetextsection = function Freetextsection(props) {
-      var _maincontainerarrayof;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -37207,91 +37236,102 @@
           }
         }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
       };
+      var SectionContent = function SectionContent() {
+        var _maincontainerarrayof;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+          style: {
+            background: sectionproperties.backgroundColor,
+            borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+            borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+            borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+            borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+            position: 'relative',
+            border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+            width: sectionproperties.width + 'vw'
+          }
+        }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_styles.imgcontainer
+        }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+          urlEndpoint: IKurlEndpoint,
+          publicKey: IKpublicKey,
+          path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
+          style: {
+            height: '100%',
+            width: '100%',
+            objectFit: 'cover',
+            margin: 0,
+            padding: 0,
+            position: 'absolute',
+            top: 0,
+            bottom: 0,
+            right: 0,
+            left: 0
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
+          style: {
+            paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+            paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+            paddingTop: sectionproperties.paddingTop + 'px',
+            paddingBottom: sectionproperties.paddingBottom + 'px',
+            zIndex: 100
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 mb-auto"
+        }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": sectionproperties.sectionTitleMarginLeft != 0 && sectionproperties.sectionTitleMarginRight != 0 ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 pr-md-3' : sectionproperties.sectionTitleMarginLeft != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : sectionproperties.sectionTitleMarginRight != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center ',
+          style: {
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+            marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+            paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+            paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "w-100 d-flex d-md-none",
+          style: {
+            fontSize: sectionproperties.sectionTitleFontSize + 'px',
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+          }
+        }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "w-100 d-none d-md-flex",
+          style: {
+            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+          }
+        }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 d-flex d-md-none",
+          style: {
+            fontSize: sectionproperties.prodCatFontSize + 'px'
+          }
+        }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 d-none d-md-flex",
+          style: {
+            fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+          }
+        }, Description()), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("button", {
+          "class": "".concat(section_styles.btn)
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 allcentered",
-        style: {
-          background: sectionproperties.backgroundColor
-        }
+        "class": "w-100 allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+        "class": "row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center",
         style: {
           marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          background: sectionproperties.backgroundColor,
-          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-          position: 'relative',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-          width: sectionproperties.width + 'vw'
-        }
-      }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": section_styles.imgcontainer
-      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-        urlEndpoint: IKurlEndpoint,
-        publicKey: IKpublicKey,
-        path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
-        style: {
-          height: '100%',
-          width: '100%',
-          objectFit: 'cover',
-          margin: 0,
-          padding: 0,
-          position: 'absolute',
-          top: 0,
-          bottom: 0,
-          right: 0,
-          left: 0
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
-        style: {
-          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
-          zIndex: 100
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 mb-auto"
-      }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.sectionTitleMarginLeft != 0 && sectionproperties.sectionTitleMarginRight != 0 ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 pr-md-3' : sectionproperties.sectionTitleMarginLeft != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : sectionproperties.sectionTitleMarginRight != 0 ? langdetect == 'en' ? "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pr-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center pl-md-3 ' : "".concat(generalstyles.sectiontitlecont) + ' w-100 d-flex align-items-center ',
-        style: {
-          justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-          marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-          paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 d-flex d-md-none",
-        style: {
-          fontSize: sectionproperties.sectionTitleFontSize + 'px',
-          justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-        }
-      }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 d-none d-md-flex",
-        style: {
-          fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
-          justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-        }
-      }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-flex d-md-none",
-        style: {
-          fontSize: sectionproperties.prodCatFontSize + 'px'
+          marginBottom: sectionproperties.marginBottom + 'px'
         }
-      }, Description()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-none d-md-flex",
+      }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center",
         style: {
-          fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+          marginTop: sectionproperties.marginTopResp + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px'
         }
-      }, Description()), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": "".concat(section_styles.btn)
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+      }, SectionContent()));
     };
 
     function ownKeys$Q(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; }
@@ -51187,7 +51227,9 @@
         "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard),
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
+          paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+          minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+          maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px'
         }
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' cursor-pointer w-100 ',
@@ -51320,7 +51362,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex flex-row col-lg-12 m-0 p-0 align-items-center justify-content-center mb-1 "
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": " d-flex align-items-center justify-content-center p-0 mb-0"
+        "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center justify-content-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center justify-content-center p-0 mb-0 '
       }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
       }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.232",
+    "version": "0.0.234",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {