Info plugins survole (Créer un compte)

  • WordPress :6.4
  • Statut : hors support
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2467417
    sc62
    Participant
    Initié WordPress
    5 contributions

    Bonjour ,

    Je voudrais faire comme sur ce site : https://atelier-armelle.com/livraison-bouquet-fleurs-le-mans

    Plus précisément je voudrais que ça « floute » l’articles survolé avec le choix des options et le prix

    Avec quel plugin faire ça ? ou même sans plugins d’ailleurs

    Merci d’avance

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2467591
    sc62
    Participant
    Initié WordPress
    5 contributions

    Personne ?

    #2467606
    ferman
    Participant
    Maître WordPress
    7084 contributions

    Bonjour,

    La méthode utilisée dans votre exemple est particulière à ce site et ne s’applique certainement pas au vôtre. De toute façon, sans voir votre site on ne peut vous donner qu’un principe de base:

    1. Pour les produits, en CSS, positionner l’image de façon à ce qu’elle se superpose aux autres éléments (titre, prix, etc.) et lui donner un z-index supérieur à celui des autres éléments.
    2. Au survol réduire l’opacité de l’image qui laissera alors apparaître les textes.

    Dans le cas  d’une page d’archives purement woocommerce  (non modifiée par le thème) cela pourrait donner:

    .product .imgwrap{
    position:relative;
    top:100px;
    z-index:2;
    }
    .product .imgwrap:hover{opacity:0.3;
    }

    Cela sera  différent si le thème ou un constructeur de page modifie le design de cette page archive (comme c’est le cas dans votre exemple).

     

    #2467626
    sc62
    Participant
    Initié WordPress
    5 contributions

    Merci pour la réponse, je voulais principalement savoir si un plugin permettais se genre de chose

    Donc ça serais plutôt un thème du coup si je comprend bien ?

    Je voudrais l’appliqué sur cette page : https://melangefleurie.fr/index.php/elementor-463/

    Car pour l’instant les photos son statique, se n’est pas terrible !

    #2467635
    Joss47
    Modérateur
    Maître WordPress
    5265 contributions

    SAlut

    Si ton thème de base ne le fait pas peux tu peux utiliser un plugin oui, ou coder.

    Sinon une petite recherche google rapide et je trouve ça : https://www.businessbloomer.com/woocommerce-flip-product-images/

     

    #2467672
    ferman
    Participant
    Maître WordPress
    7084 contributions

    Finalement  vous avez abandonné l’idée d’avoir du texte derrière l’image?

    #2468628
    sc62
    Participant
    Initié WordPress
    5 contributions

    Oui je crois qu’il aurait fallu que je m’y prenne a la création du site

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