tabexseriescomponents 0.0.707 → 0.0.708

package/{srcoriginal → srcoman}/TabexComponents/Footer/Footer5/Footer5.jsx

@@ -568,33 +568,10 @@ const Footer5 = (props) => {
                                             style={{
                                                 width: '70px',
                                                 height: '30px',
-                                                borderRadius: 10,
                                             }}
                                         >
                                             <img src={'https://tabex-co.com/storage/StaticImages/mastercard.png'} className={`${footerStyles.payimg}`} />
                                         </div>
-                                        {sectionproperties.showbankak == 'Show' && (
-                                            <div
-                                                className={`${footerStyles.payimgcont}`}
-                                                style={{
-                                                    width: '50px',
-                                                    height: '50px',
-                                                }}
-                                            >
-                                                <img src={'https://tabex-co.com/storage/StaticImages/bankak.png'} className={`${footerStyles.payimg}`} />
-                                            </div>
-                                        )}
-                                        {sectionproperties.showinstapay == 'Show' && (
-                                            <div
-                                                className={`${footerStyles.payimgcont}`}
-                                                style={{
-                                                    width: '70px',
-                                                    height: '30px',
-                                                }}
-                                            >
-                                                <img src={'https://tabex-co.com/storage/StaticImages/instapay.png'} className={`${footerStyles.payimg}`} />
-                                            </div>
-                                        )}
                                     </div>
                                 </div>
                             )}
@@ -727,20 +704,6 @@ const Footer5 = (props) => {
                                 </i>
                             </div>
                         )}
-                        {authdetailsContext?.instinfo?.telegramlink != null && (
-                            <div
-                                className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}
-                                onClick={() => {
-                                    if (authdetailsContext?.instinfo?.telegramlink != null) {
-                                        window.open(authdetailsContext?.instinfo?.telegramlink, '_blank');
-                                    }
-                                }}
-                            >
-                                <i className="h-100 allcentered">
-                                    <FaTelegramPlane size={sectionproperties.instgrambtniconfontsize} />
-                                </i>
-                            </div>
-                        )}
                     </div>
                 </div>
             </div>

package/{srcoriginal → srcoman}/TabexComponents/Footer/ModernFooter/ModernFooter.jsx

@@ -346,25 +346,6 @@ const ModernFooter = (props) => {
                                     </p>
                                 </div>
                             )}
