open the wordpress custom post type permalink in modal window

Question

Normally in wordpress permalink will open to a single page. but this time the goal is to open the custom post type permalink in modal window. I have lots of custom post type, and I only like to apply the modal in the doctor custom post type . how could I achieve this? here is my code:

<div class="slider-wrapper"> 
<div class="center-doc"> 
<!--start connect to db--> 
<?php $args = array( 
    'post_type' => 'doctor', 
    'posts_per_page' => -1, 
    'orderby' => 'post_date', 
    'order' => 'DESC', 
    'post_status' => 'publish', 
    ); 
    $posts = get_posts( $args ); 
    foreach ( $posts as $post ): setup_postdata( $post ); 
?> 
<!--end connect to db--> 

<div class="slider-box"> 
    <a href="<?php the_permalink(); ?>"> <!-- PERMALINK TO OPEN MODAL-->
        <div class="feature-img"> <?php if (has_post_thumbnail()) : ?> <?php the_post_thumbnail(); ?>
            <?php else : ?> <img src="<?php echo get_template_directory_uri(); ?>/img/default-img.png" alt="<?php the_title(); ?>"> 
                <?php endif; ?><!--/pro pic--> 
            </div> 
        <h6><?php the_title(); ?></h6> 
        <div class="content"><?php the_excerpt(); ?></div> 
    </a> 
</div> 


    <!-- MODAL WINDOW TO OPEN WHEN PERMALINK CLICKED--> 
    <div id="modal" class="modal-window">
        <div>
            <a href="#" title="Close" class="modal-close"><i class="fa fa-times-circle" aria-hidden="true"></i></a>
                <div class="detail-wraper">      
                    <div class="detail-info">
                        <h3><?php the_title(); ?></h3>
                        <div class="details">
                            <?php the_content(); ?>
                        </div>
                    </div>
                </div>
        </div>
    </div>

<?php endforeach; wp_reset_postdata(); ?> 

I am using WordPress 5.9.3 version.

0
user221300 4 months 2022-04-15T03:41:07-05:00 0 Answers 0 views 0

Leave an answer

Browse
Browse