[Résolu] Empêcher d’accéder au détail du produit quand on est dans le panier

  • WordPress :5.0.3
  • Statut : résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2251374
    que
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    [b]Ma configuration WP actuelle :[/b] [b]- Version de WordPress :[/b] 5.1.1 [b]- Version de PHP/MySQL :[/b] 7.2.15-1+0~20190209065123.16+stretch~1.gbp3ad8c0 / 5.5.5 [b]- Thème utilisé :[/b] Mon thème enfant [b]- Extensions en place :[/b] Advanced Order Export For WooCommerce (2.1.1), Astra Starter Sites (1.2.12), Booster for WooCommerce (4.2.0), Elementor (2.5.5), Forum_wordpress_fr (4.1), Google Analytics Dashboard for WP (GADWP) (5.3.7), Google Analytics for WordPress by MonsterInsights (7.4.2), Head, Footer and Post Injections (3.1.2), Hide Related Products in WooCommerce (1.0), Matomo tracking, by Sergio Santos (1.1.2), More Sorting Options for WooCommerce (3.1.5), WooCommerce (3.5.6), WooCommerce – Store Exporter (2.0.2), WooCommerce Blocks (1.4.0), WooCommerce Cart (1.0.2), Woocommerce Cart Limit (1.1), WooCommerce Piwik integration (2.1.4) [b]- Adresse du site :[/b] https://stephane.couanouz.net [b]- Nom de l’hébergeur :[/b] nginx/1.10.3

    Problème(s) rencontré(s) : 

    Le code ci dessous fonctionne est permet d’empêcher d’accéder au détail des produits qd on clique dessus quand on est dans le site .

    Je souhaite modifier ce code pour empêcher que l’on accede au détail du produit qd je suis dans le panier.

    /* empecher d’acceder au detail du produit. */
    .woocommerce-LoopProduct-link

    {pointer-events:none}

    .ast-loop-product__link

    {pointer-events: none;}

    #2251394
    ferman
    Participant
    Maître WordPress
    1483 contributions

    Bonjour,

    Vous pouvez essayer ça.

    .xoo-wsc-product {pointer-events:none;}

    #2251440
    que
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Parfait.
    Merci, ça fonctionne. C’est super.

    Bonne soirée.

     

    #2251444
    ferman
    Participant
    Maître WordPress
    1483 contributions

    Le code fonctionne mais il empêche que l’on puisse vider le panier car le bouton remove n’est plus cliquable. Pour pouvoir le faire il faut rajouter encore un code.

    .xoo-wsc-remove {pointer-events: auto !important;}

    • Cette réponse a été modifiée le il y a 8 mois et 3 semaines par ferman.
    #2252526
    que
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Je suis de retour pour ce probleme d’accès au détail du produit quand je suis dans le panier car je avais mal testé. En fait le code utilisé fonctionne pour le 1 panier mais pas pour l’autre. En effet j’ai deux paniers sur mon site.

    Je ne sais pas ce qu’il faut changer dans le code pour que cela soit pris en compte pour les deux paniers.

    Merci.

    #2252535
    ferman
    Participant
    Maître WordPress
    1483 contributions

    Ceci devrait marcher:

    .product-thumbnail {pointer-events: none;}

    • Cette réponse a été modifiée le il y a 8 mois et 2 semaines par ferman.
    #2252551
    que
    Participant
    Padawan WordPress
    61 contributions

    Bonjour Ferman,

    Merci pour ton code, cela fonctionne pour les images car le lien est supprimé, en revanche le lien est toujours actif sur la chaine de caractère décrivant le produit.

    #2252579
    ferman
    Participant
    Maître WordPress
    1483 contributions

    Bonsoir,

    Vous pouvez ajouter la css de la première ligne . Ou bien, comme vous avez plusieurs classes avec la même propriété (pointer-events :none), vous pouvez toutes les regrouper de la manière indiquée à la deuxième ligne.

    .product-name {pointer-events:none;}
    
     .xoo-wsc-product, .product-thumbnail, .product-name {pointer-events:none;}

    Cela évite de répéter trente-six fois la même chose.

    Comme vous faites beaucoup de css personnalisées, il faudra penser à les créer vous mêmes et apprendre à utiliser les outils de développement de votre navigateur. Ce n’est pas très difficile et vous pourrez ainsi personnaliser votre site en toute liberté.

    Il faudra aussi regrouper tout ça dans un thème-enfant.

    #2252588
    que
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Merci pour la réponse, cela fonctionne.

    En revanche pour la seconde partie du commentaire, je suis bien évidemment d’accord, l’idéal est de pouvoir le personnaliser en toute liberté mais je ne comprends pas comment faire encore. Je pense que je n’ai pas encore compris comment cela fonctionne. Je vais essayer de suivre un cours en ligne.

    Merci pour tout.

    #2252600
    ferman
    Participant
    Maître WordPress
    1483 contributions

    Bonjour,

    Si vous connaissez l’anglais  (pas la peine d’être un expert) je vous recommande ce site, très complet avec exercices. Cela vous apprend comment utiliser les css.

    Si vous avez Firefox comme navigateur regardez ici. Ces outils de développement vous  permettent de voir les css présentes dans telle ou telle partie de votre page web et de visualiser l’effet des modifications que vous pouvez noter (c’est ce que je vous envoie chaque fois). Il ne reste plus qu’à rendre ces modifications définitives en les copiant dans les css personnalisées (c’est cette partie que vous faites) ou un thème enfant quand il y en a beaucoup. Pour la plupart des modifs c’est relativement simple. Quelquefois c’est plus compliqué mais là vous pouvez revenir sur le forum pour demander.

    Je n’utilise pas les autres navigateurs mais ils ont aussi des outils de développement.

    C’est un apprentissage très intéressant (et nécessaire pour personnaliser son site) .Bon courage.

    • Cette réponse a été modifiée le il y a 8 mois et 2 semaines par ferman.
    #2252624
    que
    Participant
    Padawan WordPress
    61 contributions

    MERCI.

    Je vais me former.

    Bonne continuation.

    Bonne utilisation des outils !

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