tabexseriescomponents 0.0.71 → 0.0.74

package/{src1-10 → srcOLD}/TabexComponents/StaticPages/Wishlist/Wishlist.jsx

@@ -1,10 +1,21 @@
 import React, { useEffect, useState, useContext } from 'react';
+// import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
+// import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
+// import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
+// import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
 import generalstyles from '../../../styles/general/general.module.css';
+
 import wishliststyles from '../../../styles/staticpages/wishlist.module.css';
+// import { BrowserRouter as Router, useHistory } from 'react-router-dom';
+// import Pagepreloader from '../Pagepreloader/Pagepreloader';
+
 import { HiOutlineTrash } from 'react-icons/hi';
 import { Modal } from 'react-bootstrap';
 import { IoMdClose } from 'react-icons/io';
+// import Productinfo from '../Productinfo/Productinfo';
 import { css } from 'glamor';
+// import { useParams } from 'react-router';
+// import { ProductsCardsSectionContext_Provider } from '../../../../../../../Contexts/ProductsCardsSectionContext';
 import Staticpagesrouter from '../Staticpagesrouter/Staticpagesrouter.jsx';
 import shoppingcart from '../../../assets/images/shoppingcart.png';
 import { IKImage } from 'imagekitio-react';
@@ -16,6 +27,18 @@ import { IoBagHandleOutline } from 'react-icons/io5';
 import { MdOutlineShoppingCart } from 'react-icons/md';
 import { IKpublicKey, IKurlEndpoint, serverbaselink } from '../../../../Env';
 const Wishlist = (props) => {
+    // let history = useHistory();
+    // const { lang, langdetect } = useContext(LanguageContext);
+    // const {
+    //     fetchFavoriteProductsQueryContext,
+    //     FetchQueriesEngineContext,
+    //     setFetchQueriesEngineContext,
+    //     addtofavoritescontext,
+    //     setShowProductInfoModalContext,
+    //     setProductIdProdutInfoModalContext,
+    //     navigationstyle,
+    // } = useContext(FetchingContext);
+    // const { fetch_inst_tabex_websitetemplatesQueryContext, pageindexcontext, TabexSectionsComponentsContext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
     const lang = props.actions.lang;
     const langdetect = props.actions.langdetect;
     const fetchFavoriteProductsQueryContext = props.actions.fetchFavoriteProductsQueryContext;

package/{src1-10 → srcOLD}/index.jsx

@@ -14,11 +14,8 @@ import Signup from './TabexComponents/StaticPages/Signup/Signup.jsx';
 import AccountInformation from './TabexComponents/StaticPages/AccountInformation/AccountInformation.jsx';
 import Policies from './TabexComponents/StaticPages/Policies/Policies.jsx';
 import CartSlider from './TabexComponents/StaticPages/CartSlider/CartSlider.jsx';
-import Categoriesdropdown from './TabexComponents/StaticPages/Categoriesdropdown/Categoriesdropdown.jsx';
 // //Sections
 import CardsSection from './TabexComponents/Sections/Cards/CardsSection/CardsSection.jsx';
-import CardsSection2 from './TabexComponents/Sections/Cards/CardsSection2/CardsSection2.jsx';
-import Sixverticalcardssection from './TabexComponents/Sections/Cards/Sixverticalcardssection/Sixverticalcardssection.jsx';
 
 import Backgroundimage_with_toppill from './TabexComponents/Sections/BackgroundImages/Backgroundimage_with_toppill/Backgroundimage_with_toppill.jsx';
 import BackgroundimageandTextsection from './TabexComponents/Sections/BackgroundImages/BackgroundimageandTextsection/BackgroundimageandTextsection.jsx';
@@ -44,6 +41,7 @@ import Slideshowzoom from './TabexComponents/Sections/Slideshow/Slideshowzoom/Sl
 import Header8 from './TabexComponents/Headers/Header8/Header8.jsx';
 import AllinoneHeader from './TabexComponents/Headers/AllinoneHeader/AllinoneHeader.jsx';
 import Header_threesectionslogocentered from './TabexComponents/Headers/Header_threesectionslogocentered/Header_threesectionslogocentered.jsx';
+import Header4 from './TabexComponents/Headers/Header4/Header4.jsx';
 import Header6 from './TabexComponents/Headers/Header6/Header6.jsx';
 import HeaderRestaurant from './TabexComponents/Headers/HeaderRestaurant/HeaderRestaurant.jsx';
 import HeaderwithContactinfo from './TabexComponents/Headers/HeaderwithContactinfo/HeaderwithContactinfo.jsx';
@@ -104,11 +102,11 @@ const returnLibrary = () => {
         AccountInformation: AccountInformation,
         Policies: Policies,
         CartSlider: CartSlider,
-        Categoriesdropdown: Categoriesdropdown,
 
         Header8: Header8,
         AllinoneHeader: AllinoneHeader,
         Header_threesectionslogocentered: Header_threesectionslogocentered,
+        Header4: Header4,
         Header6: Header6,
         HeaderRestaurant: HeaderRestaurant,
         HeaderwithContactinfo: HeaderwithContactinfo,
@@ -171,8 +169,6 @@ const returnLibrary = () => {
         Slideshowslide: Slideshowslide,
         Slideshowzoom: Slideshowzoom,
         CardsSection: CardsSection,
-        CardsSection2: CardsSection2,
-        Sixverticalcardssection: Sixverticalcardssection,
         Backgroundimage1: Backgroundimage1,
     };
 };

package/{src1-10 → srcOLD}/styles/general/bootstrap.css

@@ -2,7 +2,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto:wght@100;300;400;500;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Roboto:wght@100;300;400;500;700;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
 @font-face {
     font-family: 'Monoton';
     font-style: normal;
@@ -1268,16 +1267,7 @@ hr {
 .d-inline-flex {
     display: inline-flex !important;
 }
-@media (max-width: 1025px) {
-    .plr-1025-0{
-        padding-left: 0 !important;
-        padding-right: 0 !important;
-    }
-    .plr-1025-1{
-        padding-left: 1rem !important;
-        padding-right: 1rem !important;
-    }
-}
+
 @media (min-width: 1025px) {
     .d-xl-none {
         display: none !important;
@@ -3586,10 +3576,6 @@ hr {
     .my-sm-n5 {
         margin-top: -3rem !important;
     }
-    .mt-sm-n6,
-    .my-sm-n6 {
-        margin-top: -4rem !important;
-    }
     .mr-sm-n5,
     .mx-sm-n5 {
         margin-right: -3rem !important;
@@ -4008,11 +3994,7 @@ hr {
 .scrollmenuclasssubscrollbar::-webkit-scrollbar-track {
     background-color: transparent;
 }
-.scrollmenuclassnameitemProductCardWithTextOnImage{
-    max-width: 330px;
-    min-width: 330px;
-}
-.scrollmenuclassnameitem,.scrollmenuclassnameitemStylishProductCard {
+.scrollmenuclassnameitem {
     max-width: 300px;
     min-width: 300px;
 }
@@ -4116,20 +4098,8 @@ hr {
     max-width: 600px;
     min-width: 600px;
 }
-.slideshowCard{
-    max-width: 300px;
-    min-width: 300px;
-}
 @media (max-width: 576px) {
-    .slideshowCard{
-        max-width: 280px;
-        min-width: 280px;
-    }
-    .scrollmenuclassnameitemStylishProductCard{
-        max-width: 280px;
-        min-width: 280px;
-    }
-    .scrollmenuclassnameitemMenuCardscrollmenuclassnameitemStylishProductCard{
+    .scrollmenuclassnameitemMenuCard{
         max-width: 380px;
         min-width: 380px;
     }
@@ -4371,45 +4341,80 @@ hr {
 .GreatvibesFont{
     font-family: 'Great Vibes', cursive !important;
 }
-.Quicksandfont{
-    font-family: 'Quicksand', sans-serif !important;
 
-}
 
-/* /////////////////////////////////////////////////////// */
 
-.beforebg:before{
-    content:'';
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0,0,0,0.2);
-}
-.overflowX{
-    overflow-x: scroll;
+
+.contact100-btn-hide {
+    background: #fff;
+    border: none;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    -ms-border-radius: 50%;
+    -o-border-radius: 50%;
+    border-radius: 50%;
+    color: #000;
+    cursor: pointer;
+    outline: none;
+    width: 35px;
+    height: 35px;
+    position: relative;
+    border: 2px solid #ccc;
+    -webkit-transition: -webkit-transform 600ms;
+    -moz-transition: -moz-transform 600ms;
+    -ms-transition: -ms-transform 600ms;
+    -o-transition: -o-transform 600ms;
+    transition: transform 600ms;
+}
+.contact100-btn-hide:hover {
+    -webkit-transform: rotate(360deg) scale(1.1);
+    -moz-transform: rotate(360deg) scale(1.1);
+    -ms-transform: rotate(360deg) scale(1.1);
+    -o-transform: rotate(360deg) scale(1.1);
+    transform: rotate(360deg) scale(1.1);
+    -webkit-transition: -webkit-transform 600ms;
+    -moz-transition: -moz-transform 600ms;
+    -ms-transition: -ms-transform 600ms;
+    -o-transition: -o-transform 600ms;
+    transition: transform 600ms;
+    background: white;
+}
+.contact100-btn-hide span,
+.contact100-btn-hide span:before,
+.contact100-btn-hide span:after {
+    background: #000;
+    content: '';
+    cursor: pointer;
+    display: block;
+    height: 1.5px;
+    position: absolute;
+    width: 20px;
 }
-.overflowX::-webkit-scrollbar {
-    width: 0;
-    height: 0;
+.contact100-btn-hide:hover span:before,
+.contact100-btn-hide:hover span:after {
+    background-color: #ffbc00;
 }
-.scrollhorizontal{
-    width: 100%;
-    white-space: nowrap;
-    position: relative;
-    overflow-x: scroll;
-    overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
+.contact100-btn-hide span:first-child {
+    background: none;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    position: absolute;
+    right: 0;
+    top: 0;
 }
-.scrollhorizontal::-webkit-scrollbar {
-    width: 0;
-    height: 0;
+.contact100-btn-hide span:before {
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+.contact100-btn-hide span:after {
+    -webkit-transform: translateY(-2px) rotate(-45deg);
+    -moz-transform: translateY(-2px) rotate(-45deg);
+    -ms-transform: translateY(-2px) rotate(-45deg);
+    -o-transform: translateY(-2px) rotate(-45deg);
+    transform: translateY(-2px) rotate(-45deg);
+    top: 2px;
 }
-.scrollhorizontalcard{
-    float: none;
-    display: inline-block;
-    zoom: 1;
-}

package/{src1-10 → srcOLD}/styles/general/general.module.css

@@ -707,155 +707,3 @@ a.btn.disabled {
     border-radius: 20px;
     z-index: 1000;
 }
-
-/* Search Overlay */
-.search_modern {
-    position: relative;
-    z-index: 2000;
-    display: inline-block;
-    vertical-align: middle;
-}
-.search_wrap {
-  position: fixed;
-  left: 0;
-  z-index: 100;
-  width: 100%;
-  height: 300px;
-  top:0;
-}
-.search_form {
-  position: absolute;
-  z-index: 1;
-  top: 55%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  width: 90%;
-  border: none;
-  -webkit-animation-delay: 0.5s;
-  -moz-animation-delay: 0.5s;
-  -o-animation-delay: 0.5s;
-  animation-delay: 0.5s;
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn;
-  -webkit-animation-duration: 0.7s;
-  animation-duration: 0.7s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-  visibility: visible;
-}
-.search_form:after {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 1px;
-    -webkit-transform: scale3d(0, 1, 1);
-    -ms-transform: scale3d(0, 1, 1);
-    transform: scale3d(0, 1, 1);
-    -webkit-transform-origin: left center;
-    -ms-transform-origin: left center;
-    transform-origin: left center;
-    -webkit-animation-delay: 0.3s;
-    -moz-animation-delay: 0.3s;
-    -o-animation-delay: 0.3s;
-    animation-delay: 0.3s;
-    -webkit-animation-name: fadeInMove;
-    animation-name: fadeInMove;
-    -webkit-animation-duration: 0.7s;
-    animation-duration: 0.7s;
-    -webkit-animation-fill-mode: both;
-    animation-fill-mode: both;
-    visibility: visible;
-}
-.search_form_wrap {
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    width: 100%;
-    height: 100%;
-}
-.search_field {
-  width: 100%;
-    height: 3em;
-    padding: 0 1.5em 0 0;
-    letter-spacing: 0;
-    border: none;
-    background-color: transparent;
-    margin: 0;
-    border: none;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    resize: none;
-    overflow: hidden;
-    display: block;
-    visibility: visible;
-    vertical-align: middle;
-    -webkit-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;   
-}
-.search_modern .search_wrap .search_field::-ms-clear {
-  display: none;
-} 
-.logo_image {
-  -webkit-animation-delay: 0.3s;
-  -moz-animation-delay: 0.3s;
-  -o-animation-delay: 0.3s;
-  animation-delay: 0.3s;
-  -webkit-animation-name: fadeInAnim;
-  animation-name: fadeInAnim;
-  -webkit-animation-duration: 0.6s;
-  animation-duration: 0.6s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-  visibility: visible;
-}
-@-webkit-keyframes fadeInAnim {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes fadeInAnim {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes fadeInMove {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(0, 1, 1);
-  }
-  10% {
-    opacity: 1;
-    -webkit-transform: scale3d(0.1, 1, 1);
-  }
-  100% {
-    opacity: 0.14;
-    -webkit-transform: scale3d(1, 1, 1);
-  }
-}
-@keyframes fadeInMove {
-  0% {
-    opacity: 0;
-    transform: scale3d(0, 1, 1);
-  }
-  10% {
-    opacity: 1;
-    transform: scale3d(0.1, 1, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scale3d(1, 1, 1);
-  }
-}