我正在嘗試將我的標題和評級移動到 woocommerce 中的圖片庫上方，但僅限于移動設備。桌面版本應保持不變。
我找到了一個php我粘貼在我的主題中的代碼，functions.php它可以完成這項作業，但它也將它們移到桌面上。
有什么方法可以php只在移動設備上運行此代碼？
function product_change_title_position() {
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_before_single_product', 'woocommerce_template_single_title', 5 );
}
add_action( 'init', 'product_change_title_position' );
function product_change_rating_position() {
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_before_single_product', 'woocommerce_template_single_rating', 5 );
}
add_action( 'init', 'product_change_rating_position' );
感謝
Vaibhav
uj5u.com熱心網友回復：
Wordpress 提供了一個名為wp_is_mobileDocs的函式，它允許您執行所需的操作：
add_action('init', 'product_change_title_position');
function product_change_title_position()
{
if (wp_is_mobile())
{
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5);
add_action('woocommerce_before_single_product', 'woocommerce_template_single_title', 5);
}
}
add_action('init', 'product_change_rating_position');
function product_change_rating_position()
{
if (wp_is_mobile())
{
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10);
add_action('woocommerce_before_single_product', 'woocommerce_template_single_rating', 5);
}
}
筆記：
- “它通過檢測瀏覽器用戶代理字串 ($_SERVER['HTTP_USER_AGENT']) 起作用。”
- “對于平板電腦，此函式將回傳 true，因為它也被視為移動設備。它不能替代每個平臺的 CSS 媒體查詢或樣式。”
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/402836.html
標籤：