WooFrance Dépannage et support WordPress WooCommerce Forums How to WooCommerce Single product page > Mettre les images après la description sur mobile

  • Ce sujet contient 6 réponses, 2 participants et a été mis à jour pour la dernière fois par bayor, le il y a 6 années.
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #126700
    Guy
    Participant
    Points: 5,498 pts
    ModérateurCertifiéFreelance
    Membre 2 étoiles

    Bonjour,

    Si tu ne sais pas déplacer l’image … déplace le titre le titre 😉

    Regarde si ceci fonctionne pour toi:

    https://theme.co/apex/forum/t/move-product-title-on-single-product-page-above-images-on-mobile-only-woocommerce/24848

     

    Content(e) de mon aide ? Vous pouvez m'offrir un café ! 🙂

    Avant d'appeler à l'aide: Dépannage Woocommerce

    ====================
    depanagewp
    vpsa2
    1 user thanked author for this post.
    #126889
    bayor
    Participant
    Points: 14 pts

    Bonjour,

    Merci pour cette piste.

    J’ai essayé le code indiqué au bout de votre lien:

    jQuery( function($) { mobile = $(window).width(); if ( mobile <= 480 ){ jQuery( « .product_title.entry-title » ).insertBefore( « .woocommerce-product-gallery » ); } } );

    Mais rien ne se passe.

    Avez vous d’autres pistes à me communiquer ? j’ai beau chercher je ne trouve pas de solution..

    Merci beaucoup pour votre aide !

    ====================
    depanagewp
    vpsa2
    #126919
    Guy
    Participant
    Points: 5,498 pts
    ModérateurCertifiéFreelance
    Membre 2 étoiles

    Selon l’écran sur lequel tu testes il faut peut-être adapter la largeur de page dans le code (480)

    As-tu bien mis le code dans une partie javascript ?

    Content(e) de mon aide ? Vous pouvez m'offrir un café ! 🙂

    Avant d'appeler à l'aide: Dépannage Woocommerce

    ====================
    depanagewp
    vpsa2
    1 user thanked author for this post.
    #126927
    bayor
    Participant
    Points: 14 pts

    Bonjour,

    Merci de votre réponse.

    J’ai inséré le code dans l’espace « Custom JS – Enter your custom Javascript here » de mon thème.

    J’ai testé :

    jQuery( function($) {

    mobile = $(window).width();

    if ( mobile <= 900 ){

    jQuery( « .product_title.entry-title » ).insertBefore( « .woocommerce-product-gallery » );

    }

    } );

    rien ne se passe

    Aussi à coté de l’espace Custom JS de mon thème est noté : « (jQuery selector is « $j » because of the conflict mode) »

    J’ai donc essayé :

    jQuery( function($j) {

    mobile = $j(window).width();

    if ( mobile <= 900 ){

    jQuery( « .product_title.entry-title » ).insertBefore( « .woocommerce-product-gallery » );

    }

    } );

    mais rien ne se passe non plus ..

    Ai-je fais une erreur ?

    Merci beaucoup pour votre aide !

    ====================
    depanagewp
    vpsa2
    #126931
    Guy
    Participant
    Points: 5,498 pts
    ModérateurCertifiéFreelance
    Membre 2 étoiles

    Comme je viens de monter un site test j’ai regardé de plus près. Mais mon thème n’a pas d’espace Custom JS, alors j’ai mis le code dans le header du thème entre des balises javascript.

    Ca fonctionne parfaitement, autant avec le sélecteur $ qu’avec $j.

    C’est peut-être une solution de remplacement…

    Ou alors contacte l’éditeur du thème, il pourra certainement expliquer pourquoi ça ne marche pas.

    Content(e) de mon aide ? Vous pouvez m'offrir un café ! 🙂

    Avant d'appeler à l'aide: Dépannage Woocommerce

    ====================
    depanagewp
    vpsa2
    1 user thanked author for this post.
    #126933
    bayor
    Participant
    Points: 14 pts

    Merci beaucoup je vais essayer cela !

    Bonne soirée

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