Question

我的侧边栏没有出现在商店页面的右侧，我遇到了问题。我试过编辑文件＆＃34; archive-product.php＆＃34;但仍然无法解决这个问题。网站链接为http://www.graceplenty.com/。我文件中的代码如下：

<?php
/**
 * The Template for displaying product archives, including the main shop page which is a post      type archive.
 *
 * Override this template by copying it to yourtheme/woocommerce/archive-product.php
 *
 * @author      WooThemes
 * @package     WooCommerce/Templates
 * @version     2.0.0
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

get_header( 'shop' ); ?>

<?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
    /**
     * woocommerce_after_main_content hook
     *
     * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
     */

    do_action( 'woocommerce_after_main_content' );

?>


    <?php
    /**
     * woocommerce_sidebar hook
     *
     * @hooked woocommerce_get_sidebar - 10
     */
    do_action( 'woocommerce_sidebar' );
?>



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

Answer 1

将以下样式添加到css应该将侧边栏移动到屏幕的右侧：

div#container 
{
    width: 67%;
    float: left;
}

Answer 2

将此添加到您的functions.php：

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );
add_action( 'woocommerce_before_main_content', '_woocommerce_output_content_wrapper', 10 ); 
add_filter( 'woocommerce_show_page_title', 'no_title' );
function no_title(){
    return false;
}
function _woocommerce_output_content_wrapper(){
    echo '<div class="content"><div class="entry-content">';
    genesis_do_breadcrumbs();
    echo '<h1 class="entry-title" itemprop="headline">';
    woocommerce_page_title();
    echo '</h1>';
}

补充工具栏没有出现在Woocommerce的右侧

2 个答案: