Mode catalogue woocommerce (Créer un compte)

  • WordPress :5.7
  • Statut : non résolu
  • Ce sujet contient 28 réponses, 2 participants et a été mis à jour pour la dernière fois par Pierrot, le il y a 17 secondes.
15 sujets de 1 à 15 (sur un total de 29)
  • Auteur
    Messages
  • #2381195
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 10.3
    • Thème utilisé : Online Shop
    • Extensions en place :
      Acme Demo Setup
      Acme Fix Images
      Advanced Import
      All in One SEO Pack
      All-in-One WP Migration
      Coming Soon Page, Maintenance Mode & Landing Pages by SeedProd
      Contact Form 7
      Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor
      LiteSpeed Cache
      MonsterInsights – Google Analytics pour WordPress
      WPForms Lite
      YITH WooCommerce Wishlist
    • Nom de l’hébergeur : hostinger
    • Adresse du site : http://dev2.o-bus.fr/

    Problème(s) rencontré(s) : Je suis à la recherche de comment faire pour activer un “mode catalogue” entre autre quand on se balade sur le site voir un véhicule, au lieu “d’ajouter le véhicule au panier” je souhaiterai mettre en place un “voir le véhicule” qui me ferais accéder au produit, tout comme le fait de cliquer sur l’image.

    De plus ou désactiver le quickview ? Ou bien ou le renommer ?

     

    Ou existe t’il tout simplement un moyen de passer woocommerce en mode catalogue ?

    Merci par avance de votre aide !

     

    • Ce sujet a été modifié le il y a 1 semaine et 4 jours par Pierrot.
    #2381200
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Bonjour,

    Cette extension doit pouvoir faire ce que vous souhaitez. Pour quickview, vous avez un plugin nommé “Yith woocommerce wishlist”  je pense que vous pouvez désactiver le bouton quickview depuis le tableau de bord de cette extension *. Autrement il est facile de cacher le bouton avec des CSS. Il est aussi facile de le renommer c’est votre choix.

    *- ou alors vous avez l’extension with woocommerce quick view  (pas dans votre liste) et vous pouvez simplement la désactiver.

    • Cette réponse a été modifiée le il y a 1 semaine et 4 jours par ferman.
    • Cette réponse a été modifiée le il y a 1 semaine et 4 jours par ferman.
    #2381203
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Bonjour,

    Merci pour votre réponse, en effet l’extension Elex fonctionne, cependant je perds le bouton que je voulais utiliser pour en faire un “voir le véhicule”

    Pour le quick view; ce que je ne comprends pas pour l’extension Yith woocommerce wishlist c’est que sur mon site de développement, elle fonctionne correctement mais sur mon site finale, elle bug, il s’agit dans les 2 cas des mêmes versions en tout point. Une idée ? (réinstallé l’extension ? ou purger les caches ?)

     

    Edit: sur mon site de développement version php 7.3.23 et sur la version finale 7.4.16

    Un lien possible de la défaillance ?

    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par Pierrot.
    #2381227
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Bonjour,

    Effectivement, pour moi aussi le plugin ne remplace rien dans la page boutique (contrairement à la page produit). Essayez la chose suivante qui fonctionne chez moi mais il faudra peut-être faire des essais car je n’ai pas accès à votre site et les choses peuvent être différentes chez vous.

    1.  Dans Elex, cliquez “remove add to cart”. Cela enlèvera les boutons  sur la page boutique et la page produit.
    2.  Ajoutez le code suivant qui remet un bouton de même apparence mais avec le lien vers le véhicule sur la page boutique.
    function monbouton(){?>
    	<a class="button add_to_cart_button " href="<?php the_permalink(); ?>">Voir le véhicule</a>
    	<?php
    }
    add_filter('woocommerce_after_shop_loop_item','monbouton');

    Si le bouton n’apparaît pas (dans votre cas il devrait) essayez le code ci-dessous

    function monbouton(){?>
    	<a class="button add_to_cart_button " href="<?php the_permalink(); ?>">Voir le véhicule</a>
    	<style>
    		.product a.button{display:block!important}		
    	</style>
    	<?php
    }
    add_filter('woocommerce_after_shop_loop_item','monbouton');

    Ces codes sont à mettre de préférence dans le fichier “functions.php” d’un thème enfant. Si vous n’en avez pas c’est facile à créer avec l’extension “Child theme configurator“. Si vous ne voulez pas en créer vous pouvez utiliser l’extension “my custom functions“. C’est simple mais lisez les FAQ et surtout ça: “Q. What to do if this plugin crashed the website?” qui vous dit comment rétablir la situation en cas de problème (pas grave et facilement réparable  par FTP). Il vaut mieux éviter de mettre des codes dans functions.php du thème parent: ce sera effacé lors de la prochaine mise à jour du thème.

    Pour wishlist, je pense que dans un cas vous avez dû lier “quickview” à “wishlist” (c’est possible d’après la doc) et pas dans l’autre.  Autrement, je ne vois pas.

    #2381257
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Bonjour ferman, merci pour ta réponse,

    Pour wishlist, je pense que dans un cas vous avez dû lier “quickview” à “wishlist” (c’est possible d’après la doc) et pas dans l’autre.  Autrement, je ne vois pas.

    Je ne sais pas du tout comment j’ai fait, cela l’a installé automatiquement dans le 2 cas avec le thème. Comment puis-je procéder ?
    Par contre quand je click sur le quickview j’ai toujours également la possibilité d’ajout au panier, ou puis-je le supprimer ?

     

    Je viens de procéder à la création d’un thème enfant, je tente les lignes de codes dans le fichier ”functions.php”

    Edit1: la 1ere ligne de code fonctionne bien et me redirige au top sur le véhicule dans la page boutique ! Parfait !!
    Par contre pour modifier le petit caddy dans le logo il s’agit d’une image il me semble ?

     

    Edit2: J’ai trouvé la solution du quickview sur mon site final, tout simplement l’extension YITH WooCommerce Quick View n’était pas installée
    Par contre je ne sais toujours pas ou enlevé j’ajout au panier de quickview et pourquoi ne me montre t’il pas les photos (autre que celle mise en avantà et la description de l’annonce ?

     

    J’avance bien grâce à toi , milles merci ! 😉

    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par Pierrot.
    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par Pierrot.
    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par Pierrot.
    #2381268
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Pour enlever le panier c’est la ligne suivante.

    .product .add_to_cart_button:after{display:none;}
    enlever panier

    A copier/coller dans les CSS additionnelles du thème

    Pour le reste je ne sais pas il faudrait regarder dans les entrailles de l’extension pour essayer d’y voir clair.

    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par ferman.
    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par ferman.
    #2381272
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Je m’aperçois seulement maintenant en relisant que j’ai complètement zappé la question sur quickview (le bouton “mettre au panier”). Voila:

    #yith-quick-view-content form.cart {display:none;}

     

    #2381295
    ferman
    Participant
    Maître WordPress
    4243 contributions

    J’ai donc regardé quickview. On peut ajouter beaucoup de choses au “popup” mais elles disparaîtront lors des mises à jour de l’extension. Il y a deux solutions: ne pas mettre à jour l’extension ou bien conserver le fichier personnalisé et le remettre en place après chaque mise à jour.  Comme votre site n’est plus accessible, je ne peux pas en dire plus.

    Cela dit, je ne pense pas que ce type de popup est fait pour contenir des tonnes d’informations. Chez moi ça reproduit exactement ce qui est dans la page produit.

    #2381310
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Dernière info:

    La sieste portant conseil, je me suis rendu compte qu’il était très facile d’ajouter beaucoup de choses dans le “quick view “sans se préoccuper des mises à jour (ce que je disais précédemment est donc caduc. Les constructeurs du plugin ont été sympa de mettre un “hook” qu’on peut utiliser à cet effet. Je n’y avais pas fait attention et pourtant ça crève les yeux.

    #2381319
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Hello !

    En effet ces 2 lignes au CSS fonctionne  ! Parfait, merci beaucoup!

    Pour le popup pour ma part rien hors mis le prix et la photo de couverture…. (quels  extension as tu pour que je vois ou je foire mon truc?)

    Ensuite j’ai réussi sur mon site de développement (je ne sais pas pourquoi  tu n’as pas pu y accéder car il fonctionne ?) à utiliser l’extension YITH WooCommerce Badge Management  pour ajouter un badge “vendu” sur un véhicule http://dev2.o-bus.fr/produit/suv-5/
    Pour ce faire j’ai remplacé dans le ftp, dans le répertoire de l’extension l’image par défaut, et j’ai mis celle qui me plaisait ! La tout fonctionne.
    SAUF que dans la version finale du site, je fait la même chose et cela ne fonctionne pas, aurait tu une idée ?

    Je poursuis mes recherches !

    Merci à toi 😀

     

    #2381332
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Pour le popup pour ma part rien hors mis le prix et la photo de couverture…. (quels extension as tu pour que je vois ou je foire mon truc?)

    Aucune extension sauf “booster pour woocommerc” (version gratuite) qui n’a rien à voir et ne peut interférer avec quick view.

     Pour le popup pour ma part rien hors mis le prix et la photo de couverture

    On voit en plus la catégorie + le bouton mise au panier (qu’on a supprimé avec des CSS).  C’est à dire qu’on voit tout sauf les produits apparentés. Je vois en plus la description courte du produit parce que j’en ai mis une. Vous n’en avez pas.

    Pour résumer, vous devez voir tout ce qu’il y a sur la page produit moins les produits apparentés.

    A noter: puisque vous avez à votre disposition deux”hooks” dans le fichier “yith-quick-view-content” du plugin,  vous pouvez ajouter à peu près n’importe quoi. En particulier vous pouvez ajouter les shortcodes woocommerce qui vous permettent d’afficher beaucoup de choses . En fait il y a tellement de possibilités que je ne peux pas les détailler. Si vous avez une idée précise sur ce que vous voulez, dites-le ici pour qu’on puisse voir si c’est possible ou non. Cependant, comme je le disais, ce popup n’est pas fait pour montrer beaucoup de détails. Comme son nom l’indique, il sert à donner un aperçu, la personne intéressée devant se rendre ensuite sur la fiche produit.

     

    #2381353
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Merci de ta réponse, alors pour faire au plus simple, enfait dans le popup quickview j’aimerai avoir  dans la zone 1 (cf piece jointe) rien, mais ça c’et quand j’ai mis la description courte donc facile à enlever.

    Dans la zone 2: j’aimerai  les photos du véhicule
    Dans la zone 3: le descriptif du véhicule ou au moins une partie

    Et un bouton du type ”Voir  le descriptif complet” qui renvois à l’article.
    Je trouve que la vue rapide est un gain de temps plutôt que de cliquer sur le produit et de faire retour à chaque fois. 🙂

     

    Merci encore une fois pour ton  aide !

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

    Pour la présentation exacte on verra plus tard quand vous aurez mis les modifs en ligne mais d’abord:

    Dans la zone 2: j’aimerai les photos du véhicule.

    Vous voulez dire la galerie  woocommerce pour les produits que vous n’avez pas encore créée.

    Dans la zone 3: le descriptif du véhicule ou au moins une partie

    Ce sera la description courte (correspondant au résumé d’un article).

    Et un bouton du type ”Voir le descriptif complet” qui renvois à l’article.

    C’est à dire à la fiche produit? Si c’est ça c’est un peu inutile: vous pouvez déjà le faire en fermant le popup. Je vous mets quand même le code pour le bouton. Le descriptif complet est la “description longue” woocommerce. Vous n’en avez pas encore créé. Elle sera visible dans la fiche produit si le visiteur est intéressé, pas dans le popup.

    Pour montrer la  galerie dans le popup il faudra utiliser la fonction suivante (qui montrera aussi le bouton “voir le descriptif complet”),  à mettre dans functions.php du thème enfant.

    function yith_gallery(){
    
    	global $product;
    	$attachment_ids = $product->get_gallery_image_ids();
    
    	if ( $attachment_ids && $product->get_image_id() ) {
    		foreach ( $attachment_ids as $attachment_id ) {
    			echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', wc_get_gallery_image_html( $attachment_id ), $attachment_id ); 
    		}
    	}
    	?><a class="button add_to_cart_button " href="<?php the_permalink(); ?>">Voir le descriptif complet</a><?php
    }
    	add_action ('yith_wcqv_product_summary', 'yith_gallery', 20);

    Et dans les CSS additionnelles, il faudra ajouter le code ci-dessous.

    #yith-quick-view-content   .entry-summary .woocommerce-product-gallery__image img {width:100px;
    padding:5px;
    }
    #yith-quick-view-content   .entry-summary .woocommerce-product-gallery__image {display:inline-grid;
    }

    Mettez déjà ça en place pour que ce soit visible. Ensuite on verra comment on peut modifier l’aspect.

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

    Bonjour,

    J’ai mis en place les lignes de code (voir pj), tout fonctionne bien. Par contre pour les images, est-il possible d’ajouter une fonction qui permet que l’image affiché change en mettant le pointeur dessus ? sans cliquer ? ou bien alors que lorsque l’on clik dessus qu’on puisse les faires changer ? ou un bouton pour fermer l’image ? (car la il faut impérativement faire ”retour” pour quitter l’image)

    Merci 😉

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

    Bonjour,

    Par contre pour les images, est-il possible d’ajouter une fonction qui permet que l’image affiché change en mettant le pointeur dessus ? sans cliquer ?

    Je ne peux malheureusement rien proposer de vraiment convaincant. Il n’est pas possible d’empêcher seulement le click (le survol est inactivé en même temps). Et d’autres solutions équivalentes à la flèche “retour” du navigateur ne fonctionnent pas . Vous pouvez soit en rester au retour du navigateur, soit mettre des images un  plus grandes (200 ou 300px par exemples mais non zoomables. Peut-être qu’un autre membre du forum aura une meilleure idée mais c’est tout ce que je vois quant à moi.

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