[Résolu] Page produit, problème de prise en main (Créer un compte)

  • WordPress :5.8
  • Statut : résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2408497
    lecarrebio
    Participant
    Initié WordPress
    28 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.4.26 (Supporte les valeurs 64 bits)
    • Thème utilisé : Blocsky version 1.8.26
    • Extensions en place : WooCommerce, Elementor, ShopEngine, WooLentor
    • Nom de l’hébergeur : Hostinger
    • Adresse du site :

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

    Bonjour,

    Je suis débutante avec WP et j’utilise la version gratuite d’Elementor.

    Je rencontre un problème sur les pages produits. J’ai crée une page produit en passant par Produit > Ajouter. Mais dès que je bascule sur Elementor, je n’ai pas la main pour supprimer les « blocs » titre, prix, ajouter au panier, description, avis … qui se mettent automatiquement et je me retrouve donc avec un mise en page qui ne me convient pas.

    Ce n’est que en dessous de cette partie figée qu’apparait le bloc « ajouter un widget », et à partir de là aucun problème j’ai la main.

    Quelqu’un à une idée ?

    Merci !

    • Ce sujet a été modifié le il y a 2 mois et 4 semaines par lecarrebio.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2408502
    mathieu42
    Participant
    Maître WordPress
    1509 contributions

    quand elementor est désactivé, vous modifiez les éléments du produit à quel endroit ?

    #2408503
    lecarrebio
    Participant
    Initié WordPress
    28 contributions

    Aucune partie description.

    Je remplie uniquement le titre, prix, catégorie et les images

    #2408777
    mathieu42
    Participant
    Maître WordPress
    1509 contributions

    je n’ai pas compris, qu’est ce que vous souhaitez obtenir comme résultat ?

    #2409721
    lecarrebio
    Participant
    Initié WordPress
    28 contributions

    J’ai réussi à avoir la main en installant le plug-in WooLentor, puis en créant un template buider c’est ok, j’ai pu placé mes blocs comme souhaités (cf doc en PJ).

    Cependant, à côté du widget « ajouter au panier », un cœur et des flèches ce sont installés là, impossible à supprimer. Quand je clique sur les flèches, ça ouvre une fenêtre Product Comparison (cf doc2 en PJ). Où puis-je avoir la main pour supprimer ces infos ?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2409814
    Flobogo
    Modérateur
    Maître WordPress
    18599 contributions

    Bonjour,

    Vous pouvez masquer le coeur et les petites flèches en CSS, avec un display: none; appliqué à la class ou à l’id de ces 2 éléments.

    Si vous ne comprenez pas de quoi je parle, il nous faudra une URL réelle pour aller vérifier le code en direct.

    #2409873
    lecarrebio
    Participant
    Initié WordPress
    28 contributions
    Cette réponse a été marquée comme privée.
    #2409912
    Flobogo
    Modérateur
    Maître WordPress
    18599 contributions

    OK. Donc, vous allez dans Apparence > Theme > Personnaliser > CSS personnalisé (ce dernier onglet « CSS personnalisé » sera peut-être à chercher un peu, ça dépend des thèmes), et vous collez les 2 lignes de code suivantes :

    .shopengine-icon-add_to_favourite_1::before {display: none;}
    
    .shopengine-icon-product_compare_1::before {display: none;}
    à placer en CSS personnalisé

    Et bien sûr, vous enregistrez.

     

    #2409992
    lecarrebio
    Participant
    Initié WordPress
    28 contributions

    Merci c’est tout bon !

    #2410070
    Flobogo
    Modérateur
    Maître WordPress
    18599 contributions

    OK, je passe donc le sujet en « résolu ».

    Et pour une prochaine fois, si besoin : pour trouver ce qu’il faut modifier, vous pouvez utiliser la fonction « inspecter l’élément » (accessible par clic droit) sur votre site –> cela permet d’afficher les règles CSS appliquées aux éléments du site pour voir ce qu’il faut modifier, on peut même tester les modif’ en direct. Voici un tuto assez simple

    Il faut également vous informer un peu sur le CSS, par exemple avec le site CSS-débutant. Vous comprendrez mieux comment ça fonctionne.

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