Mode catalogue woocommerce (Créer un compte)

  • WordPress :5.7
  • Statut : non résolu
14 sujets de 16 à 29 (sur un total de 29)
  • Auteur
    Messages
  • #2381515
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Bonjour,

    Je pense avoir trouvé une solution satisfaisante au problème. Cela fonctionne bien chez moi mais j’aurais besoin de voir ce qu’il en est sur votre site. Donc, si vous êtes toujours intéressé, activez la galerie woocommerce sur un ou plusieurs de vos produits, visible dans “Quickview” pour que je fasse quelques essais.

    #2381838
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    activez la galerie woocommerce sur un ou plusieurs de vos produits, visible dans “Quickview” pour que je fasse quelques essais.

    Comment je fais pour activer ça ? En effet je suis toujours intéressé oui 🙂
    Désolé de ma réponse tardive je me suis absenté pendant quelques jours en vacances..

    Merci

    • Cette réponse a été modifiée le il y a 11 heures et 11 minutes par Pierrot.
    #2381842
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Bonjour,

    Désolé de ma réponse tardive je me suis absenté pendant quelques jours en vacances.

    Moi je pars très bientôt en vacances. On va essayer de faire vite.

    Comment je fais pour activer ça ?

    En fait, je ne suis pas tout à fait sûr de ce que vous avez. Vous disiez précédemment:

    “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)”

    Remettez-vous dans cette situation et enlevez la maintenance que je puisse voir exactement ce qu’il en est. Après je verrai si ça correspond à ce que je vois chez moi (sur mon site ).

     

    • Cette réponse a été modifiée le il y a 10 heures et 49 minutes par ferman.
    #2381844
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Salut !

    Dac, le mode maintenance est désactivé le site était en MAJ ==> http://dev2.o-bus.fr/

    Du coup sur le 1er produit ”suv5 ” il à déja 3 photos en plus (celles du logo du garage)

    #2381852
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Bon, ça se comporte à peu près (mais pas tout à fait) comme sur mon site. Voila ce que je peux proposer. Dans la vue rapide, on ôte le zoom de la galerie car il n’y a pas de bouton retour et je ne vois pas comment le remettre. On remplace par un autre zoom  jQuery. La différence est que ce zoom  s’applique à l’ensemble des images  et non plus à une seule. Vous verrez donc toutes les images grossies, disposées verticalement. Pour déclencher le zoom il faut cliquer dans le champ de la vue rapide. Pour en sortir, il faut doublecliquer dans ce champ. Cela s’applique à tous les formats: pc, tablette, mobile. Si vous acceptez que ça s’applique uniquement au PC on peut activer et désactiver le zoom simplement en survolant le champ.

    Essayez en collant cette fonction dans functions.php d’un thème enfant.

    function zoomer(){?>
    
    	<script type="text/javascript">
    		$=jQuery;
    		$('.yith-wcqv-main').click(function(){$('#yith-quick-view-modal #yith-quick-view-content .summary-content .woocommerce-product-gallery__image img').css({"width":"400px"})})
            $('.yith-wcqv-main').dblclick(function(){$('#yith-quick-view-modal #yith-quick-view-content .summary-content .woocommerce-product-gallery__image img').css({"width":"100px"})})
    	</script>
    	
    <?php ;}
    
    add_action ('yith_wcqv_product_summary', 'zoomer', 20);	

    #2381854
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    J’ai mis en place le code, mais ça me fait un truc étrange ? ça m’ouvre l’image en moyen puis ca la remet en plein écran comme avant

    #2381855
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Zut, j’ai  oublié la partie CSS à mettre dans les CSS additionnelles (sans doute la fièvre du départ). Donc voila.

    #yith-quick-view-content .summary-content .woocommerce-product-gallery__image{pointer-events:none!important;}

    J’espère que ça marchera mieux.

    #2381856
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    En effet ça fonctionne mieux 😀 Merci beaucoup ! En effet ça doit etre la motivation du départ en vacance 😀

    Par contre on peux mettre les images en dessous de l’image principale au lieu qu’elles soient à droite ?

    Et comment afficher la description de l’article ou du moins une partie ? (pas la description rapide, car ça fait doublon je trouve)

    #2381858
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Pour la position des images essayez le code ci-dessous (tj les CSS additionnelles). Il ne s’appliquera que pour le format PC. Pour les autres formats il faudrait mettre d’autres règles mais je pense que c’est inutile.

    Pour la description, il faudrait que je voie si c’est faisable mais là le temps me manque. Put être un autre membre du forum sera-t-il inspiré (et pas en vacances).

    @media only screen and (min-width:1000px){
    	.woocommerce-product-gallery__image:not(:nth-child(1)){position:relative;
    top:10em;
    left:-25em;
    	}
    }

     

    #2381860
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    Merci c’est bien mieux ^^ ! Et est-ce possible d’avoir seulement les 3 première photos dans le quickview et pas les autres ?

    #2381868
    ferman
    Participant
    Maître WordPress
    4243 contributions

    Difficilement et ça dépendra du nombre total de photos dans la galerie. Cela devient acrobatique, peu pratique et peu giable et peu fiable. Pour info je vous mets le code pour  le SUV  N° 5 mais je déconseille.

    .woocommerce-product-gallery__image:not(:nth-child(-n+6)) {
      display:none!important;
    }

    • Cette réponse a été modifiée le il y a 4 heures et 44 minutes par ferman.
    #2381871
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    D’accord, merci de l’info ! Bah du coup si ce n’est pas fiable je ne pense pas que je vais essayer. Ou alors je vais faire un essai mais bon :/ !

    On avance on avance 🙂 tu pars combien de temps en vacances ?

    #2381875
    ferman
    Participant
    Maître WordPress
    4243 contributions

    On avance on avance 🙂 tu pars combien de temps en vacances ?

    15 jours minimum. Peut-être plus suivant l’inspiration. Mais pas de problème;  il y a d’autres “aideurs ” sur le forum. Ce n’est jamais désert.

    Bah du coup si ce n’est pas fiable

    Ce n’est pas fiable parce que ça devient compliqué et qu’on peut facilement faire des erreurs mais je vous ai donné le principe. Vous pouvez voir sur SUV 5 et essayer en modifiant le code pour les autres (-n+6) à modifier en -n +? (ça dépend du nombre d’images donc c’est lourd).  A vous de voir.

    • Cette réponse a été modifiée le il y a 4 heures et 5 minutes par ferman.
    #2381877
    Pierrot
    Participant
    Initié WordPress
    45 contributions

    15 jours minimum. Peut-être plus suivant l’inspiration. Mais pas de problème;  il y a d’autres “aideurs ” sur le forum. Ce n’est jamais désert.

    Il faut bien ça :),

    on verra bien si quelqu’un  d’autre pourra m’aider sinon cela attendra ton retour 😀

    – Dans le quickview il ne reste plus qu’a affiché une partie de descriptif
    – Puis dans les produits pouvoir retirer le “ajouter a votre liste d’envies” avec le symbole du coeur à enlever 🙂

    Et je pense que l’on sera au poil !

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