0

我正在为客户开发一个 wordpress 网站，他们有一个专门的电子商务插件，称为 woocommerce。

在我正在更改的客户网站上，他们希望网站能够响应。在他们左侧的商店页面上，有一个带有用于过滤产品的 ajax 小部件的侧边栏，我似乎无法更改其位置。我不得不使用 CSS 将它移到左侧，它的原点在右侧。而右侧是产品结果。在移动设备中没有任何作用，div 覆盖链接，过滤器显示在产品结果的侧面和下方。我想要做的是首先在移动版本中显示过滤器，然后是产品结果。这可能吗？我应该改变什么？

客户网站 grittyrunner.jlbworks.com

子产品存档文件 -

<?php

remove_action( 'woocommerce_product_tabs', 'woocommerce_product_reviews_tab', 30);
remove_action( 'woocommerce_product_tab_panels', 'woocommerce_product_reviews_panel',   30);
/**
* 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; ?>
4

1 回答 1

0

在 woocommerce 文件夹中有一个名为“archive-product.php”的文件，将“woocommerce_sidebar”操作移动到“woocommerce_before_main_content”操作上方。

当屏幕尺寸较小时，侧边栏将显示在产品上方。

建议覆盖模板，而不仅仅是在插件中编辑它，因为如果插件每次更新，这些更改将会丢失。

所以复制：woocommerce/archive-product.php到yourtheme/woocommerce/archive-product.php

于 2014-08-07T15:05:12.280 回答