內容簡介
CSS Classes For WooCommerce 外掛可根據購物車狀態和顧客資訊，為網頁的 body 元素添加 CSS 類別，讓使用者能夠輕鬆自訂 WooCommerce 的結帳和購物車頁面樣式。
【主要功能】
• 根據購物車狀態添加 CSS 類別
• 支援個別產品銷售的樣式調整
• 無需設定頁面，啟用後即用
外掛標籤
開發者團隊
② 後台搜尋「CSS Classes For WooCommerce – customize the WooCommerce cart and checkout via CSS」→ 直接安裝（推薦）
原文外掛簡介
CSS Classes For WooCommerce adds CSS classes to the body depending on the cart and the customer.
You can then use those classes to customize the checkout and cart pages with your custom CSS.
CSS classes added to the body if:
The cart is empty or not empty
There is at least a product with a price greater than zero (payment methood needed)
The shipping methods are shown or not needed
If the shipping address is needed or there are only digital products in the cart
The prices are shown including or excluding taxes
All products are sold individually
There are specific products in the cart
The quantity of specific products is a specific number
The billing address of the customer has a specific country
The customer has a specific role on the website
The customer has already bought something
The customer has bought a specific number of time
If for example in the cart there are only products that can be sold individually, you can take advantage of the CSS class added by this plugin to hide the column “Qty” .
In this case you will write the CSS
.ccfw-cart-all-sold-individually-true .shop_table .product-quantity {
display: none;
}
How customize the WooCommerce cart and checkout via CSS
The plugin doesn’t provide any option, and you will not see any settings page. Just activate it.
Right-click and click on Inspect on the frontend.
Read the value of the class attribute of the body element.
Use the CSS classes added to the body for your custom CSS
Requirements
You can take advantage of this plugin only if you have at least basic skills with CSS and are able to add your custom CSS.
In other cases, you will not know what to do with this plugin.
Backend Speed Optimization
Is your dashboard slow? We optimize admin performance by improving queries and reducing plugin load.
Read Backend Speed Optimization Service for more information.
