[WooCommerce] 展示商品不開放下單交易用的型錄網站最佳化方法

本篇文章更新時間:2023/02/08
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣新台幣 贊助支持。


如果只是想做一個展示商品的網站,還沒打算開放線上下單,用 WooCommerce 來處理就是一個不錯的選擇!也保留了未來想開放下單的其他功能,很彈性。

但缺點就是, WooCommerce 太多功能,疊加在網站上真的是會比較吃資源,導致網站主機的需求變高。(也就是主機資源太少反而網站會變慢)

剛好今天有最佳化這樣的一個網站,把幾點方法記錄如下。

過去還有針對網站後台的筆記(後台整理術),這篇比較偏向是針對前端介面的部分。

進入主題

add_filter( 'woocommerce_is_purchasable', '__return_false' );
  • 關閉商品評論區塊(程式碼片段做法,後台也可以設定關閉評論功能)
function mxp_wc_remove_reviews($tabs) {
    unset($tabs['reviews']);
    return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'mxp_wc_remove_reviews', 99 );
  • 隱藏商品上標籤的功能
function mxp_wc_hide_sold_indicator() {
    return '';
}
add_filter('woocommerce_sale_flash', 'mxp_wc_hide_sold_indicator', 10, 3);
  • 停用 WooCommerce 不需要使用的 Script

這邊示範寫法是針對全站,如果有針對特定頁面或是路徑不使用可以加入一些條件判斷,判斷條件可以參考這篇:Conditional Tags

function dequeue_woocommerce_styles_scripts() {
    wp_dequeue_script('wc-add-to-cart');
    wp_dequeue_script('wc-cart-fragments');//尤其是這個,避免前端不定期往後端更新資訊
    wp_dequeue_script('wc-checkout');
    wp_dequeue_script('wc-add-to-cart-variation');
}
add_action('wp_enqueue_scripts', 'dequeue_woocommerce_styles_scripts', 99);

以上是可以放在 functions.php 裡的程式碼片段。

其他還有後台 WooCommerce 設定可以處理的:

  1. 關閉「在彙整頁面啟用 AJAX 加到購物車按鈕」的功能
  2. 關閉「商品評價」區的設定
  3. 關閉「帳號及隱私權」分頁中的建立帳號等功能
  4. 安裝「Disable Bloat for WordPress & WooCommerce」這類型最佳化 WooCommerce 的外掛工具

後記

主要是因為 WooCommerce 預設提供了不少功能,這邊比較多都是用關閉功能來最佳化網站。但這種展示商品的型錄網站本身從主題也要下手。

像是隱藏「購物車」與「會員登入與註冊」圖示和功能區塊,很多主題會因為判斷安裝了 WooCommerce 就會開啟這塊並顯示在選單列上。

日後要開啟線上下單功能,也是本篇(或是你的作業)給他反著操作開啟回去就行。

而且最好要做紀錄或是統一在某個地方開關,避免日後忘記自己在哪裡 Hack 導致出問題。所以如果可以用程式處理,我會優先用程式碼處理,不然介面設定上很容易因為改版就不知道跑去哪或是被隱藏起來沒發現。


Share:

作者: Chun

資訊愛好人士。主張「人人都該為了偷懶而進步」。期許自己成為斜槓到變進度條 100% 的年輕人。[///////////____36%_________]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


文章
Filter
Apply Filters
Mastodon