WooCommerce 主題教程－如何讓主題支援 WooCommerce 購物車

　　先前已分享過 WooCommerce 的架設與金流的串接，與主題的修改套件，透過該外掛就可清楚知道每個頁面是由那些 php 所組合而成的，再加上 WooCommerce 是架構在 WordPress 下，因此 WooCommerce 的購物畫面，也會使用到 WordPress 的主題，因此當不用 WooCommerce 所提供的主題，而是用自己所設計的主題時，則會發現啟用的主題上方會出現一段警告訊息，因此這時只需手動將 WooCommerce 的購物畫面，加到自己所設計的主題中後，立即就可讓主題支援 WooCommerce 了。

Step1
當主題不支援時，進到 WooCommerce 的購物畫面版型就會大跑版。

Step2
首先，將原來主題中的 page.php 複製一份，並重新命名為woocommerce.php。

Step3
接著再複製 wp-content/plugins/woocommerce/templages目錄到主題中。

Step4
再重新命名為 woocommerce 。

Step5
都將檔案複製完畢後，開啟 woocommerce.php，將原來迴圈的地方，改為以下的語法。

Step6
接著再開啟 functions.php，加入以下的語法。

<?php /* woocommerce */

  remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);

  remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

  add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);

  add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);
function my_theme_wrapper_start() {

  echo '
';

  }
function my_theme_wrapper_end() {

  echo '
';

  }

  add_action( 'after_setup_theme', 'woocommerce_support' );

  function woocommerce_support() {

  add_theme_support( 'woocommerce' );

  }

  ?>