WooCommerce Shop Page Help

Question

Hi!

I'm relatively new to wordpress development but get by OK, and brand new to woocommerce development so please give me as much lamen help as you can ;)

At the moment I have moved the archive-directory.php file into my theme folder and that's what I'm trying to edit. You should be able to see my code below and how it fits into the file. Essentially what I am trying to do is create a few CTAs (calls to action) on the main shop page for sales advertisements.

As I said what I want to do is have this code display on the main shop page, however, I do not want it to appear on any variant of the main shop page, such as category pages (which is it currently doing. From what I think I know I will I have to 'hook into' my files somewhere to do is? How would I do that? Am I wrong? If so please advise.

'''

get_header( 'shop' ); ?>

<div class="container" id="shop-container">
    <div class="row">       
        <div class="col-md-9 col-md-push-3">        
            <?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 page-header" id="shop-pagetitle"><?php woocommerce_page_title(); ?></h1>
                    <!-- <h2 class="page-title page-header">All Products</h2> -->

                <?php endif; ?>

                <div class="row shop-row">                  
                    <div class="jumbotron shop">
                        <div class="container text-center">
                            <h1>Offers</h1>
                        </div>
                    </div>
                </div>
                <div class="row shop-row margin-bottom-cta">
                    <div class="col-xs-6 col-sm-4 col-md-4 no-padding-shop">
                        <img src="http://localhost/zbillingtons-wp/wp-content/uploads/2016/02/coffee-latte.jpeg">
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4 no-padding-shop">
                        <img src="http://localhost/zbillingtons-wp/wp-content/uploads/2016/02/ice-cream-cone.jpeg">
                    </div>
                    <div class="hidden-xs col-sm-4 col-md-4 no-padding-shop">
                        <img src="http://localhost/zbillingtons-wp/wp-content/uploads/2016/02/dessert-rockyroad.jpeg">
                    </div>
                </div>
                <hr>

                <?php
                    /**
                     * woocommerce_archive_description hook.
                     *
                     * @hooked woocommerce_taxonomy_archive_description - 10
                     * @hooked woocommerce_product_archive_description - 10
                     */
                    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
                /**
                 * 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>
        <div class="col-md-3 col-md-pull-9">
<!--            <?php
                /**
                 * woocommerce_sidebar hook.
                 *
                 * @hooked woocommerce_get_sidebar - 10
                 */
                do_action( 'custom' );
            ?> -->
            <?php 
                get_sidebar ('custom');
            ?>
        </div>
    </div>
</div>

<?php get_footer( 'shop' ); ?>

'''

Welcome to the Treehouse Community

Looking to learn something new?

Darren Healy

Darren Healy

WooCommerce Shop Page Help