Woocommerce,基于短代码的产品列表的下拉列表

时间:2013-08-06 06:43:07

标签: wordpress sorting pagination woocommerce

在我们的商店中,我们有许多标准的WP页面。在这些页面上,我们展示了使用标准Woocommerce短代码的约40种产品。

例如:

[product_category category="boots" per_page="20" columns="4" orderby="price" order="desc"]

产品出现,但缺少两件事:

  1. 产品列表上方没有排序下拉列表,因此我们的访问者无法对产品进行排序。
  2. 我们没有看到任何分页按钮,因此每页上的前20个产品不可能超过。
  3. 我们如何解决这两件事的想法?

2 个答案:

答案 0 :(得分:2)

关于你的第一个问题,除了在WC中破解短代码之外,我还没有找到任何好的解决方案。不完全可取,因为它将覆盖每个WC的升级/补丁。如果绝对必要,您可以通过在每次升级时重写hack来维护代码。

好的,首先在woocommerce文件夹中下载 includes \ class-wc-shortcodes.php 的副本。在编辑之前备份原始文件,我通常使用-o重命名文件或将文件类型更改为.bak。

假设您想要在商店页面上使用WC附带的原始排序。

第1步 删除短代码上的orderby和order参数:

[product_category category="boots" per_page="20" columns="4"]

第2步 编辑 class-wc-shortcodes.php 上的产品类别短代码:

/**
 * List products in a category shortcode
 *
 * @access public
 * @param array $atts
 * @return string
 */
public static function product_category( $atts ) {
    global $woocommerce_loop, $wpdb;

    if ( empty( $atts ) ) return '';

    extract( shortcode_atts( array(
        'per_page'      => '12',
        'columns'       => '4',
        'orderby'       => 'title',
        'order'         => 'asc',
        'category'      => '',
        'operator'      => 'IN' // Possible values are 'IN', 'NOT IN', 'AND'.
        ), $atts ) );

    if ( ! $category ) return '';

    // Default ordering args
    // $ordering_args = WC()->query->get_catalog_ordering_args( $orderby, $order ); // COMMENT THIS OUT
    $orderby = 'title';
    $order = 'asc';
    if ( isset( $_GET['orderby'] ) ) {
        $getorderby = $_GET['orderby'];
    }
    if ($getorderby == 'popularity') {
        $orderby = 'meta_value_num';
        $order = 'desc';
        $meta_key = 'total_sales';
    } elseif ($getorderby == 'rating') {

        $fields .= ", AVG( $wpdb->commentmeta.meta_value ) as average_rating ";

        $where .= " AND ( $wpdb->commentmeta.meta_key = 'rating' OR $wpdb->commentmeta.meta_key IS null ) ";

        $join .= "
            LEFT OUTER JOIN $wpdb->comments ON($wpdb->posts.ID = $wpdb->comments.comment_post_ID)
            LEFT JOIN $wpdb->commentmeta ON($wpdb->comments.comment_ID = $wpdb->commentmeta.comment_id)
        ";

        $orderby = "average_rating DESC, $wpdb->posts.post_date DESC";

        $groupby = "$wpdb->posts.ID";   

    } elseif ($getorderby == 'date') {
        $orderby = 'date';
        $order = 'desc';
    } elseif ($getorderby == 'price') {
        $orderby = 'meta_value_num';
        $order = 'asc';
        $meta_key = '_price';
    } elseif ($getorderby == 'price-desc') {
        $orderby = 'meta_value_num';
        $order = 'desc';
        $meta_key = '_price';
    }
    $args = array(
        'post_type'             => 'product',
        'post_status'           => 'publish',
        'ignore_sticky_posts'   => 1,
        'orderby'               => $orderby, // $ordering_args['orderby'],
        'order'                 => $order, // $ordering_args['order'],
        'meta_key'              => $meta_key,
        'fields'                => $fields,
        'where'                 => $where,
        'join'                  => $join,
        'groupby'               => $groupby,
        'posts_per_page'        => $per_page,
        'meta_query'            => array(
            array(
                'key'           => '_visibility',
                'value'         => array('catalog', 'visible'),
                'compare'       => 'IN'
            )
        ),
        'tax_query'             => array(
            array(
                'taxonomy'      => 'product_cat',
                'terms'         => array( esc_attr( $category ) ),
                'field'         => 'slug',
                'operator'      => $operator
            )
        )
    );

    if ( isset( $ordering_args['meta_key'] ) ) {
        $args['meta_key'] = $ordering_args['meta_key'];
    }

    ob_start();

    $products = new WP_Query( apply_filters( 'woocommerce_shortcode_products_query', $args, $atts ) );

    $woocommerce_loop['columns'] = $columns;

    if ( $products->have_posts() ) : ?>

    <div style="width:100%;">
        <div style="float:right">
            <form class="woocommerce-ordering" method="get">
                <select name="orderby" class="orderby">
                    <?php
                        $catalog_orderby = apply_filters( 'woocommerce_catalog_orderby', array(
                            'menu_order' => __( 'Default sorting', 'woocommerce' ),
                            'popularity' => __( 'Sort by popularity', 'woocommerce' ),
                            'rating'     => __( 'Sort by average rating', 'woocommerce' ),
                            'date'       => __( 'Sort by newness', 'woocommerce' ),
                            'price'      => __( 'Sort by price: low to high', 'woocommerce' ),
                            'price-desc' => __( 'Sort by price: high to low', 'woocommerce' )
                        ) );

                        if ( get_option( 'woocommerce_enable_review_rating' ) === 'no' )
                            unset( $catalog_orderby['rating'] );

                        foreach ( $catalog_orderby as $id => $name )
                            echo '<option value="' . esc_attr( $id ) . '" ' . selected( $getorderby, $id, false ) . '>' . esc_attr( $name ) . '</option>';
                    ?>
                </select>
                <?php
                    // Keep query string vars intact
                    foreach ( $_GET as $key => $val ) {
                        if ( 'orderby' === $key || 'submit' === $key )
                            continue;

                        if ( is_array( $val ) ) {
                            foreach( $val as $innerVal ) {
                                echo '<input type="hidden" name="' . esc_attr( $key ) . '[]" value="' . esc_attr( $innerVal ) . '" />';
                            }

                        } else {
                            echo '<input type="hidden" name="' . esc_attr( $key ) . '" value="' . esc_attr( $val ) . '" />';
                        }
                    }
                ?>
            </form>
        </div>
    </div>
    <div style="clear:both;"></div>

        <?php woocommerce_product_loop_start(); ?>

            <?php while ( $products->have_posts() ) : $products->the_post(); ?>

                <?php wc_get_template_part( 'content', 'product' ); ?>

            <?php endwhile; // end of the loop. ?>

        <?php woocommerce_product_loop_end(); ?>

    <?php endif;

    woocommerce_reset_loop();
    wp_reset_postdata();

    return '<div class="woocommerce columns-' . $columns . '">' . ob_get_clean() . '</div>';
}

将文件上传回包含文件夹,您就完成了!您的短代码产品页面现在具有与WC商店页面上显示的相同的工作分类。

根据自己的喜好编辑排序选项!希望它有所帮助!

答案 1 :(得分:1)

那么你的第二个问题是:你的短代码限制只能看到20个产品。将其更改为 per_page =“40”,您应该看到40个产品或只是删除该行,产品数量不受限制。

对于你的第一个问题,我没有答案。我也在为自己寻找它:)。