Woo commerce商店首页-移动滑块- Woo Commerce和Woo Sliders

Question

我正在为一个客户的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; ?>

Answer 1

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

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

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

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