/* Theme Name: Sarvadam Description: Thème Sarvadam (basé sur Woodmart) Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* ========================================================================== Filtres boutique (sidebar) : reste visible au defilement + style discret Ajout automatise ========================================================================== */ .woocommerce-shop .wd-sidebar.sidebar-container, .tax-product_cat .wd-sidebar.sidebar-container, .tax-product_tag .wd-sidebar.sidebar-container, .post-type-archive-product .wd-sidebar.sidebar-container { position: -webkit-sticky; position: sticky; top: 20px; align-self: flex-start; max-height: calc(100vh - 40px); overflow-y: auto; } .woocommerce-shop .wd-sidebar.sidebar-container .wd-widget, .tax-product_cat .wd-sidebar.sidebar-container .wd-widget, .tax-product_tag .wd-sidebar.sidebar-container .wd-widget, .post-type-archive-product .wd-sidebar.sidebar-container .wd-widget { padding-top: 8px; padding-bottom: 8px; margin-top: 0; margin-bottom: 14px; border-bottom: none; } .woocommerce-shop .wd-sidebar.sidebar-container .wd-widget:first-child, .tax-product_cat .wd-sidebar.sidebar-container .wd-widget:first-child, .tax-product_tag .wd-sidebar.sidebar-container .wd-widget:first-child, .post-type-archive-product .wd-sidebar.sidebar-container .wd-widget:first-child { padding-top: 0; } .woocommerce-shop .wd-sidebar.sidebar-container .wd-widget:last-child, .tax-product_cat .wd-sidebar.sidebar-container .wd-widget:last-child, .tax-product_tag .wd-sidebar.sidebar-container .wd-widget:last-child, .post-type-archive-product .wd-sidebar.sidebar-container .wd-widget:last-child { margin-bottom: 0; padding-bottom: 0; } .woocommerce-shop .wd-sidebar.sidebar-container .widget-title, .tax-product_cat .wd-sidebar.sidebar-container .widget-title, .tax-product_tag .wd-sidebar.sidebar-container .widget-title, .post-type-archive-product .wd-sidebar.sidebar-container .widget-title { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .03em; opacity: .55; margin-bottom: 8px; } /* ========================================================================== Correctif sticky sidebar boutique Le theme applique "overflow-x:clip" sur (base.css), ce qui empeche position:sticky de fonctionner sur la sidebar de filtres. On neutralise ce clip uniquement sur les pages boutique (aucun debordement horizontal constate sur ces pages), sans toucher le reste du site. ========================================================================== */ body.woocommerce-shop, body.tax-product_cat, body.tax-product_tag, body.post-type-archive-product { overflow-x: visible; } /* ========================================================================== Panneau de filtres boutique : fond distinct du reste de la page (teinte tres claire de la couleur d'accent du site, #C2A46B) ========================================================================== */ .woocommerce-shop .wd-sidebar.sidebar-container, .tax-product_cat .wd-sidebar.sidebar-container, .tax-product_tag .wd-sidebar.sidebar-container, .post-type-archive-product .wd-sidebar.sidebar-container { background-color: rgba(194, 164, 107, .07); border: 1px solid rgba(194, 164, 107, .25); border-radius: 10px; padding: 24px 20px; } /* ========================================================================== Widget "En promotion" : Promos / En stock / Rupture de stock cote a cote ========================================================================== */ #wd-widget-stock-status-10 .wd-checkboxes-on { display: flex; flex-wrap: wrap; column-gap: 22px; row-gap: 8px; } #wd-widget-stock-status-10 .wd-checkboxes-on li { margin: 0; } /* ========================================================================== Message "Aucun produit ne correspond" sur la boutique : style neutre au lieu du style "avertissement" (orange) du theme, qui ressemble a une erreur. Les vraies erreurs (panier, paiement, etc.) ne sont pas touchees : on cible uniquement .woocommerce-info sur les pages boutique/archive. ========================================================================== */ .woocommerce-shop .woocommerce-info, .tax-product_cat .woocommerce-info, .tax-product_tag .woocommerce-info, .post-type-archive-product .woocommerce-info { background-color: #f7f6f4; color: #55524c; border: 1px solid #e5e1da; } .woocommerce-shop .woocommerce-info:before, .tax-product_cat .woocommerce-info:before, .tax-product_tag .woocommerce-info:before, .post-type-archive-product .woocommerce-info:before { font-family: initial; content: "\24D8"; font-size: 16px; line-height: 1; color: #9a9689; } /* ========================================================================== Harmonisation du site : couleur de fond legere partout (au lieu du blanc), et alignement de l'en-tete + pied de page sur la meme teinte (deja utilisee dans le pied de page). Le logo Sarvadam (image) n'est pas concerne. ========================================================================== */ body { background-color: #F5F2ED !important; } /* En-tete : les 3 lignes (barre du haut, ligne logo/recherche/compte, ligne categories) passent sur la meme teinte, au lieu du blanc et du bleu d'origine sur la ligne categories. */ .whb-row.whb-top-bar, .whb-row.whb-general-header, .whb-row.whb-header-bottom { background-color: #F5F2ED; } /* Fine separation doree et discrete entre le menu categories et le reste du site, pour garder une lecture claire malgre la teinte unifiee. */ .whb-row.whb-header-bottom { border-bottom: 1px solid rgba(194, 164, 107, .35); } /* Pied de page : la barre du bas (copyright) est alignee sur la meme teinte que le bloc de contenu du footer, qui l'utilisait deja. */ .wd-footer.footer-container { background-color: #F5F2ED; } /* ========================================================================== Tri des produits (Pertinence / Nouveautes / Croissant / Decroissant) : deplace de la barre au-dessus des produits vers le volet de filtres. ========================================================================== */ /* On masque l'ancien menu deroulant de tri au-dessus de la grille de produits (le compteur "Afficher : X/Y/Z" et les icones de vue restent). Scope precis a la barre d'outils boutique (.wd-shop-tools) uniquement : le meme type de formulaire (select de tri) est desormais aussi affiche dans le volet de filtres et ne doit pas etre cache. */ .wd-shop-tools form.woocommerce-ordering { display: none; } /* Liste deroulante de tri dans le volet de filtres : meme presentation que les autres champs du panneau (Marque, Famille, ...). */ .woocommerce-shop .wd-sidebar.sidebar-container form.woocommerce-ordering, .tax-product_cat .wd-sidebar.sidebar-container form.woocommerce-ordering, .tax-product_tag .wd-sidebar.sidebar-container form.woocommerce-ordering, .post-type-archive-product .wd-sidebar.sidebar-container form.woocommerce-ordering { margin: 0; } /* ========================================================================== Slider d'accueil ("IRRESISTIBLE GIVENCHY") : la colonne du slider est etiree par le flexbox a la meme hauteur que la colonne voisine ("Meilleures ventes"), mais le slider lui-meme gardait une hauteur fixe (368px, definie dans les reglages du slider "Depart"), laissant un vide blanc en dessous de la photo. On propage la hauteur reelle de la colonne jusqu'a la diapositive (.wd-slide), qui s'etire alors naturellement grace au flex de Woodmart, et l'image (position absolute, deja en "remplissage") suit automatiquement. ========================================================================== */ .elementor-element-376d320, .elementor-element-376d320 > .elementor-widget-container, .elementor-element-376d320 .wd-slider, .elementor-element-376d320 .wd-carousel-inner, .elementor-element-376d320 .wd-carousel, .elementor-element-376d320 .wd-carousel-wrap { height: 100%; }