Woocommerce支持 · WordPress平臺的網站開發

【主題支持】 function.php的woocommerce theme支持代碼： ~~~ // WooCommerce Theme Support add_action( 'after_setup_theme', 'woocommerce_support' ); function woocommerce_support() { add_theme_support( 'woocommerce' ); } ~~~ 【body樣式】 woocommerce默認body樣式 `<body <?php body_class(); ?>>` woocommerce theme開發參考： https://docs.woocommerce.com/document/third-party-custom-theme-compatibility/ 【面包屑】 woocommerce默認的面包屑： `<?php woocommerce_breadcrumb(); ?>` 案例： ~~~ <div class="breadcrumb"> <div class="container"> <?php woocommerce_breadcrumb(); ?> </div> </div> ~~~ 對應添加的functions.php代碼： ~~~ // Change woocommerce defaults breadcrumb add_filter( 'woocommerce_breadcrumb_defaults', 'woo_woocommerce_breadcrumbs' ); function woo_woocommerce_breadcrumbs() { return array( 'delimiter' => ' / ', 'wrap_before' => '<div class="breadcrumb-inner"> <ul class="list-inline list-unstyled">', 'wrap_after' => '</ul> </div>', 'before' => '', 'after' => '', 'home' => _x( 'Home', 'breadcrumb', 'woocommerce' ), ); } ~~~ 實際的html是： ~~~ <div class="breadcrumb"> <div class="container"> <div class="breadcrumb-inner"> <ul class="list-inline list-unstyled"> <li><a href="#">實際</a></li> <li class="active">位置</li> </ul> </div> </div> </div> ~~~ 移除面包屑的functions.php代碼： ~~~ // Remove woocommerce defaults breadcrumb add_action( 'init', 'woo_remove_wc_breadcrumbs' ); function woo_remove_wc_breadcrumbs() { remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 ); } ~~~