← 返回變更紀錄

WooCommerce 視覺差異 CSS 修正 ​

背景 ​

Staging 外掛更新 後，與正式站比對發現 2 項視覺差異：

1. WooCommerce 商店通知條（頂部紫色 banner）顏色與正式站不同 — WooCommerce 新版調整了預設色碼
2. 商品頁「加入購物車」按鈕內多出購物車 icon — sober 主題與新版 Woo 配合改動，後台無 UI 可關

兩項皆為新版 WooCommerce 預設樣式變動，無法在後台關閉，需以 CSS 強制覆蓋。

修改位置 ​

WPCode snippet：

CSS 內容 ​

/* 260427 WooCommerce new version fix by J */
.woocommerce-store-notice, p.demo_store {
    background-color: #7f54b3;
}

.woocommerce div.product form.cart .button svg {
    display: none !important;
}

規則說明 ​

驗證 ​

調整後 staging 與正式站視覺一致（通知條色碼、加購車按鈕外觀）。

未處理 ​

商品頁「Frequently Bought Together」推薦商品區未顯示，因相關付費外掛 WPC FBT Premium 無法更新（待客戶提供安裝檔），不在本次 CSS 修正範圍。