tabexseriescomponents 0.0.241 → 0.0.243

package/dist/index.cjs.js

@@ -10914,9 +10914,9 @@ var CardsSection = function CardsSection(props) {
         if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
           var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
           return /*#__PURE__*/React__default["default"].createElement("div", {
-            className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
+            className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 px-1025-1 pl-md-0 pr-md-0 '
           }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2' : 'col-lg-12 p-0 '
+            "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2 pl-md-2' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-md-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2 pr-md-2' : sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-md-2' : 'col-lg-12 p-0 '
           }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
@@ -31901,7 +31901,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : 'scrollmenuclassnameitem',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -31917,7 +31917,8 @@ var ModernCardsSection = function ModernCardsSection(props) {
               cardinfoitemprops: cardinfoitem,
               sectionindexprops: index,
               sectionidprops: item.sectionid,
-              actions: actions
+              actions: actions,
+              sectiontypeprops2: 'horizontal'
             }));
           }), fetchingtype == 'products' && fetchProductsQuery.isFetchingNextPage && /*#__PURE__*/React__default["default"].createElement("button", {
             className: section_cssstyles.loadbtn + ' d-flex justify-content-end align-items-center ',
@@ -40400,7 +40401,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": cardarrayofobjs.length != 0 ? '' : 'h-md-auto h-sm-auto',
+    "class": cardarrayofobjs.length != 0 ? '' : sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
     style: {
       position: 'relative',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -40408,8 +40409,6 @@ var Slideshowzoom = function Slideshowzoom(props) {
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       width: sectionproperties.width + 'vw',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      marginTop: sectionproperties.marginTop + 'px',
       height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
       overflow: 'hidden'
     }
@@ -40429,7 +40428,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-md-none ',
+      "class": ' p-0 align-items-center d-flex d-md-none ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -40465,7 +40464,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         height: '100%'
       }
     }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-md-flex ',
+      "class": ' p-0 align-items-center d-none d-md-flex ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -44659,7 +44658,7 @@ var Card23 = function Card23(props) {
     }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
+    "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'

package/dist/index.esm.js

@@ -10870,9 +10870,9 @@ var CardsSection = function CardsSection(props) {
         if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
           var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
           return /*#__PURE__*/React.createElement("div", {
-            className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
+            className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 px-1025-1 pl-md-0 pr-md-0 '
           }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React.createElement("div", {
-            "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2' : 'col-lg-12 p-0 '
+            "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2 pl-md-2' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-md-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2 pr-md-2' : sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-md-2' : 'col-lg-12 p-0 '
           }, /*#__PURE__*/React.createElement(ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
@@ -31857,7 +31857,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React.createElement(ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : 'scrollmenuclassnameitem',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
@@ -31873,7 +31873,8 @@ var ModernCardsSection = function ModernCardsSection(props) {
               cardinfoitemprops: cardinfoitem,
               sectionindexprops: index,
               sectionidprops: item.sectionid,
-              actions: actions
+              actions: actions,
+              sectiontypeprops2: 'horizontal'
             }));
           }), fetchingtype == 'products' && fetchProductsQuery.isFetchingNextPage && /*#__PURE__*/React.createElement("button", {
             className: section_cssstyles.loadbtn + ' d-flex justify-content-end align-items-center ',
@@ -40356,7 +40357,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": cardarrayofobjs.length != 0 ? '' : 'h-md-auto h-sm-auto',
+    "class": cardarrayofobjs.length != 0 ? '' : sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
     style: {
       position: 'relative',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -40364,8 +40365,6 @@ var Slideshowzoom = function Slideshowzoom(props) {
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       width: sectionproperties.width + 'vw',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      marginTop: sectionproperties.marginTop + 'px',
       height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
       overflow: 'hidden'
     }
@@ -40385,7 +40384,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-md-none ',
+      "class": ' p-0 align-items-center d-flex d-md-none ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -40421,7 +40420,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         height: '100%'
       }
     }), SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
-      "class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-md-flex ',
+      "class": ' p-0 align-items-center d-none d-md-flex ',
       key: index,
       style: {
         cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -44615,7 +44614,7 @@ var Card23 = function Card23(props) {
     }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
+    "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'

package/dist/index.umd.js

@@ -10771,9 +10771,9 @@
             if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
               var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
               return /*#__PURE__*/React__default["default"].createElement("div", {
-                className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
+                className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 px-1025-1 pl-md-0 pr-md-0 '
               }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
-                "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2' : 'col-lg-12 p-0 '
+                "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2 pl-md-2' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-md-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2 pr-md-2' : sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-md-2' : 'col-lg-12 p-0 '
               }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
                 transitionBehavior: 'auto',
                 wrapperClassName: '',
@@ -31758,7 +31758,7 @@
               }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
                 transitionBehavior: 'auto',
                 wrapperClassName: '',
-                itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : 'scrollmenuclassnameitem',
+                itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
                 scrollContainerClassName: 'scrollmenuclasssubscrollbar'
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -31774,7 +31774,8 @@
                   cardinfoitemprops: cardinfoitem,
                   sectionindexprops: index,
                   sectionidprops: item.sectionid,
-                  actions: actions
+                  actions: actions,
+                  sectiontypeprops2: 'horizontal'
                 }));
               }), fetchingtype == 'products' && fetchProductsQuery.isFetchingNextPage && /*#__PURE__*/React__default["default"].createElement("button", {
                 className: section_cssstyles.loadbtn + ' d-flex justify-content-end align-items-center ',
@@ -40257,7 +40258,7 @@
           height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": cardarrayofobjs.length != 0 ? '' : 'h-md-auto h-sm-auto',
+        "class": cardarrayofobjs.length != 0 ? '' : sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
         style: {
           position: 'relative',
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -40265,8 +40266,6 @@
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           width: sectionproperties.width + 'vw',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          marginTop: sectionproperties.marginTop + 'px',
           height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
           overflow: 'hidden'
         }
@@ -40286,7 +40285,7 @@
             height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": slideshow_styles.slideshow_styles + ' p-0 align-items-center d-flex d-md-none ',
+          "class": ' p-0 align-items-center d-flex d-md-none ',
           key: index,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -40322,7 +40321,7 @@
             height: '100%'
           }
         }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": slideshow_styles.beforebg + ' p-0 align-items-center d-none d-md-flex ',
+          "class": ' p-0 align-items-center d-none d-md-flex ',
           key: index,
           style: {
             cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
@@ -44516,7 +44515,7 @@
         }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
+        "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'

package/package.json

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