- WooCommerce Cookbook
- Patrick Rauland
- 280字
- 2021-07-23 19:35:09
Reordering product tabs
You may not want to remove product tabs entirely. You may only want to rearrange them. That can also be done with a bit of code.
Getting ready
You should know how to find the product tab ID. This is discussed in the first part of the preceding recipe, Removing product tabs.
How to do it…
To reorder product tabs, take a look at the following steps:
- Open up your theme's
functions.php
file, or a custom WooCommerce plugin that you have created, and paste in the following:add_filter( 'woocommerce_product_tabs', 'woocommerce_cookbook_reorder_tabs', 98 ); function woocommerce_cookbook_reorder_tabs( $tabs ) { return $tabs; }
- In the
woocommerce_cookbook_reorder_tabs
function, you'll want to paste in the new order. Add the following code before thereturn $tabs;
statement:if( isset( $tabs['reviews']['priority'] ) ){ $tabs['reviews']['priority'] = 10; } if( isset( $tabs['description']['priority'] ) ){ $tabs['description']['priority'] = 20; } if( isset( $tabs['additional_information']['priority'] ) ){ $tabs['additional_information']['priority'] = 30; }
Tip
Downloading the example code
You can download the example code files for all Packt books you have purchased from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.
- To make one tab appear before another, make sure it has a lower priority. In this case, we're making the reviews tab show up first, then the description, and finally the additional information tab.
- Save your file(s) and upload them. The product tabs should be rearranged.
How it works...
Just as in the preceding recipe, the woocommerce_product_tabs
filter allows us to remove or alter the product tabs. In this case, we're only setting the priority of each tab. We aren't altering any other data.
- 一步一步學Spring Boot 2:微服務項目實戰
- Reporting with Visual Studio and Crystal Reports
- 前端跨界開發指南:JavaScript工具庫原理解析與實戰
- Python從小白到大牛
- 小創客玩轉圖形化編程
- Java Web及其框架技術
- Bootstrap Essentials
- 零基礎入門學習Python
- Spring核心技術和案例實戰
- Scratch趣味編程:陪孩子像搭積木一樣學編程
- Serverless Web Applications with React and Firebase
- JavaScript編程精解(原書第2版)
- Python 3快速入門與實戰
- WCF技術剖析(卷1)
- C語言程序設計教程