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文件夹中有一个名为＆＃34; archive-product.php＆＃34;的文件，移动＆＃34; woocommerce_sidebar＆＃34;行动到＆＃34; woocommerce_before_main_content＆＃34;行动。

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

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

请将woocommerce/archive-product.php复制到yourtheme/woocommerce/archive-product.php

Woo商店网页 - 滑块首先在手机上 - Woo Commerce和Woo Sliders

1 个答案: