loop.php

<div class="archive-heading">
    <?php
        $react = tw_react_meta();
        if(!empty($react['title'])){
            echo '<h1 class="archive-title">';
            if(!empty($react['image'])){
                echo '<img class="react-icon" src="'.esc_url($react['image']).'" />';
            }
            echo '<span>'.esc_html($react['title']).'</span></h1>';
        }
    ?>
</div>
<div class="content-area">

    <?php if(have_posts()){ ?>

    <div class="tw-blog">
        <div class="blog-row style_1">
            <div class="blog-column">
                <div class="column-posts">
                    <?php
                    while (have_posts()) : the_post();

                        global $coolist_options, $tw_react_options;
                        ?>

                        <article id="post-<?php the_ID(); ?>" <?php post_class('grid'); ?>>
                            <?php
                            if (has_post_thumbnail()) {
                                $data = '';
                                if (coolist_metabox('parallax_post')) {
                                    wp_enqueue_script('skrollr.min');
                                    $img = coolist_image('coolist_grid_thumb2', true);
                                    $data = ' style="background-image: url(' . $img['url'] . ');"' .
                                            ' class="parallax-img"' .
                                            ' data-top-bottom="background-position: 50% 0;"' .
                                            ' data-center="background-position: 50% -100px;"' .
                                            ' data-bottom-top="background-position: 50% -200px;"' .
                                            ' data-anchor-target=".entry-media a"';
                                }
                                echo '<div class="entry-media"><a href="' . get_permalink() . '" ' . ($data) . '>';
                                echo get_the_post_thumbnail($post->ID, 'coolist_grid_thumb');
                                $react = get_post_meta($post->ID, 'react', true);
                                if(!empty($react) && !empty($tw_react_options[$react]['image'])){
                                    echo '<div class="react-overlay"><img src="'.esc_url($tw_react_options[$react]['image']).'" /></div>';
                                }
                                echo '</a></div>';
                            }

                            echo '<div class="entry-post">';

                            echo '<div class="entry-cats">' . coolist_cats() . '</div>';

                            echo '<h2 class="entry-title"><a href="' . esc_url(get_permalink()) . '">' . get_the_title() . '</a></h2>';

                            echo '<div class="entry-footer entry-meta">';
                            echo coolist_post_share();
                            echo '<span class="comment-count">' . coolist_comment_count() . '</span>';
                            echo '<span class="date"><a href="' . get_permalink() . '">' . get_the_time(get_option('date_format')) . '</a></span>';
                            echo '</div>';

                            echo '</div>';
                            ?>
                        </article><?php
                        $coolist_options['post__not_in'][] = $post->ID;

                    endwhile;
                    ?>

                </div>
            </div>
        </div>
    </div>
    <?php } else {
        echo '<div class="reaction-notfound">';
            echo esc_html__('Check out our awesome posts and Vote for your Reaction.', 'coolist');
        echo '</div>';
    } ?>
</div>