WooCommerce 是 WordPress 平臺上廣泛使用的電商插件。作為電商網(wǎng)站的重要組成部分，“添加到購物車”按鈕是用戶進行購買決策的關鍵環(huán)節(jié)。有時，商家可能希望根據(jù)具體業(yè)務需求或網(wǎng)站風格更改該按鈕的文本。

本文將介紹兩種方法，幫助實現(xiàn)這一目標：使用 Loco Translate 插件 和 自定義 CSS。

方法 1：使用 Loco Translate 插件更改“添加到購物車”按鈕文本

步驟 1：安裝并激活 Loco Translate 插件

首先，需要安裝并激活 Loco Translate 插件。安裝完后，插件會在 WordPress 儀表盤中添加一個新選項，可以方便地修改網(wǎng)站上的文本。

• 在 WordPress 儀表盤，點擊 插件 > 安裝插件，搜索 Loco Translate。
• 安裝并激活插件。

步驟 2：進入 Loco Translate 設置

• 在儀表盤中，點擊 Loco Translate > 首頁。
• 進入插件后，將看到網(wǎng)站上所有已安裝插件的列表。

步驟 3：選擇 WooCommerce 插件

在插件列表中，找到 WooCommerce 并點擊它。

步驟 4：添加新語言

點擊 + 新語言 按鈕，選擇需要更改的語言。

步驟 5：搜索“添加到購物車”文本

使用頂部的搜索框，輸入 “添加到購物車” 來找到該按鈕的文本。

步驟 6：修改按鈕文本

• 選擇 “添加到購物車” 進行修改。
• 在下方的翻譯框中，輸入希望顯示的新文本。例如，可以修改為 “立即咨詢”。

步驟 7：保存更改

完成修改后，點擊 保存 使其生效。

通過這種方法，可以輕松更改按鈕文本，適應不同語言和業(yè)務需求。

方法 2：使用自定義器更改按鈕文本樣式

如果想全局更改網(wǎng)站上所有按鈕的文本樣式，可以在 自定義器 中進行設置，以下是詳細步驟：

步驟 1：進入外觀 > 自定義

• 在儀表盤中，點擊 外觀 > 自定義，進入網(wǎng)站自定義界面。

步驟 2：點擊“全局”設置

• 在自定義器中，選擇 全局 設置。

步驟 3：點擊按鈕樣式設置

• 選擇 按鈕，進入按鈕的樣式設置界面。

步驟 4：編輯按鈕字體樣式

• 點擊 字體 旁的鉛筆圖標，進入字體設置。

• 選擇 text-transform: capitalize，使按鈕文本變?yōu)榇髮憽?/li>

這個設置會影響所有按鈕的文本樣式。

方法 3：使用自定義 CSS 更改“添加到購物車”按鈕文本樣式

如果只想更改 “添加到購物車” 按鈕的文本樣式，而不影響其他按鈕，可以添加自定義 CSS 代碼。

對于單個產(chǎn)品頁面：

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    text-transform: capitalize;
}

對于商店頁面：

.woocommerce ul.products li.product .button, 
.woocommerce-page ul.products li.product .button {
    text-transform: capitalize;
}

通過這些 CSS 代碼，只有 “添加到購物車” 按鈕的文本會變?yōu)榇髮?，而其他按鈕保持原樣。

總結

修改 WooCommerce 中的 “添加到購物車” 按鈕文本非常簡單，可以通過 Loco Translate 插件 或 自定義 CSS 來完成。若想調整按鈕的文本樣式，自定義器 和 CSS 提供了靈活的解決方案。這些方法能夠幫助根據(jù)需求定制按鈕，提升網(wǎng)站的個性化和整體外觀。

最近更新

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息