分类
跨境电商

WooCommerce修改Related Products文字

默认情况下，WooCommerce产品详情页底部的Related Products这个标题名称没有专门的地方进行修改，那么我就需要用到老方法，在当前主题下的functions.php文件末尾，直接添加如下代码进行定义：

1
2
3
4
5
6
7
8
9
10
11
// Change Related products text strings
function custom_related_products_text( $translated_text, $text, $domain ) {
  switch ( $translated_text ) {
    case 'Related products' :
      $translated_text = __( 'Other Items You Might Like', 'woocommerce' );
      break;
  }
  return $translated_text;
}
add_filter( 'gettext', 'custom_related_products_text', 20, 3 );

调整完之后的Related Products的显示效果如下

修改Related Products文字

分类
跨境电商

更改WooCommerce Related Products显示产品数

有的时候，我们使用了WooCommerce主题，详情页中默认的Related Products显示数量并不符合我们的预期，如每行只显示3个产品，如果我们需要将其调整为每行显示4个产品，需要怎么做呢。

最简单的方法：我们可以在当前主题下的functions.php文件末尾，直接添加如下代码进行定义：

1
2
3
4
5
6
7
8
9
//Change Columns of WooCommerce Related Products
 
add_filter( 'woocommerce_output_related_products_args', 'bbloomer_change_number_related_products', 9999 );
function bbloomer_change_number_related_products( $args ) {
$args['posts_per_page'] = 4; // # of related products
$args['columns'] = 4; // # of columns per row
return $args;
}

这样我们就可以将WooCommerce详情页的Related Products调整为：每行显示4个产品，一共显示4个产品。

调整后，Related Products的显示效果如下：