open the wordpress custom post type permalink in modal window

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(); ?> 
</div> 

I am using WordPress 5.9.3 version.

• This topic was modified 4 years, 1 month ago by Xen.