Sorting woocommerce按和每页产品排序下拉列表

Sorting woocommerce按和每页产品排序下拉列表,sorting,woocommerce,Sorting,Woocommerce,我在“functions.php”的“排序依据”和“每页产品”下拉列表中有以下代码: //更改按文本排序的步骤 添加过滤器(“woocommerce\u catalog\u orderby”、“wc\u customize\u product\u sorting”); 功能wc_自定义_产品_排序($sorting_options){ $sorting_options=数组( “菜单顺序”=>(“菜单顺序”), “受欢迎程度”=>(“ταξινόμησηανπιποΔημοφιλή”,“wooc

我在“functions.php”的“排序依据”和“每页产品”下拉列表中有以下代码:

//更改按文本排序的步骤
添加过滤器(“woocommerce\u catalog\u orderby”、“wc\u customize\u product\u sorting”);
功能wc_自定义_产品_排序($sorting_options){
$sorting_options=数组(
“菜单顺序”=>(“菜单顺序”),
“受欢迎程度”=>(“ταξινόμησηανπιποΔημοφιλή”,“woocommerce”),
“评级”=>“(“按平均评级排序”,“woocommerce”),
“日期”=>(“ταξινόμησηανπιπρρρ972;σφατα”,“woocommerce”),
‘价格’=>‘商业’,
“价格说明”=>(“ταξινόμησηανάτήμήφθήνοσα”,“woocommerce”),
);
返回$U选项;
}
//添加每页产品选择下拉列表以存档-在shop productloop上方
添加操作('woocommerce'u before\u shop\u loop','pro\u selectbox',25);
函数pro_selectbox(){
$per_page=过滤器输入(输入获取'perpage',过滤器消毒\u编号\u INT);
回声';
回声';
$orderby_options=数组(
'9' => '8',
'12' => '16',
'24' => '24',
“300”=>“全部”
);
foreach($orderby_选项为$value=>$label){
回显“$label”;
}
回声';
回声';
}
添加操作('pre_get_posts'、'pro_pre_get_products_query');
函数pro_pre_get_products_query($query){
$per_page=过滤器输入(输入获取'perpage',过滤器消毒\u编号\u INT);
如果($query->is_main_query()&&!is_admin()&&is_post_type_归档('product')){
$query->set('posts\u per\u page',$per\u page);
}
}
但我的问题是,“每页产品数”下拉列表位于“排序方式”下拉列表的下方。我想把它放在旁边。下面的示例图像。

您可能应该在为每页结果添加的
div
上更改内联样式

function pro_selectbox() {
    $per_page = filter_input( INPUT_GET, 'perpage', FILTER_SANITIZE_NUMBER_INT );
    echo '<div class="woocommerce-perpage">';
    echo '<select onchange="if (this.value) window.location.href=this.value">';
    $orderby_options = array(
        '9' => '8',
        '12' => '16',
        '24' => '24',
        '300' => 'All'
    );
    foreach ( $orderby_options as $value => $label ) {
        echo "<option " . selected( $per_page, $value ) . " value='?perpage=$value'>$label</option>";
    }
    echo '</select>';
    echo '</div>';
}
这将把每页放在“订购”表单(下拉列表)之后。您可以根据需要调整页边距以对齐

我的结果如下所示:


您可能应该在为每页结果添加的
div
上更改内联样式

function pro_selectbox() {
    $per_page = filter_input( INPUT_GET, 'perpage', FILTER_SANITIZE_NUMBER_INT );
    echo '<div class="woocommerce-perpage">';
    echo '<select onchange="if (this.value) window.location.href=this.value">';
    $orderby_options = array(
        '9' => '8',
        '12' => '16',
        '24' => '24',
        '300' => 'All'
    );
    foreach ( $orderby_options as $value => $label ) {
        echo "<option " . selected( $per_page, $value ) . " value='?perpage=$value'>$label</option>";
    }
    echo '</select>';
    echo '</div>';
}
这将把每页放在“订购”表单(下拉列表)之后。您可以根据需要调整页边距以对齐

我的结果如下所示:


灰色区域是“woocommerce perpage”分区的一个单独分区。因此,perpage分区将位于灰色分区的下方。灰色区域是“woocommerce perpage”分区的一个单独分区。因此,perpage分区将位于灰色分区的下方。屏幕截图没有提供足够的信息来帮助您。屏幕截图没有提供足够的信息来帮助您。