Modifier “Ajouter au panier” dans la liste des produits (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
  • Ce sujet contient 19 réponses, 2 participants et a été mis à jour pour la dernière fois par ferman, le il y a 16 minutes.
15 sujets de 1 à 15 (sur un total de 20)
  • Auteur
    Messages
  • #2386859
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    Bonjour,

    Ma configuration WP actuelle

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

    Bonjour,
    J’ai un petit problème que je n’arrive pas à régler.

    Dans ma boutique quand je suis dans la liste des produits j’ai un gros bouton “ajouter au panier” noir qui apparait devant les produit quand on clique dessus.

    j’aimerais intégré quelque chose de plus petit comme une petit barre blanche qui permet d’ajouter à une liste d’envie,au détail ou au panier.
    c’est possible ?

    Exemple:
    https://www.naturelnature.fr/index.php/categorie-produit/nos-bougies/les-gourmandes/

    #2386890
    ferman
    Participant
    Maître WordPress
    4541 contributions

    Il faut préciser ce que vous voulez (copie d’écran). Vous pouvez faire quelque chose comme ceci par exemple (CSS à mettre dans les CSS additionnelles).

    #main .button.product_type_simple.add_to_cart_button{background-color:transparent;
      color:black;
    	border: solid;
    	border-width:2px;	
    }

    Il y a bien d’autres possibilités pour l’aspect. Si vous voulez mettre un autre bouton à côté du premier, c’est une autre histoire.

    • Cette réponse a été modifiée le il y a 1 semaine et 1 jour par ferman.
    #2386927
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    Avec votre code css cela met le bouton transparent mais celui-là ne disparaît pas.

    J’aimerais l’enlever complétement.

     

    Pour ma boutique, j’aimerais modifier l’aspect graphique, on va dire.

    À la place d’avoir un gros bouton ajouté au panier comme image jointes

    J’aimerais une boutique plus propre (comme l’image 2)

     

    Avec des images qui changent quand la souris passe dessus ect.

    • Cette réponse a été modifiée le il y a 1 semaine par BibiFlox.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2386949
    ferman
    Participant
    Maître WordPress
    4541 contributions

    Si vous voulez complètement effacer le bouton, dans les produits et dans la boutique et si vous voulez enlever le texte sous image dans la boutique ,remplacez le code précédent par le suivant:

    h2.wc-block-components-product-title{display:none!important;
    }
    #main .add_to_cart_button{display:none;	
    }	

    Pour votre deuxième copie d’écran, où avez vous vu ça? Je pense qu’il faut une extension.

    #2387025
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    Merci cela fonctionne parfaitement.

    j’ai vue ça sur un site worldpresse le nom je ne pourrais plus vous dire.

    vous avez une idée de l’extension ou des extension similaire ?

    #2387051
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    j’ai trouver le site en question
    https://www.anilia.fr/boutique/

    Dans l’idée j’aimerais crée la même interface boutique.

    on peut voir déjà que quand on clique sur mes catégories cela me quitte de la boutique.
    j’ai du mal à comprendre comment faire.

    https://www.naturelnature.fr/boutique

    #2387095
    ferman
    Participant
    Maître WordPress
    4541 contributions

    Le site que vous citez utilise le thème premium Woodmart  dans lequel ce que vous souhaitez est intégré. Pour essayer de se rapprocher de ça, il vous faut deux extensions: une quickview et une wishlist + du travail de personnalisation en css/javascript. Pour les extensions il y a par exemple ces deux là gratuites “Yith woocommerce wishlist” et “Yith woocommerce quickview“. Regardez si ça vous plaît. Pour la personnalisation, il faudra voir ensuite ce qui est possible.

    #2387096
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    Merci beaucoup de votre aide Ferman.

    et pour modifier les couleurs et icônes des promotions vous avez également une idées ?

    #2387098
    ferman
    Participant
    Maître WordPress
    4541 contributions

    et pour modifier les couleurs et icônes des promotions vous avez également une idées ?

    Il faudrait préciser exactement ce que vous voudriez et où vous le voulez. Après seulement il sera possible de voir si c’est faisable simplement.

    #2387122
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    Bonjour Ferman, du coup j’ai achetez un thème complet cela était beaucoup plus simple. j’aimerais par contre enlevée le [compare] et faire un menu déroulant pour les catégorie. si jamais vous avez une idée ? [barrée en jaune]

     

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2387130
    ferman
    Participant
    Maître WordPress
    4541 contributions

    Enlever compare  ne devrait pas être trop difficile. Faire un menu déroulant risque d’être assez compliqué. C’est peut-être dans les réglages du thème (c’est dans les démo). Autrement, comme vous avez un thème premium, il faudra demander sur leur support. De toute façon on ne peut rien faire tant qu’on ne voit pas le site.

    #2387162
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    Voici la boutique: https://www.naturelnature.fr/nos-produits/?customize_changeset_uuid=3dc73c75-e31d-41af-b8fc-8ff818d54b81&customize_autosaved=on

    je n’arrive vraiment pas à enlever le compare.
    pour le menu déroulant bizarre je n’arrive pas ç changer le “sens” de la flèche

    #2387164
    ferman
    Participant
    Maître WordPress
    4541 contributions

    Pour le “compare”:

    button.woosc-btn{display:none;}

    Pour la flèche ??? Elle paraît normale; je ne vois pas ce qu’il y a à modifier.

    • Cette réponse a été modifiée le il y a 2 jours et 17 heures par ferman.
    • Cette réponse a été modifiée le il y a 2 jours et 17 heures par ferman.
    #2387206
    BibiFlox
    Participant
    Initié WordPress
    10 contributions

    je vois les flèche à gauche j’aimerais qu’elle soie à droite.

    pour le compare j’ai virée un module

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2387217
    ferman
    Participant
    Maître WordPress
    4541 contributions

    En copie d’écran deux possibilités; laquelle voulez-vous? Ou autre chose?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
15 sujets de 1 à 15 (sur un total de 20)
  • Vous devez être connecté pour répondre à ce sujet.