Collider on "woocommerce plugin integration theme"

I'm using this theme:

http://themeforest.net/item/scrn-responsive-single-page-portfolio/2964855

And this is the code form page.php

<?php
get_header();
the_post();
?>
 <div class="bg" style="text-align: left">
    <div class="container">
        <div class="sixteen columns">
            <div class="headline">
                    <h2>
                        <span class="lines">
                            <?php $top_title = get_post_meta($post->ID, 'top_title', true);
                            if($top_title != '')
                                echo $top_title;
                            else the_title();?>
                        </span>
                    </h2>
                     <p class="singlemeta">
                        <?php _e('Posted on', 'SCRN');?>
                        <?php the_time("d M Y");?>
                        <?php comments_popup_link(esc_html__('0 comments','Tharsis'), esc_html__('1 comment','Tharsis'), '% '.esc_html__('comments','Tharsis')); ?>
                    </p>
            </div>
        </div>
        <!-- start sixteen columns -->
        <div class="eleven columns">
            <div class="single">
                  <?php the_content();?>
                  <?php
                  edit_post_link();
                  comments_template('', true);?>
             </div>
        </div>

        <!-- start sidebar -->
        <div class="five columns sidebar">
            <?php dynamic_sidebar("Right sidebar");?>
        </div>
        <!-- end sidebar -->
    </div>
    <div class="sixteen columns">
        <div class="copyright">
            <p>&copy; <?php the_time("Y");?> <?php _e('All Rights Reserved', 'SCRN');?>, <?php _e('designed by ', 'SCRN');?> <a href="http://teothemes.com">TeoThemes</a></p>
        </div>
    </div>
</div>
<?php get_footer();?>

I don´t know what is the loop to replace.

Help me please, sorry for bad english i´m latin

http://wordpress.org/extend/plugins/woocommerce/