[Résolu] Modifier les smiley en stock &Rupture de stock (Créer un compte)

  • WordPress :6.2
  • Statut : résolu
  • Ce sujet contient 20 réponses, 2 participants et a été mis à jour pour la dernière fois par Tamybroderie, le il y a 9 mois.
15 sujets de 1 à 15 (sur un total de 21)
  • Auteur
    Messages
  • #2454935
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Ma configuration WP actuelle

    Version de PHP/MySQL : aucune idée
    Thème utilisé : Enfant de storefront
    Nom de l’hébergeur : Hostinger
    Adresse du site : brodestyle .fr
    Extensions en place :
    Advanced Woo Labels
    Classic Widgets
    Enable Media Replace
    Extra Product Options & Add-Ons for WooCommerce
    Facebook for WooCommerce
    FileBird Lite
    Flexible Checkout Fields
    Gwolle Guestbook (Livre d’or)
    Jetpack
    Maintenance
    Lightbox avec PhotoSwipe
    Smush
    WooCommerce
    WooCommerce Custom Product Addons (Free)
    WP Mail SMTP
    WPC Composite Products for WooCommerce

    Bonjour, a tous et toutes,

     

    J’ai des petit smiley a coter de « 🙂 en stock » et  » 🙁 Rupture de stock »

    Je souhaiterai les modifier mais dans le fichier icone c’est écrie :

    .stock.in-stock::before{content:""}

    .stock.out-of-stock::before{content:""}
    icons.css

    Je n’arrive pas a le modifier

     

    J’aurai aimer mettre ✔️ En stock et ❌ Rupture de stock

     

    Merci de votre aide

    • Ce sujet a été modifié il y a 9 mois et 1 semaine par Tamybroderie. Raison : Mise a jour des icone
    • Ce sujet a été modifié il y a 9 mois et 1 semaine par Tamybroderie. Raison : Mise a jour des icone
    #2454949
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Je voulais aussi changer en stock par disponible

    et rupture par non disponible

    normalement ca ce fait dans les traduction mais ca fonctionne pas

    Si vous pouvez l’aider sur ca aussi s’il vous plait

     

    pour mettre

    ✔️ Disponible

    ❌ Non disponible

    Dans l’idéal

    ⚠ plus qu’1 disponible

    • Cette réponse a été modifiée le il y a 9 mois et 1 semaine par Tamybroderie.
    #2454961
    ferman
    Participant
    Maître WordPress
    6749 contributions

    Bonjour,

    Essayez déjà le code ci-dessous dans les CSS additionnelles:

    .stock.in-stock::before {
    font-size:10px;
    content: "✔️" !important;
    }
    .stock.in-stock{
    font-size:0px;
    }
    .stock.in-stock::after {
    font-size:10px;
    content: "Disponible";
    }

    .stock.out-of-stock::before {
    font-size:10px;
    content: "❌" !important;
    }
    .stock.out-of-stock{
    font-size:0px;
    }
    .stock.out-of-stock::after {
    font-size:10px!important;
    content: "Non disponible";
    }

    Pour  » ⚠ plus qu’1 disponible « , il faudrait donner un exemple de produit dans ce cas pour voir si c’est faisable simplement.

    #2454969
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Bonjour merci je teste

    Plaid “Motif” – Brode Style

    ce produit a 1 en stock

     

    #2454970
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    ça a fonctionner c’est petit mais les Modification ccs simple ca je gère normalement

    MERCI BEAUCOUP je suis super contente

    si « ⚠ plus qu’1 disponible » comme c’est en css on pourrai le mettre en orange ?

     

    #2454971
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Je vais enlever le temps que vous regadez si c’est possible car le plus que 1 en stock a ete modifier par disponible

    #2454980
    ferman
    Participant
    Maître WordPress
    6749 contributions

    C’est possible  (voir pj) mais assez compliqué. Si vous voulez essayer ça peut se faire.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2455000
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Ah super oui j’aimerais bien essayer si c’est possible mais comme du coup vous avez réussi à le faire j’espère qu’on y arrivera

     

    parce que j’ai bloqué pour que ça ne  mette pas

    plus que 2

    plus que 3

     

    j’ai laissé uniquement plus qu’1

     

    c’est vrai que ça les incite à commander un peu plus quand il vois qu’il en reste qu’1

     

    Et avec le code que vous m’avez donné plus haut et ben du coup le plus que 1 en stock et modifier en disponible et c’est vrai que ça m’embête un petit peu

     

    Après comme vous avez réussi à mettre les smileys avec le CSS je peux peut-être essayer de seulement traduire le plus que 1 et le disponible directement dans les traductions je vais creuser un peu plus là-dessus et du coup si vous savez comment faire comme sur votre capture ça serait chouette

    #2455001
    ferman
    Participant
    Maître WordPress
    6749 contributions

    Comme je vous le disais, c’est plus compliqué car il faut différencier à l’intérieur d’une même classe (.stock.in-stock) selon le texte qu’elle contient. Les CSS ne peuvent pas faire cette différence et c’est pour cela que votre message  est le même qu’il y ait plusieurs produits ou un seul en stock. Il faut donc utiliser un peu de jQuery en plus des CSS. J’avais oublié que vous l’aviez déjà fait (voir ICI) donc cela ne devrait pas poser de problème

    Le code jQuery à ajouter sera:

    <script>
    $= jQuery;
    $(function() {
    $('.stock.in-stock').each(function() {
    var text = $(this).text();
    switch (text) {
    case 'Plus que 1 en stock':
    className = 'reste-un';
    break;
    case 'En stock':
    className = 'disponible';
    }
    $(this).addClass(className);
    });
    });
    </script>

    Si vous êtes curieuse, le code est inspiré par CECI.

    Et les CSS deviennent:

    .disponible::before {
    font-size:10px;
    content: "✔️" !important;
    }
    .disponible{
    font-size:0px;
    }
    .disponible::after {
    font-size:10px;
    content: "Disponible";
    }
    .reste-un::before {
    font-size:10px;
    content: "⚠" !important ;
    color:orange
    }
    .reste-un{
    font-size:0px;
    }
    .reste-un::after {
    font-size:10px;
    content: "Plus qu'1 disponible";
    color:orange
    }

    .stock.out-of-stock::before {
    font-size:10px;
    content: "❌" !important;
    }
    .stock.out-of-stock{
    font-size:0px;
    }
    .stock.out-of-stock::after {
    font-size:10px!important;
    content: "Non disponible";
    }

    Si je n’ai pas fait d’erreur en recopiant les codes, ça devrait fonctionner.

    • Cette réponse a été modifiée le il y a 9 mois par ferman.
    • Cette réponse a été modifiée le il y a 9 mois par ferman.
    • Cette réponse a été modifiée le il y a 9 mois par ferman.
    #2455011
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Merci beaucoup

     

    Je vais tester. C’est bien à lettre dans ke fonction.php du thème enfant ?

    #2455012
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    Malheureusement cela crée une erreur critique

    #2455013
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    J’arrive a rien avec le fonction.php de ce thème peut être que c’est ailleurs ?

     

    voici le code du fonction.php :

    <?php
    /**
    * Boutique engine room
    *
    * @package boutique
    */

    /**
    * Set the theme version number as a global variable
    */
    $theme = wp_get_theme( 'boutique' );
    $boutique_version = $theme['Version'];

    $theme = wp_get_theme( 'storefront' );
    $storefront_version = $theme['Version'];




    /**
    * Load the individual classes required by this theme
    */
    require_once( 'inc/class-boutique.php' );
    require_once( 'inc/class-boutique-customizer.php' );
    require_once( 'inc/class-boutique-template.php' );
    require_once( 'inc/class-boutique-integrations.php' );





    /**
    * Do not add custom code / snippets here.
    * While Child Themes are generally recommended for customisations, in this case it is not
    * wise. Modifying this file means that your changes will be lost when an automatic update
    * of this theme is performed. Instead, add your customisations to a plugin such as
    * https://github.com/woothemes/theme-customisations
    */
    fonction.php

    #2455014
    ferman
    Participant
    Maître WordPress
    6749 contributions

    Ce n’est pas dans fonction.php mais dans le plugin « headers  and footers » qu’il faut placer le code jQuery;  comme l’autre fois  (voir  ICI.) Désolé, dans ma réponse précédente le lien n’avait pas été pris.

    D’autre part, dans functions.php du thème enfant vous pouvez voir le message selon lequel vous ne devez pas ajouter de code dans ce fichier. C’est parce que le thème « boutique » n’est pas un thème enfant habituel: il est régulièrement mis à jour si bien que les modifications sont effacées à chaque fois.  Il faut obligatoirement utiliser une extension pour ajouter du code.

     

    • Cette réponse a été modifiée le il y a 9 mois par ferman.
    • Cette réponse a été modifiée le il y a 9 mois par ferman.
    #2455015
    Tamybroderie
    Participant
    Padawan WordPress
    63 contributions

    oui effectivement je n’avais pas compris d’où vous parliez

     

    Ca ne fonctionne pas j’ai essayer dans les 3 cardres

    je voudrai pas vous embête quand meme.

    Merci pour toi

    #2455018
    ferman
    Participant
    Maître WordPress
    6749 contributions

    Vous avez bien mis les balises <script> </script>?  Pouvez-vous faire une copie d’écran de ce que vous avez mis dans la fenêtre « footer »? Je regarderai demain sur mon site.

     

15 sujets de 1 à 15 (sur un total de 21)
  • Vous devez être connecté pour répondre à ce sujet.