Declare WooC support, shop template changed

WooCommerce Support declared. Shop template changed to accommodate
title section/image and row width, and the orange page-wide border.

diff --git a/css/app.css b/css/app.css
index 112916b..d122b91 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6975,7 +6975,7 @@ body #slideshow .slideshow_description_box {
 /* WooCommerce */
 #woo-quick-display {
   background-color: white;
-  border-radius: 3px;
+  border-radius: 5px;
   border: 1px solid lightgrey;
   padding: 5px;
   font-size: 16px;

diff --git a/functions.php b/functions.php
index 04a3456..8ee2c65 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -152,4 +152,9 @@ function is_post_type($type){
 
 add_action('thematic_searchloop', 'mytheme_search_loop');
 // End of the Contextual/Highlight Search functions
+
+add_action( 'after_setup_theme', 'woocommerce_support' );
+function woocommerce_support() {
+    add_theme_support( 'woocommerce' );
+}
 ?>

diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index c86c13b..5633ebb 100644 (file)
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -2,7 +2,7 @@
 /* WooCommerce */
 #woo-quick-display {
     background-color: white;
-    border-radius: 3px;
+    border-radius: 5px;
     border: 1px solid lightgrey;
     padding: 5px;
     font-size: 16px;

diff --git a/woocommerce.php b/woocommerce.php
index 21a01b6..4305413 100644 (file)
--- a/woocommerce.php
+++ b/woocommerce.php
@@ -20,106 +20,59 @@
                     include "sections/header.php";
                     include "sections/off-canvas.php";
                     ?>
-                    <main class="page-inside">
-                        <div id="content-wrapper" class="row woocommerce-wrapper">
-                            <div class="medium-3 columns show-for-medium-up shop-sidebar-wrapper">
-                                <?php include "parts/shop-sidebar.php";?>
-                            </div>
-                            <div id="woo-quick-display" class="small-12 medium-9 columns">
-                                <div id="woo-quick-cart-icon" class="small-3 columns left">
-                                    <div class="woo-quick-cart-image">
-                                        <a href="<?php echo $woocommerce->cart->get_cart_url();?>">
-                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/shopping-cart.png">
-                                        </a>
-                                        <a href="<?php echo $woocommerce->cart->get_cart_url();?>"><h3>view cart</h3></a>
-                                    </div>
-
+                    <main class="page-inside">                  
+                        <div id="page-title" class="text-center">
+                            <h1>Shop</h1>
+                        </div>
+                        <div id="content-wrapper" class="woocommerce-wrapper">
+                            <div class="row">
+                                <div class="medium-3 columns show-for-medium-up shop-sidebar-wrapper">
+                                    <?php include "parts/shop-sidebar.php";?>
                                 </div>
-                                <div id="woo-quick-cart-totals" class="small-5 columns">
-                                    <p><?php echo $woocommerce->cart->get_cart_total(); ?>
-                                        for
-                                        <?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count,
-                                                'woothemes'), $woocommerce->cart->cart_contents_count);?>
-                                    </p>
-                                </div>
-                                <div id="woo-quick-checkout" class="small-4 columns right">
-                                    <?php
-                                        $myaccount_page_id = get_option( 'woocommerce_myaccount_page_id' );
-                                        if (is_user_logged_in()) { 
-                                            echo '<a href="'. get_permalink( $myaccount_page_id ) . '?customer-logout=true" class="button login_toggle">log out</a>';
-                                        }
-                                        elseif (!is_user_logged_in()) {
-                                            echo '<a href="'. get_permalink( $myaccount_page_id ) . '" class="button login_toggle">log in</a>';
-                                        }
-                                    ?>
-                                    <a href="<?php echo $woocommerce->cart->get_checkout_url(); ?>" class="button">checkout</a>
+                                <div id="woo-quick-display" class="small-12 medium-9 columns">
+                                    <div id="woo-quick-cart-icon" class="small-3 columns left">
+                                        <div class="woo-quick-cart-image">
+                                            <a href="<?php echo $woocommerce->cart->get_cart_url();?>">
+                                                <img src="<?php echo get_template_directory_uri(); ?>/assets/shopping-cart.png">
+                                            </a>
+                                            <a href="<?php echo $woocommerce->cart->get_cart_url();?>"><h3>view cart</h3></a>
+                                        </div>
+
+                                    </div>
+                                    <div id="woo-quick-cart-totals" class="small-5 columns">
+                                        <p><?php echo $woocommerce->cart->get_cart_total(); ?>
+                                            for
+                                            <?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count,
+                                                    'woothemes'), $woocommerce->cart->cart_contents_count);?>
+                                        </p>
+                                    </div>
+                                    <div id="woo-quick-checkout" class="small-4 columns right">
+                                        <?php
+                                            $myaccount_page_id = get_option( 'woocommerce_myaccount_page_id' );
+                                            if (is_user_logged_in()) { 
+                                                echo '<a href="'. get_permalink( $myaccount_page_id ) . '?customer-logout=true" class="button login_toggle">log out</a>';
+                                            }
+                                            elseif (!is_user_logged_in()) {
+                                                echo '<a href="'. get_permalink( $myaccount_page_id ) . '" class="button login_toggle">log in</a>';
+                                            }
+                                        ?>
+                                        <a href="<?php echo $woocommerce->cart->get_checkout_url(); ?>" class="button">checkout</a>
+                                    </div>
                                 </div>
