2014-06-18 51 views
1

如何製作wordpress主題woocommerce兼容?我想將購物車頁面,我的帳戶頁面,產品循環頁面,產品單頁面,結帳頁面設計放入我的WordPress主題中。如何使wordpress主題woocommerce兼容?

+0

你想安裝woocommerce? – Khushboo

+0

這沒有必要。如果用戶安裝woocommerce插件,woocommerce頁面將作爲我的主題頁面設計。所以我想知道如何以及在哪裏可以將woocommerce頁面設計融入到我的自定義WordPress主題中。 –

回答

0

您需要安裝WooC看看而來翻過它,那麼你可以風格了網頁和所有的添加到您的樣式表中的所有樣式的標籤。你

也可以使用鉤,但我不是100%肯定你將如何檢查是否WooC激活了我的頭頂部,所以在你的代碼掛鉤只能拿出當插件處於活動狀態。

1

我們可以用woocommerce這裏WordPress主題兼容是你如何能做到這

  • 有兩種方法來解決此問題:

    1]使用woocommerce_content() -

    此解決方案允許您在主題內創建一個新的模板頁面,該頁面將用於所有WooCommerce分類和後期類型顯示。
    要設置這個模板頁面,請執行以下步驟:

    • 重複page.php文件 -

      複製你的主題page.php文件文件,並將其命名爲woocommerce.php。這個文件應該可以找到這樣的:可溼性粉劑內容/主題/ YOURTHEME/woocommerce.php。

    • 編輯您的頁面(woocommerce.php) -

      打開一個文本編輯器中新建woocommerce.php,或者你選擇的編輯器。

    • 更換環 -

      在woocommerce.php,與woocommerce_content取代環();

      即代替if(have_posts)... endif;應該被替換爲 woocommerce_content()

      這將確保WooCommerce模板被挑選出來用於產品和分類標準頁面。

    2]使用WooCommerce鉤 -

    鉤方法是更復雜的,使用woocommerce_content,但更靈活。這與我們在創建主題時使用的方法類似。在主題的功能中插入幾行。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 '<section id="main">';} function my_theme_wrapper_end() { echo '</section>';}

    3]現在宣佈WooCommerce支持 -

    現在你已經取得了更改,最後要做的事情是指定您的主題現在支持WooCommerce。您需要在主題的functions.php中添加以下內容。 add_action('after_setup_theme', 'woocommerce_support'); function woocommerce_support() { add_theme_support('woocommerce'); }

爲了讓你更實際這是給你的視頻,你 可以按照too- How To Make WordPress Theme Compatible With WooCommerce Plugin