[Résolu] comment appliquer un effet pop up sur les images dans mes articles (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2436026
    flexi2202
    Participant
    Chevalier WordPress
    191 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8
    • Thème utilisé : colormag
    • Extensions en place : WPForms Lite ///WP-PageNavi ////WP-Optimize – Nettoyer, compresser, mettre en cache.////WP-Members///wp tarteaucitron.js self Hosted////WP BackItUp Édition Communautaire////Post Type Switcher///MonsterInsights – Google Analytics pour WordPress///LiteSpeed Cache////Insert PHP Code Snippet///Embed PDF Viewer////Custom Post Type UI////Calculated fields for ACF////Blocks CSS: CSS Editor for Gutenberg Blocks////All in One SEO Pack///AJAX Login and Registration modal popup DEV + inline form////Advanced Custom Fields////ACF Photo Gallery Field
    • Nom de l’hébergeur : hostinger
    • Adresse du site : pecheperle.be

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

    bonjour
    j’utilise le theme colormag qui possede un code pour afficher un pop up lorsque on clique sur une image en vedette dans les articles cela fonctionne super bien
    Mais j’aurais souhaiter que cet effet de pop up puisse se realiser sur les images que je mets dans mon article

    je vous presente le code pour afficher un pop up sur les images en vedettes

    	<?php
    if ( ! has_post_format( array( 'gallery' ) ) ) :
    if ( 0 == get_theme_mod( 'colormag_featured_image_show', 0 ) && has_post_thumbnail() ) :
    ?>


    <?php //morceau retirer qui affiche l image en vedette en haut des articles ?>
    <?php if ('perle' == get_post_type() ) : ?>

    <?php
    if ( ! has_post_format( array( 'gallery' ) ) ) :
    if ( ! get_theme_mod( 'colormag_featured_image_show', 0 ) && has_post_thumbnail() ) :
    ?>
    <div class="featured-image">
    <?php if ( 1 == get_theme_mod( 'colormag_featured_image_popup', 0 ) ) : ?>
    <a href="<?php echo esc_url( $image_popup_url ); ?>" class="image-popup"><?php the_post_thumbnail( 'colormag-featured-image' ); ?></a>
    <?php
    else :
    the_post_thumbnail( 'colormag-featured-image' );
    endif;
    ?>
    </div>
    <?php
    endif;
    endif;
    endif;
    //morceau retirer qui affiche l image en vedette en haut des articles
    ?>

    #2436027
    flexi2202
    Participant
    Chevalier WordPress
    191 contributions

    lorsque j’insere ce code dans la redaction de mon article cela fonctionne

    mais je dois le realiser pour chaque image

    Mais j’aurais souhaiter que cela se fasse dans le fichier single.php directement en boucle pour toute les images

    Merci de l’aide

     

    <div class="featured-image">
    <a href="https://themegrilldemos.com/colormag/wp-content/uploads/sites/60/2015/03/Coffee.jpg" class="image-popup"><img width="800" height="445" src="https://themegrilldemos.com/colormag/wp-content/uploads/sites/60/2015/03/Coffee-800x445.jpg" class="attachment-colormag-featured-image size-colormag-featured-image wp-post-image" alt="" decoding="async"></a>
    </div>

    #2436048
    Li-An
    Participant
    Maître WordPress
    28871 contributions

    Bonjour, il faudrait nous donner un lien vers une page avec l’effet. Sinon, on appelle ça un effet Lightbox et il y a des tas d’extensions qui permettent de le faire.

    #2436049
    flexi2202
    Participant
    Chevalier WordPress
    191 contributions

    bonjour

    Merci pour la reponse

    Oui je sais qu’il existe une multitude d’extension

    Mais je ne vais aps ajouter une extension alors que le theme sait le faire

    voici le lien de la demo de colormag

    on voit que lorsque on clic sur la tasse de cafe qui est l’image mise en avant il y a une light box

    Le seu soucis c’st que cet effet ne se realise que sur l’image mise a avant

    si j’ajoute des images dans l’article l’effet ne se realise pas

     

    https://themegrilldemos.com/colormag-demos/#//preview/colormag-free

     

    #2436054
    Li-An
    Participant
    Maître WordPress
    28871 contributions

    C’est une option de la version pro du thème. Autant dire qu’il faut la programmer complètement. On ne va pas faire du développement pour une option payante, ce n’est pas le but du forum.

    #2436055
    flexi2202
    Participant
    Chevalier WordPress
    191 contributions

    ah ok je savais pas

    j’abandonne l’idee alors

    Merci pour l’aide

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