-                            {authdetailsContext?.instinfo?.twitterlink != null && (
-                                <div
-                                    className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}
-                                    onClick={() => {
-                                        if (authdetailsContext?.instinfo?.twitterlink != null) {
-                                            window.open(authdetailsContext?.instinfo?.twitterlink, '_blank');
-                                        }
-                                    }}
-                                >
-                                    <i
-                                        className="h-100 allcentered"
-                                        style={{
-                                            fontSize: 20,
-                                        }}
-                                    >
-                                        x
-                                    </i>
-                                </div>
-                            )}
                             {sectionproperties.linkedinbtnshow == 'Show' && authdetailsContext?.instinfo?.linkedinlink != null && (
                                 <div class="col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1">
                                     <p

package/{srcoriginal → srcoman}/TabexComponents/Footer/Newsletterfooter/Newsletterfooter.jsx

@@ -667,25 +667,6 @@ const Newsletterfooter = (props) => {
                                         <AiFillYoutube size={sectionproperties.instgrambtniconfontsize} />
                                     </p>
                                 )}
-                                {authdetailsContext?.instinfo?.twitterlink != null && (
-                                    <div
-                                        className={langdetect == 'en' ? `${footerStyles.youtube_btn}` + ' allcentered mr-3 mr-sm-4 ' : `${footerStyles.youtube_btn}` + ' allcentered ml-3 ml-sm-4'}
-                                        onClick={() => {
-                                            if (authdetailsContext?.instinfo?.twitterlink != null) {
-                                                window.open(authdetailsContext?.instinfo?.twitterlink, '_blank');
-                                            }
-                                        }}
-                                    >
-                                        <i
-                                            className="h-100 allcentered"
-                                            style={{
-                                                fontSize: 20,
-                                            }}
-                                        >
-                                            x
-                                        </i>
-                                    </div>
-                                )}
                                 {authdetailsContext?.instinfo?.tiktoklink != null && (
                                     <p
                                         class={footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 '}

package/{srcoriginal → srcoman}/TabexComponents/Footer/PrivacyPolicy/PrivacyPolicy.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import tabstyles from '../../../styles/general/tabs.module.css';
 import { css } from 'glamor';
-import Staticpagesrouter from '../Staticpagesrouter/Staticpagesrouter.jsx';
+import Staticpagesrouter from '../Staticpagesrouter/Staticpagesrouter.js';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 
 const PrivacyPolicy = (props) => {

package/{srcoriginal → srcoman}/TabexComponents/Headers/ClassicHeader/ClassicHeader.jsx

@@ -694,22 +694,17 @@ const ClassicHeader = (props) => {
                                                     right: sectionproperties.cartbadgeright + 'px',
                                                 }}
                                             >
-                                                {fetchcustomercartQueryContext?.data?.data?.status && fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.length != 0
-                                                    ? fetchcustomercartQueryContext?.data?.data?.customercart.cartitems_count_withquantity
-                                                    : 0}
-                                                {/* {fetchcustomercartQueryContext?.data?.data?.customercart != null ? fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.length : 0} */}
+                                                {fetchcustomercartQueryContext?.data?.data?.customercart != null ? fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.length : 0}
                                             </div>
                                         </div>
                                         <p
-                                            class={' mb-0 p-0  '}
+                                            class={header_cssstyles.cartbtntext + ' mb-0 p-0 cartbtnicon '}
                                             style={{
                                                 marginLeft: langdetect == 'en' ? '9px' : 0,
                                                 marginRight: langdetect == 'ar' ? '9px' : 0,
-                                                color: sectionproperties.cartBtnTextcolor,
                                             }}
                                         >
-                                            {langdetect == 'en' ? authdetailsContext?.currencyname_en : ''} {parseFloat(fetchcustomercartQueryContext?.data?.data?.customercart?.totalprice).toFixed(2)}{' '}
-                                            {langdetect == 'en' ? '' : authdetailsContext?.currencyname_ar}
+                                            {langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic}
                                         </p>
                                     </div>
 

package/{srcoriginal → srcoman}/TabexComponents/Headers/Header8/Header8.jsx

@@ -512,23 +512,6 @@ const Header8 = (props) => {
                 color: sectionproperties.collectionsectiontextcoloronhover,
             },
         }),
-        floatingbtn: css({
-            width: sectionproperties.floatingbtnwidth + '%',
-            height: sectionproperties.floatingbtnheight + 'px',
-            background: sectionproperties.floatingbtnbg,
-            fontSize: sectionproperties.floatingbtnfontsize + 'px',
-            color: sectionproperties.floatingbtncolor,
-            borderRadius: 10,
-            ':hover': {
-                color: sectionproperties.floatingbtncolorhover,
-                backgroundColor: sectionproperties.floatingbtnbghover,
-                transitions: '.3s',
-                cursor: 'pointer',
-            },
-            '@media (max-width: 800px)': {
-                width: '50%',
-            },
-        }),
     };
     return (
         <div
@@ -543,30 +526,7 @@ const Header8 = (props) => {
                     <MarqueeHeader sectionpropertiesprops={sectionproperties} templateproperties_contextprops={templateproperties_context} actions={actions} />
                 </div>
             )}
-            {sectionproperties.showfloatingbtn == 'Show' && (
-                <div
-                    style={{
-                        position: 'fixed',
-                        bottom: 15,
-                        right: 15,
-                        zIndex: 2000,
-                        transition: 'all 0.3s ease-out',
-                        width: '100%',
-                        display: sectionproperties.showfloatingbtn == 'Show when logged in' ? 'none' : 'flex',
-                    }}
-                    class="text-end"
-                >
-                    <div
-                        class={header_cssstyles.floatingbtn + ' allcentered '}
-                        style={{}}
-                        onClick={() => {
-                            routingcountext(sectionproperties.floatingbtnlink, false, '');
-                        }}
-                    >
-                        <p class="m-0 p-0">{langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar}</p>
-                    </div>
-                </div>
-            )}
+
             {sectionproperties.showfloatingcallbtn == 'Show' && (
                 <a href={'tel:' + authdetailsContext?.CuContactphonenumber} target={'_self'} style={{ position: 'fixed', bottom: 60, right: 10, zIndex: 999999, transition: 'all 0.3s ease-out' }}>
                     <i class={langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'}>

package/{srcoriginal → srcoman}/TabexComponents/Headers/Header_threesectionslogocentered/Header_threesectionslogocentered.jsx

@@ -31,9 +31,6 @@ import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
 import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
 import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
 import MarqueeHeader from '../MarqueeHeader/MarqueeHeader.jsx';
-import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
-import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';
-import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
 
 const Header_threesectionslogocentered = (props) => {
     const [sectionproperties, setsectionproperties] = useState('');
@@ -54,7 +51,6 @@ const Header_threesectionslogocentered = (props) => {
     const actions = props.actions;
     const setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
     const scrollYposittionprops = props.actions.scrollYposittionprops;
-    const [dropdownselect, setdropdownselect] = useState(false);
 
     useEffect(() => {
         var secpropobj = {};
@@ -73,9 +69,6 @@ const Header_threesectionslogocentered = (props) => {
         setsectionproperties({ ...secpropobj });
     }, [StatePagePropertiesContext]);
     const [logoarrayofobjects, setlogoarrayofobjects] = useState([]);
-    const [pcollarray, setpcollarray] = useState([]);
-    const [Choosenindex, setChoosenindex] = useState('');
-
     useEffect(() => {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
             var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -84,24 +77,6 @@ const Header_threesectionslogocentered = (props) => {
             }
         }
     }, [templateproperties_context]);
-    useEffect(() => {
-        var temppcollarray = [...pcollarray];
-        authdetailsContext?.instinfo?.instcategories?.forEach(function (arrayItem) {
-            arrayItem?.parentcolletions?.forEach(function (item) {
-                temppcollarray.push(item);
-            });
-        });
-        setpcollarray([...temppcollarray]);
-    }, [authdetailsContext]);
-    useEffect(() => {
-        var temppcollarray = [...pcollarray];
-        authdetailsContext?.instinfo?.instcategories?.forEach(function (arrayItem) {
-            arrayItem?.parentcolletions?.forEach(function (item) {
-                temppcollarray.push(item);
-            });
-        });
-        setpcollarray([...temppcollarray]);
-    }, [authdetailsContext]);
     const header_cssstyles = {
         header_outercontainer: css({
             position: sectionproperties.headerstyles_position,
@@ -336,193 +311,8 @@ const Header_threesectionslogocentered = (props) => {
                 color: sectionproperties.upperheadercoloronhover,
             },
         }),
-        categorybtn: css({
-            background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
-            width: sectionproperties.generalbtn_width + 'px',
-            maxWidth: '100%',
-            height: sectionproperties.generalbtn_height + 'px',
-            borderRadius: sectionproperties.generalbtnborderradius + 'px',
-            border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
-            color: sectionproperties.generalbtn_textColor,
-            fontSize: sectionproperties.generalbtn_fontsize + 'px',
-            fontWeight: sectionproperties.generalbtn_fontweight,
-            // background: '#003b42',
-            // width: '100%',
-            // height: 40,
-            // borderRadius: 10,
-            // color: 'white',
-            // fontSize: 14,
-            transition: '.3s',
-            ':hover': {
-                color: sectionproperties.generalbtn_textColoronhover,
-                backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
-                // color: '#fff',
-                // backgroundColor: '#de5511',
-            },
-        }),
-        categoryname: css({
-            color: sectionproperties.subheader_categorytitle_fontColor,
-            fontSize: sectionproperties.subheader_categorytitle_fontSize + 'px',
-            textTransform: sectionproperties.subheader_categorytitle_textTransform,
-            fontWeight: sectionproperties.subheader_categorytitle_textfontweight,
-            color: '#003B42',
-            fontSize: 14,
-            fontWeight: 500,
-            transition: '.3s',
-            ':hover': {
-                color: sectionproperties.subheader_categorytitle_coloronhover,
-                color: '#de5511',
-            },
-        }),
-        parentcollection: css({
-            color: sectionproperties.subheader_collectiontitle_fontColor,
-            fontSize: sectionproperties.subheader_collectiontitle_fontSize + 'px',
-            textTransform: sectionproperties.subheader_collectiontitle_textTransform,
-            fontWeight: sectionproperties.subheader_collectiontitle_textfontweight,
-            transition: '.3s',
-            color: '#003B42',
-            fontSize: 14,
-            fontWeight: 500,
-            ':hover': {
-                color: sectionproperties.subheader_collectiontitle_coloronhover,
-                color: '#de5511',
-            },
-        }),
-        collectionName: css({
-            color: sectionproperties.collectionsectiontextcolor,
-            fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
-            textTransform: sectionproperties.collectionsectiontexttransform,
-            fontWeight: sectionproperties.collectionsectiontextfontweight,
-            transition: '.3s',
-            // color: '#003B42',
-            // fontSize: 14,
-            // fontWeight: 400,
-            ':hover': {
-                color: sectionproperties.collectionsectiontextcoloronhover,
-                // color: '#de5511',
-            },
-        }),
     };
 
-    const ButtonDropdown = (item, index, fetchedarray) => {
-        var parentclassname = '';
-        if (sectionproperties.fetchparenttype == 'Categories') {
-            parentclassname = header_cssstyles.categoryname;
-        } else if (sectionproperties.fetchparenttype == 'Parent Collections') {
-            parentclassname = header_cssstyles.parentcollection;
-        } else {
-            parentclassname = header_cssstyles.collectionName;
-        }
-        return (
-            <li class="dropdown d-flex align-items-center w-100">
-                <div
-                    class={parentclassname + ' row m-0 w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer '}
-                    onMouseEnter={() => {
-                        setChoosenindex(index);
-                    }}
-                >
-                    <div className={' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '}>
-                        <p
-                            class={' m-0 p-0 wordbreak wordbreak1 '}
-                            onClick={() => {
-                                if (sectionproperties.fetchparenttype == 'Categories') {
-                                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
-                                } else if (sectionproperties.fetchparenttype == 'Parent Collections') {
-                                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
-                                } else {
-                                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
-                                }
-                            }}
-                        >
-                            {langdetect == 'en' ? item.title_en : item.title_ar}
-                        </p>
-                    </div>
-                    {/* {sectionproperties.fetchparenttype == 'Categories' && fetchedarray[Choosenindex]?.parentcolletions.length != 0 && ( */}
-                    {sectionproperties.fetchparenttype != 'Collections' && (
-                        <div className={'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '}>
-                            <i className={' p-0 h-100 allcentered '}>
-                                {langdetect == 'en' ? (
-                                    <BsChevronRight size={sectionproperties.collectionsectioniconfontsize} />
-                                ) : (
-                                    <BsChevronLeft size={sectionproperties.collectionsectioniconfontsize} />
-                                )}
-                            </i>
-                        </div>
-                    )}
-                    {/* )} */}
-                </div>
-                {sectionproperties.fetchparenttype == 'Categories' && fetchedarray[Choosenindex]?.parentcolletions?.length != 0 && (
-                    <ul>
-                        {fetchedarray[Choosenindex]?.parentcolletions?.map((item, index) => (
-                            <li class="dropdown d-flex align-items-center w-100">
-                                <div
-                                    class={header_cssstyles.parentcollection + ' w-100 dropdownInnerContainer cursor-pointer '}
-                                    onClick={() => {
-                                        if (sectionproperties.fetchparenttype == 'Categories') {
-                                            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
-                                        } else {
-                                            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
-                                        }
-                                    }}
-                                >
-                                    <div class="row m-0 w-100">
-                                        <div className={' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '}>
-                                            <p class={' m-0 p-0 wordbreak wordbreak1 '}>{langdetect == 'en' ? item.title_en : item.title_ar}</p>
-                                        </div>
-                                        {item?.collections.length != 0 && (
-                                            <div className={'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '}>
-                                                <i className={' p-0 h-100 allcentered '}>
-                                                    {langdetect == 'en' ? (
-                                                        <BsChevronRight size={sectionproperties.collectionsectioniconfontsize} />
-                                                    ) : (
-                                                        <BsChevronLeft size={sectionproperties.collectionsectioniconfontsize} />
-                                                    )}
-                                                </i>
-                                            </div>
-                                        )}
-                                    </div>
-                                </div>
-                                {item?.collections.length != 0 && (
-                                    <ul>
-                                        {item?.collections?.map((item, index) => {
-                                            return (
-                                                <li
-                                                    class={header_cssstyles.collectionName + ' w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer '}
-                                                    onClick={() => {
-                                                        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
-                                                    }}
-                                                >
-                                                    {langdetect == 'en' ? item.title_en : item.title_ar}
-                                                </li>
-                                            );
-                                        })}
-                                    </ul>
-                                )}
-                            </li>
-                        ))}
-                    </ul>
-                )}
-                {sectionproperties.fetchparenttype == 'Parent Collections' && pcollarray[Choosenindex]?.collections.length != 0 && (
-                    <ul>
-                        {pcollarray[Choosenindex]?.collections?.map((item, index) => (
-                            <li class="dropdown d-flex align-items-center w-100">
-                                <div
-                                    class={header_cssstyles.collectionName + ' w-100 dropdownInnerContainer cursor-pointer '}
-                                    onClick={() => {
-                                        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
-                                    }}
-                                >
-                                    <div className={' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '}>
-                                        <p class={' m-0 p-0 wordbreak wordbreak1 '}>{langdetect == 'en' ? item.title_en : item.title_ar}</p>
-                                    </div>
-                                </div>
-                            </li>
-                        ))}
-                    </ul>
-                )}
-            </li>
-        );
-    };
     return (
         <div class={' row m-0 w-100 d-flex justify-content-center align-items-center '} style={{ position: 'relative', zIndex: 1000 }}>
             {sectionproperties.showwhatsapp == 'Show' && (
@@ -688,109 +478,44 @@ const Header_threesectionslogocentered = (props) => {
                             </div>
                         </div>
                     )}
-                    <div class={`${headerstyles.header_innercontainer} ${header_cssstyles.header_innercontainer}` + ' row m-0 w-100 d-flex align-items-center px-1024-1 '} style={{ zIndex: 2 }}>
+                    <div class={`${headerstyles.header_innercontainer} ${header_cssstyles.header_innercontainer}` + ' row m-0 w-100 d-flex align-items-center '} style={{ zIndex: 2 }}>
                         <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' && ( */}
-                            <div class="row m-0 w-100">
-                                {sectionproperties.generalbtn_show == 'Show' && (
-                                    <div
-                                        class={'col-lg-3 col-xl-4 d-flex align-items-center justify-content-start '}
-                                        onClick={() => {
-                                            setdropdownselect(!dropdownselect);
-                                        }}
-                                    >
-                                        <div
-                                            class={`${header_cssstyles.categorybtn}` + ' categoriesdropdown d-flex w-100 align-items-center pl-2 pr-2 '}
-                                            style={{
-                                                zIndex: 100000,
-                                            }}
-                                        >
-                                            <li class={langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'}>
-                                                <div class={' m-0 allcentered cursor-pointer px-2 p-lg-0 '}>
-                                                    <div class={'col-lg-10 d-flex justify-content-start m-0 p-0'}>
-                                                        {langdetect == 'en' ? 'Products' : 'المنتجات'}
-                                                        {/* {langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar} */}
-                                                    </div>
-                                                    <div class="col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end d-xl-flex d-lg-none">
-                                                        <i class="h-100 d-flex align-items-center justify-content-end">
-                                                            {dropdownselect ? <MdKeyboardArrowUp size={25} /> : <MdKeyboardArrowDown size={25} />}
-                                                        </i>
-                                                    </div>
+                            <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((item, index) => {
+                                    var activeclass = '';
+                                    var pagedisabled = '';
+                                    if (item.isselected) {
+                                        activeclass = headerstyles.navbar_item_active;
+                                    }
+                                    if (item.isnavigation == 1 && item.isactive == 1) {
+                                        return (
+                                            <div
+                                                class="scrollhorizontalcard"
+                                                style={{
+                                                    marginLeft: langdetect == 'en' ? 0 : '20px',
+                                                    marginRight: langdetect == 'en' ? '20px' : 0,
+                                                    position: 'relative',
+                                                }}
+                                                onClick={() => {
+                                                    routingcountext(item.navigationroute, false, '');
+                                                }}
+                                            >
+                                                <div class={`${headerstyles.navbar_item} ${activeclass}`}>
+                                                    <span class={`${headerstyles.navbar_item_text} ${header_cssstyles.navbar_item_text}`}>{langdetect == 'en' ? item.pagename : item.pagename_ar}</span>
                                                 </div>
-                                                <ul
-                                                    class="mt-2"
-                                                    sytle={{
-                                                        width: '200px',
-                                                    }}
-                                                >
-                                                    {sectionproperties.fetchparenttype == 'Categories' &&
-                                                        authdetailsContext?.instinfo?.instcategories?.map((item, index) => {
-                                                            var fetchedarray = authdetailsContext?.instinfo?.instcategories;
-                                                            if (item.isshowntocustomers == 1) {
-                                                                return <div class="w-100">{ButtonDropdown(item, index, fetchedarray)}</div>;
-                                                            }
-                                                        })}
-                                                    {/* sectionproperties.fetchparenttype == 'Parent Collections' */}
-                                                    {sectionproperties.fetchparenttype == 'Parent Collections' &&
-                                                        pcollarray?.map((item, index) => {
-                                                            var fetchedarray = pcollarray;
-                                                            if (item.isshowntocustomers == 1) {
-                                                                return <div class="w-100">{ButtonDropdown(item, index, fetchedarray)}</div>;
-                                                            }
-                                                        })}
-                                                    {sectionproperties.fetchparenttype == 'Collections' &&
-                                                        authdetailsContext?.instinfo?.instcollections?.map((item, index) => {
-                                                            var fetchedarray = authdetailsContext?.instinfo?.instcollections;
-                                                            if (item.isshowntocustomers == 1) {
-                                                                return <div class="w-100">{ButtonDropdown(item, index, fetchedarray)}</div>;
-                                                            }
-                                                        })}
-                                                </ul>
-                                            </li>
-                                        </div>
-                                    </div>
-                                )}
-
-                                <div class={sectionproperties.generalbtn_show == 'Show' ? 'col-xl-8 col-lg-9' : 'col-12'}>
-                                    <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((item, index) => {
-                                            var activeclass = '';
-                                            var pagedisabled = '';
-                                            if (item.isselected) {
-                                                activeclass = headerstyles.navbar_item_active;
-                                            }
-                                            if (item.isnavigation == 1 && item.isactive == 1) {
-                                                return (
-                                                    <div
-                                                        class="scrollhorizontalcard"
-                                                        style={{
-                                                            marginLeft: langdetect == 'en' ? 0 : '20px',
-                                                            marginRight: langdetect == 'en' ? '20px' : 0,
-                                                            position: 'relative',
-                                                        }}
-                                                        onClick={() => {
-                                                            routingcountext(item.navigationroute, false, '');
-                                                        }}
-                                                    >
-                                                        <div class={`${headerstyles.navbar_item} ${activeclass}`}>
-                                                            <span class={`${headerstyles.navbar_item_text} ${header_cssstyles.navbar_item_text}`}>
-                                                                {langdetect == 'en' ? item.pagename : item.pagename_ar}
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                );
-                                            }
-                                        })}
-                                    </div>
-                                </div>
+                                            </div>
+                                        );
+                                    }
+                                })}
                             </div>
-
+                            {/* ))} */}
                             {sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && (
                                 <div class="row m-0 w-100 p-0">
                                     <Subheader