[Résolu] Image différente en page boutique et page produit d’un même produit (Créer un compte)

  • WordPress :6.4
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 54)
  • Auteur
    Messages
  • #2474896
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.2
    • Thème utilisé : Ocean Wp
    • Extensions en place :
    • Nom de l’hébergeur : o2switch
    • Adresse du site :

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

    Bonjour la Communauté,

    en vous remerciant dans un premier temps pour votre attention et en vous souhaitant un bon l’Aïd je viens vers vous pour une question particulière.

    On parle des images, en page boutique et page produit.

    L’idée : sur un même produit, d’avoir une image différente sur la vignette en page boutique.

    Imaginons un produit avec des images A, B, C et D….

    Page boutique avec image A

    Page produit avec image B, C et D

    Possible ca ?

    Remerciement

    #2474902
    ferman
    Participant
    Maître WordPress
    7063 contributions

    Bonjour,

    Le « snippet » mentionné ICI devrait pouvoir faire l’affaire. En tout cas chez moi il fonctionne et modifie bien l’image du produit sur la page boutique.

    #2475078
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Bonjour Ferman

    merci pour la réponse. Donc ok, je rentre le snippet j’imagine dans le functions.php, mais ensuite svp ?

    J’ai du mal à « traduire » le snippet.

    L’image de la page boutique par exemple, je la place où ? en image principale du produit ?

    Remerciement

     

    #2475190
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    J’ai essayé le snippet….

    Alors il affiche bien l’image désirée en page boutique via l’URL désignée, mais il affiche également l’image de la fiche produit.

    Elles sont l’une en dessous de l’autre.

    En faite, il ajoute la nouvelle image au dessus de l’image du produit

    Dur…. 🙂

     

    #2475219
    ferman
    Participant
    Maître WordPress
    7063 contributions

    Bonjour,

    C’est particulier au thème Ocean-wp qui crée ses propres images de produit (e ce serait pareil pour d’autres thèmes qui créent leur propre archive remplaçant celle de woocommerce). Dans ce cas les premières lignes du snippet ( après //remove all thumbnails…) qui s’appliquent quand l’affichage des produits est dépendant de woocommerce ne peuvent pas s’appliquer. D’où les doublons. Le plus simple est d’ajouter le code suivant dans les CSS personnalisés du thème:

    .woo-entry-image{
    display:none!important;
    }

    Il serait peut-être possible de modifier le snippet pour l’adapter à Ocean-wp mais ça demande un peu de temps et je ne serai pas disponible les prochains jours. Pour gagner du temps, vous pouvez poser la question au support Ocean-wp.

    • Cette réponse a été modifiée le il y a 3 semaines et 6 jours par ferman.
    #2475244
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Bonjour Ferman

    Merci, cela fonctionne parfaitement.

    Juste que, cela dégage l’aperçu rapide.

    Je comprends, pas de souci, tu m’as déjà grandement aidé à comprendre beaucoup de chose. Merci encore.

    Je vais voir ce qu’Ocean Wp dit

     

    #2475252
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Je pensais à quelque chose…

    Pas possible de mettre l’image voulue en page boutique en 1ère position de la page produit puis de « dire » au WP « l’image en 1ère position tu ne l’affiches pas en page produit ? »

    Il faut vraiment que je trouve une solution…

    #2475258
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Bon cela fonctionne

    Mais j’ai un problème…. Cela fonctionne sur 1 seul produit (8 au total).

    Quand je réitère le snippet, en faisant attention de bien rentrer l’ID produit et l’adresse de l’image, le site plante….

    On dirait que cela fonctionne sur 1 seul produit

    C’est mon dernier problème, et là, je ne vois pas comment faire du tout…. Help please ! 🙂

    • Cette réponse a été modifiée le il y a 3 semaines et 5 jours par Guillaume Homespot.
    #2475474
    ferman
    Participant
    Maître WordPress
    7063 contributions

    Bonjour,

    Avez-vous eu une réponse de oceanwp? Il y a peut-être une possibilité en javascript (je viens de tester) mais pour savoir si c’est applicable pour vous, il faudrait avoir accès à la page boutique de votre site.

    #2475507
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Bonjour Ferman

    Merci pour votre retour.

    0 réponse de Ocean WP.

    arfff très très difficile de laisser les accès.

    J’ai la dessus quelques soucis alors que, 0 bugs en mode débug, santé du site parfaite dans le tableau de bord, et même 0 conflits vérifiés avec une extension de détection des conflits… À n’y rien comprendre….

    Le smart slider 3 qui refuse littéralement de m’afficher du plein écran alors que celui ci apparaît dans le back office et dans l’extension (on dirait que cela serait le fatest cache qui fait des siennes)

    Le bouton paypal qui ne s’affiche pas dans la page produit mais bien dans le panier et la commande (on dirait que c’est le ShopEngine qui fait des siennes aussi car une fois la page produit personnalisée désactivée le bouton paypal apparait dans la fiche produit)

    7 produits sur 8 affichés dans le Woo Product Carroussel d’elementor kit

    Et l’éditeur de texte tinyMCE capricieux qui me fait des trucs bizarre aussi genre refus d’obéir le machin

    Ce site me rend dingue et, pas loin de passer par un freelance facturé. Le seul problème : je suis au Sénégal, et, forcément, question tarif….

     

     

    #2475530
    ferman
    Participant
    Maître WordPress
    7063 contributions

    Bonjour,

    arfff très très difficile de laisser les accès.

    D’accord mais alors il est aussi très difficile de vous aider. De toute façon vous semblez avoir une quantité de problèmes plus importants  que les images différentes dans la boutique ou la fiche produit à régler..

    Si vous voulez, vous pouvez essayer, d’abord dans la console de votre navigateur, un code jQuery qui fonctionne chez moi et je peux vous donner quelques explications. Avec un peu de chance, ça marchera du premier coup, mais sinon je n’irai pas plus loin.

    je suis au Sénégal, et, forcément, question tarif….

    Pourquoi? Tout peut se faire à distance, non? Vous donnez simplement accès à votre site au développeur. Que vous soyez en France ou au Sénégal voire aux îles Marquises ou à l’île de Pâques ne devrait pas faire de différence je pense (mais je peux me tromper).

    Dites-moi pour le code.

     

    #2475531
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    Bonjour Ferman

    merci pour votre réponse.

    J’ai contacté les services SmartSlider et Paypal qui sont en train de regarder. Eux mêmes sont surpris.

    Oui je veux bien le bout de code (ce que vous appelez la console du navigateur j’imagine que c’est bien l’inspecteur chez Chrome ?).

    Merci encore pour votre aide, et je plussoie que vous avez déjà fait beaucoup pour m’aider et que vous ne pourrez faire +. Merci encore.

    Bin, comment dire ca ? J’ai peur 🙂

    J’veux dire, laisser les accès, c’est comme laisser partir sa fille le soir du bal de promo… Soit elle est laide et elle risque rien, soit elle termine à se faire framponner à l’arrière du voiture. Tuning même si ca se trouve….

    #2475533
    ferman
    Participant
    Maître WordPress
    7063 contributions

    Bin, comment dire ca ? J’ai peur

    Quand je vous demandais l’accès à la page boutique,  ça ne voulait pas dire l’accès à l’administration du site mais simplement voir ce que tout le monde peut voir si le site est public (si c’est un site privé, c’est évidemment différent ). C’est bien ce que vous aviez compris? Et dans ce cas il n’y a pas à avoir peur ou alors vous ne dormirez plus le jour où vous publierez votre site.

    Par contre, si vous passez par un développeur, vous devez sans doute accepter qu’il accède à votre administration autrement il ne pourra pas faire grand chose. C’est une question de confiance.

    ce que vous appelez la console du navigateur j’imagine que c’est bien l’inspecteur chez Chrome ?

    Je pense que oui mais je n’utilise pas chrome. Regardez ICI pour confirmer

    Quelques explications pour le code. Vous disiez précédemment:

    Pas possible de mettre l’image voulue en page boutique en 1ère position de la page produit puis de « dire » au WP « l’image en 1ère position tu ne l’affiches pas en page produit ? »

    Le point de départ est bon et le code est basé là-dessus.

    • Dans la page produit, en inspectant ( cliquant droit) les images de la galerie, vous verrez les urls correspondantes (« src » ou « srcset »). La forme générale est:

    srcset= »http:// »nom_du_site »/wp-content/uploads/ »année/ »mois »/ »nom du produit »-1-500×500.png 500w,  « http:// »nom_du_site »/wp-content/uploads/ »année/ »mois »/ »nom du produit »-1-100×100.png…etc,

    Suivant le nombre d’images de la galerie, vous aurez un nombre correspondant de chiffres( -1-, -2-, -3- …etc). Attention, ces chiffres correspondent à l’ordre d’addition des images dans la galerie pas à l’ordre dans lequel vous les voyez sur la page produit. Vous pouvez les réarranger si vous voulez mais ce n’est pas utile.

    • Dans la page archive, regardez l’url correspond à l’image actuelle  et supposons que ce soit srcset= »http:// »nom_du_site »/wp-content/uploads/ »année/ »mois »/ »nom du produit »-2-100×100.png…etc.

    Supposons que vous vouliez à la place l’image caractérisée par -1-: Le code permettra de changer la valeur -1- en une autre valeur de votre choix (il faut naturellement qu’elle existe).

    $=jQuery;
    var a = $('.woocommerce-LoopProduct-link.no-lightbox .woo-entry-image-main');
    /*variations des url des différentes images des produits dans la galerie.
    Vérifier pour chaque produit la valeur actuelle et la valeur souhaitée (voir liste ci-dessous). Vérifier que la valeur souhaitée existe bien.
    Dans l'attribut "src" ou "srcset" du produit, choisir un mot-clé (unique ou général);

    valeurs possibles = ["-1-","-2-","-3-"...etc];*/
    var d = /[-][0-9][-]/g; /*remplace la valeur actuelle quelle qu'elle soit (de 1 à 9) */

    a.each(function () {

    for (i = 0; i <a.length; i++) {
    if ($(this).attr("srcset").indexOf("mot-clé") != -1 ) {
    $(this).attr("srcset",$(this).attr("srcset").replaceAll(d,"valeur souhaitée")); /* ne pas oublier les tirets ("-1-" et non "1")*/
    }
    /*else if ($(this).attr("srcset").indexOf("mot-clé") != -1 ) {
    $(this).attr("srcset",$(this).attr("srcset").replaceAll(d,"valeur souhaitée"));
    }*/

    else {return
    }
    }
    });

    Si ça fonctionne dans l’inspecteur chrome, on complètera pour que ce soit permanent.

    #2475534
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    http://www.notabane-parfums.com

    Merci Ferman. Sincèrement.

    Je regarde cela et vous reviens

    J’savais que je n’aurai pas du arrêter l’école…. juste que, sur le moment, ca me paraissait une bonne idée….

    • Cette réponse a été modifiée le il y a 2 semaines et 6 jours par Guillaume Homespot.
    #2475536
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    PI

    2 des 4 soucis ci dessus résolus… j’avais rentré un code moisi dans le CSS personnalisé. Un « justify-content:center » au mauvais endroit qui centrait tout le contenu de la page….

    il me reste cette histoire de Paypal, de TinyMCE qui fait des siennes, et, je l’espère, grâce à vous,  cette histoire de tof en page boutique.

    Grand merci

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