Around line 44 you'll see <div class="row">

You'll need to add this on the line beneath it:
<?php woocommerce_content(); ?>

So now they look something like so.

<div class="container">
    <div class="row">
<?php woocommerce_content(); ?>
        <?php
            foreach(explode(",", $page_section_order) as $key) {
                $fn = 'synapse_' . $key;
                if(function_exists($fn)) {
                    call_user_func_array($fn, array());
                }
            }
        ?>
    </div><!--end row-->
</div><!--end container-->

<?php get_footer(); ?>


If you don't like the way every is pushed beneath the WooCommerce stuff, you can remove that section, so now it looks like:

<div class="container">
    <div class="row">
<?php woocommerce_content(); ?>
    </div><!--end row-->
</div><!--end container-->

<?php get_footer(); ?>