-                            </div>
-                        <?php if (is_shop()) { ?>
-                            <div class="small-12 medium-9 columns main woo-tags">
-                            <?php
-                                    /**
-                                     * woocommerce_before_main_content hook
-                                     *
-                                     * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
-                                     * @hooked woocommerce_breadcrumb - 20
-                                     */
-                                    do_action( 'woocommerce_before_main_content' );
-                            ?>
-                        <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
-                        <?php endif; ?>
-                        <?php woocommerce_content();?>
-                            <?php
-                                    /**
-                                     * woocommerce_after_main_content hook
-                                     *
-                                     * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
-                                     */
-                                    do_action( 'woocommerce_after_main_content' );
-                            ?>
-                            </div><!-- .main .woo-tags -->
-                        <?php } else if (is_product_tag() || is_product_category()) { ?>
-                            <div class="small-12 medium-9 columns main woo-tags">
-                            <?php
-                                    /**
-                                     * woocommerce_before_main_content hook
-                                     *
-                                     * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
-                                     * @hooked woocommerce_breadcrumb - 20
-                                     */
-                                    do_action( 'woocommerce_before_main_content' );
-                            ?>
-                        <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
-                            <h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
-                        <?php endif; ?>
-                        <?php do_action( 'woocommerce_archive_description' ); ?>
-                        <?php if ( have_posts() ) : ?>
-                            <?php
-                                /**
-                                 * woocommerce_before_shop_loop hook
-                                 *
-                                 * @hooked woocommerce_result_count - 20
-                                 * @hooked woocommerce_catalog_ordering - 30
-                                 */
-                                do_action( 'woocommerce_before_shop_loop' );
-                            ?>
-                            <?php woocommerce_product_loop_start(); ?>
-                                <?php woocommerce_product_subcategories(); ?>
-                                <?php while ( have_posts() ) : the_post(); ?>
-                                    <?php wc_get_template_part( 'content', 'product' ); ?>
-                                <?php endwhile; // end of the loop. ?>
-                            <?php woocommerce_product_loop_end(); ?>
-                            <?php
-                                /**
-                                 * woocommerce_after_shop_loop hook
-                                 *
-                                 * @hooked woocommerce_pagination - 10
-                                 */
-                                do_action( 'woocommerce_after_shop_loop' );
-                            ?>
-                        <?php elseif ( ! woocommerce_product_subcategories( array( 'before' => woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?>
-                            <?php wc_get_template( 'loop/no-products-found.php' ); ?>
-                        <?php endif; ?>
+                            <?php if (is_shop()) { ?>
+                                <div class="small-12 medium-9 columns main woo-tags">
+                                <?php
+                                        /**
+                                         * woocommerce_before_main_content hook
+                                         *
+                                         * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
+                                         * @hooked woocommerce_breadcrumb - 20
+                                         */
+                                        do_action( 'woocommerce_before_main_content' );
+                                ?>
+                            <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
+                            <?php endif; ?>
+                            <?php woocommerce_content();?>
                                 <?php
                                         /**
                                          * woocommerce_after_main_content hook
@@ -129,9 +82,9 @@
                                         do_action( 'woocommerce_after_main_content' );
                                 ?>
                                 </div><!-- .main .woo-tags -->
-                            <?php } else if (is_product()) { ?>
-                                <div class="small-12 medium-9 columns main woo-single-product">
-                                    <?php
+                            <?php } else if (is_product_tag() || is_product_category()) { ?>
+                                <div class="small-12 medium-9 columns main woo-tags">
+                                <?php
                                         /**
                                          * woocommerce_before_main_content hook
                                          *
@@ -139,32 +92,84 @@
                                          * @hooked woocommerce_breadcrumb - 20
                                          */
                                         do_action( 'woocommerce_before_main_content' );
-                                    ?>
+                                ?>
+                            <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
+                                <h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
+                            <?php endif; ?>
+                            <?php do_action( 'woocommerce_archive_description' ); ?>
+                            <?php if ( have_posts() ) : ?>
+                                <?php
+                                    /**
+                                     * woocommerce_before_shop_loop hook
+                                     *
+                                     * @hooked woocommerce_result_count - 20
+                                     * @hooked woocommerce_catalog_ordering - 30
+                                     */
+                                    do_action( 'woocommerce_before_shop_loop' );
+                                ?>
+                                <?php woocommerce_product_loop_start(); ?>
+                                    <?php woocommerce_product_subcategories(); ?>
                                     <?php while ( have_posts() ) : the_post(); ?>
-                                            <?php wc_get_template_part( 'content', 'single-product' ); ?>
+                                        <?php wc_get_template_part( 'content', 'product' ); ?>
                                     <?php endwhile; // end of the loop. ?>
+                                <?php woocommerce_product_loop_end(); ?>
+                                <?php
+                                    /**
+                                     * woocommerce_after_shop_loop hook
+                                     *
+                                     * @hooked woocommerce_pagination - 10
+                                     */
+                                    do_action( 'woocommerce_after_shop_loop' );
+                                ?>
+                            <?php elseif ( ! woocommerce_product_subcategories( array( 'before' => woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?>
+                                <?php wc_get_template( 'loop/no-products-found.php' ); ?>
+                            <?php endif; ?>
                                     <?php
-                                        /**
-                                         * woocommerce_after_main_content hook
-                                         *
-                                         * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
-                                         */
-                                        do_action( 'woocommerce_after_main_content' );
+                                            /**
+                                             * woocommerce_after_main_content hook
+                                             *
+                                             * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
+                                             */
+                                            do_action( 'woocommerce_after_main_content' );
                                     ?>
-                                </div><!-- main woo-single-product -->
-                            <?php } ?>
-<!--
-                                <div id="woo-sidebar" class="small-12 medium-5 columns">
-                                    <?php //get_sidebar(); ?>
-                                </div>
--->
-                            </div><!-- .row .content -->
-                        </main>
-                        <?php
-                        include "sections/footer.php";
-                        include "sections/copyright.php";
-                        ?>
-                    <div class="js-off-canvas-exit"></div>
+                                    </div><!-- .main .woo-tags -->
+                                <?php } else if (is_product()) { ?>
+                                    <div class="small-12 medium-9 columns main woo-single-product">
+                                        <?php
+                                            /**
+                                             * woocommerce_before_main_content hook
+                                             *
+                                             * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
+                                             * @hooked woocommerce_breadcrumb - 20
+                                             */
+                                            do_action( 'woocommerce_before_main_content' );
+                                        ?>
+                                        <?php while ( have_posts() ) : the_post(); ?>
+                                                <?php wc_get_template_part( 'content', 'single-product' ); ?>
+                                        <?php endwhile; // end of the loop. ?>
+                                        <?php
+                                            /**
+                                             * woocommerce_after_main_content hook
+                                             *
+                                             * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
+                                             */
+                                            do_action( 'woocommerce_after_main_content' );
+                                        ?>
+                                    </div><!-- main woo-single-product -->
+                                <?php } ?>
+    <!--
+                                    <div id="woo-sidebar" class="small-12 medium-5 columns">
+                                        <?php //get_sidebar(); ?>
+                                    </div>
+    -->
+                                </div><!-- .row .content -->
+                            </main>
+                            <?php
+                            include "sections/footer.php";
+                            include "sections/copyright.php";
+                            ?>
+                        <div class="js-off-canvas-exit"></div>
+                    </div>
                 </div><!--/.off-canvas-content-->
             </div><!--End of inner-wrap-->
         </div><!--End of off-canvas-->