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

Posted

技术标签:

【中文标题】Woocommerce,基于短代码的产品列表的排序下拉列表【英文标题】:Woocommerce, sort dropdown on shortcode based product lists 【发布时间】:2013-08-07 01:18:45 【问题描述】:

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

例如:

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

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

    产品列表上方没有排序下拉菜单,因此我们的访问者无法对产品进行排序。 我们看不到任何分页按钮,因此不可能在每个页面上看到超过前 20 个产品。

有什么想法可以解决这两个问题吗?

【问题讨论】:

【参考方案1】:

关于您的第一个问题,除了在 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 商店页面上显示的下拉列表相同的工作排序。

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

【讨论】:

【参考方案2】:

您的第二个问题很好:您的简码限制为只能查看 20 种产品。将其更改为 per_page="40",您应该会看到 40 个产品,或者直接删除该行,产品数量不受限制。

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

【讨论】:

以上是关于Woocommerce,基于短代码的产品列表的排序下拉列表的主要内容,如果未能解决你的问题,请参考以下文章

php WooCommerce特色产品循环作为模板标记和短代码

Woocommerce 插件 - 子类别的嵌套产品

在 woocommerce 中获取产品图像、可用性和描述的代码

Wordpress Woocommerce 产品简码

使用简码显示为产品设置的 WooCommerce 产品标签名称

Woocommerce 按产品类别对购物车产品进行排序