版面呈現 ▌​目錄頁 加入購物車按鈕 修改顏色 語法

「修改 目錄頁 加入購物車按鈕 顏色」

• 「加入購物車」是轉換關鍵點之一，透過高對比、明亮或品牌主色的按鈕顏色（如紅、橘、綠），能讓按鈕在商品列表中第一眼被看見、被點擊，有效提升互動率與下單率

• 按鈕色彩若與品牌主視覺（LOGO色、主題色）一致，能在使用者心中形成「這是你品牌的行為指令」印象，提升專業感與品牌識別度，不會讓網站看起來像套版

✎ 重點拆解：

一、「目錄頁 加入購物車按鈕 修改顏色」設定路徑

二、「目錄頁 加入購物車按鈕 修改顏色」語法

一、「目錄頁 加入購物車按鈕 修改顏色」設定路徑

設定路徑： 版面 > 自訂CSS商店樣式。

二、「目錄頁 加入購物車按鈕 修改顏色」語法

.product-bind-instant-cart .InstantAddCart {border: 1px solid #000000;
color: #000000;
}

.product-bind-instant-cart .InstantAddCart:hover {
border: 1px solid #000000;
background: #000000;
color: #FFF;
}