Astra Pro 插件為 WooCommerce 商店提供了多項(xiàng)可視化設(shè)置功能，包括字體樣式、顏色搭配和一些細(xì)節(jié)功能調(diào)整，適合追求界面美觀度與操作便捷性的建站者使用。

這篇文章梳理了字體、顏色與額外功能模塊的實(shí)際設(shè)置內(nèi)容，幫助你快速掌握可操作的重點(diǎn)功能。

插件激活與模塊開啟

使用這些功能前，需完成三個(gè)步驟：

安裝 Astra 主題
啟用 Astra Pro 插件
啟用 WooCommerce 插件

進(jìn)入 WordPress 后臺，打開 Astra 模塊頁面，勾選 WooCommerce 模塊，即可進(jìn)入相關(guān)設(shè)置界面。

字體設(shè)置部分

在自定義面板中，進(jìn)入路徑：外觀 > 自定義 > WooCommerce，可看到關(guān)于字體的幾個(gè)選項(xiàng)。

基礎(chǔ)字體設(shè)置

設(shè)置網(wǎng)站整體內(nèi)容的字體樣式，WooCommerce 區(qū)域也會使用這些設(shè)置。

產(chǎn)品目錄字體

包括以下三項(xiàng)：

產(chǎn)品標(biāo)題：控制商品標(biāo)題的字體樣式
商品價(jià)格：控制價(jià)格的字號、字體、粗細(xì)
簡短描述：適用于列表頁上的簡要內(nèi)容介紹

單一產(chǎn)品頁面字體

可獨(dú)立調(diào)整以下內(nèi)容：

商品標(biāo)題字體
商品價(jià)格字體
商品描述字體
面包屑導(dǎo)航字體

這些設(shè)置適合在不同頁面區(qū)分層次感，提升信息可讀性。

顏色與背景設(shè)置部分

字體之外，顏色與背景設(shè)置也集中在相同路徑內(nèi)。

基礎(chǔ)顏色設(shè)置

可設(shè)置以下幾個(gè)部分的顏色：

文本顏色：通用于頁面中所有正文區(qū)域
鏈接顏色：應(yīng)用于所有商品頁面中的跳轉(zhuǎn)鏈接
標(biāo)題顏色：商品名稱等標(biāo)題區(qū)域?qū)⑹褂么祟伾?/p>

商品列表頁顏色設(shè)置

可單獨(dú)調(diào)整：

商品標(biāo)題顏色
商品價(jià)格顏色
商品描述與分類顏色

單一產(chǎn)品頁面顏色設(shè)置

可設(shè)置如下幾項(xiàng)：

商品標(biāo)題顏色
商品價(jià)格顏色
產(chǎn)品內(nèi)容顏色
面包屑顏色

這些調(diào)整有助于建立更統(tǒng)一的頁面風(fēng)格，也便于根據(jù)品牌色系進(jìn)行整體搭配。

其他模塊功能設(shè)置

Astra Pro 中的 WooCommerce 模塊還包含一些額外功能，適用于提升電商頁面的互動性和便利性。

輸入框樣式

可啟用現(xiàn)代風(fēng)格輸入框，讓表單元素更加貼合當(dāng)代網(wǎng)頁設(shè)計(jì)風(fēng)格。

促銷標(biāo)簽樣式

在開啟該選項(xiàng)后，促銷商品的標(biāo)簽樣式可自定義，有助于強(qiáng)化折扣信息的展示效果。

商品數(shù)量按鈕

商品頁面可以添加數(shù)量增減按鈕，共提供三種不同布局，適合不同風(fēng)格的電商站點(diǎn)使用。

結(jié)賬流程導(dǎo)航

在結(jié)賬頁展示流程導(dǎo)航，買家可在不同環(huán)節(jié)間靈活跳轉(zhuǎn)，便于修改地址或訂單信息。

總結(jié)說明

Astra Pro 提供的 WooCommerce 模塊覆蓋了頁面排版、顏色搭配、交互細(xì)節(jié)等多個(gè)方面。這些設(shè)置不用寫代碼，通過操作面板就能完成，提升了視覺的同時(shí)，也優(yōu)化了商店的功能。

相關(guān)文章

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