在使用 WordPress 構(gòu)建電商網(wǎng)站時(shí)，主題的兼容性和擴(kuò)展性非常重要。Astra 是一款輕量級(jí)、功能強(qiáng)大的免費(fèi)主題，完美支持 WooCommerce ，適合快速搭建風(fēng)格統(tǒng)一的在線商店。本文將介紹 Astra 免費(fèi)版與 WooCommerce 的集成方法及頁(yè)面設(shè)置選項(xiàng)。

快速集成，樣式自動(dòng)繼承

Astra 能自動(dòng)適配 WooCommerce 插件，電商頁(yè)面的配色、字體、按鈕等樣式會(huì)同步整個(gè)網(wǎng)站的主題設(shè)定。無(wú)需復(fù)雜配置，整體風(fēng)格保持一致，適合剛?cè)腴T(mén)的站點(diǎn)搭建者使用。

Astra 主題還兼容響應(yīng)式設(shè)計(jì)，適配桌面端、移動(dòng)端與平板設(shè)備，提升整體布局表現(xiàn)。

提示：如果需要更靈活的樣式控制，例如商品卡片布局、結(jié)賬頁(yè)結(jié)構(gòu)優(yōu)化等，可使用 Astra Pro 插件的 WooCommerce 模塊。

WooCommerce 設(shè)置選項(xiàng)概覽（Astra 3.0+）

安裝并啟用 WooCommerce 插件后，在“外觀 > 自定義 > WooCommerce”中可看到完整設(shè)置選項(xiàng)，內(nèi)容分為多個(gè)子面板。

商品目錄設(shè)置

適用于商店主頁(yè)面，包含以下選項(xiàng)：

• 內(nèi)容寬度：使用默認(rèn)或自定義數(shù)值調(diào)整展示區(qū)域
• 商品列數(shù)：設(shè)定每一行顯示的商品數(shù)量，可按設(shè)備區(qū)分
• 每頁(yè)商品數(shù)量：控制單頁(yè)顯示數(shù)量，影響分頁(yè)邏輯
• 商品結(jié)構(gòu)：可調(diào)整標(biāo)題、價(jià)格、按鈕等元素的排列或隱藏狀態(tài)

單一商品頁(yè)面設(shè)置

可以啟用或關(guān)閉面包屑導(dǎo)航功能，為頁(yè)面提供清晰的瀏覽路徑。

購(gòu)物車(chē)頁(yè)面設(shè)置

位置：外觀 > 自定義 > WooCommerce > Cart

提供購(gòu)物車(chē)頁(yè)面的整體結(jié)構(gòu)與布局設(shè)置，并支持展示“交叉銷(xiāo)售產(chǎn)品”，幫助提升商品曝光度。

商品圖片設(shè)置

可調(diào)整主圖和縮略圖的尺寸，圖片裁剪方式由 WooCommerce 控制。圖像加載速度和比例可根據(jù)頁(yè)面需求靈活調(diào)整。

菜單購(gòu)物車(chē)圖標(biāo)

路徑：外觀 > 自定義 > Header > 主菜單

通過(guò)啟用 WooCommerce 最后一項(xiàng)設(shè)置，可以在主導(dǎo)航欄右側(cè)顯示購(gòu)物車(chē)圖標(biāo)，讓訪問(wèn)者隨時(shí)查看訂單內(nèi)容。

頁(yè)面布局與側(cè)邊欄控制

Astra 支持為電商相關(guān)頁(yè)面獨(dú)立設(shè)置容器寬度和側(cè)邊欄布局。

頁(yè)面容器寬度設(shè)置

路徑：外觀 > 自定義 > 全局 > 容器

支持為商店頁(yè)、商品頁(yè)、購(gòu)物車(chē)頁(yè)、結(jié)賬頁(yè)分別設(shè)定容器寬度。也可使用頁(yè)面下方的元設(shè)置覆蓋默認(rèn)值。

側(cè)邊欄管理

路徑：外觀 > 自定義 > 側(cè)邊欄

可為 Shop、Cart、Checkout 頁(yè)面設(shè)置單獨(dú)側(cè)邊欄。商品詳情頁(yè)也支持獨(dú)立側(cè)邊欄，可用于展示廣告、商品推薦或?qū)Ш侥K。所有側(cè)邊欄區(qū)域都能添加自定義小工具。

字體與配色統(tǒng)一配置

Astra 會(huì)將 WooCommerce 頁(yè)面與站點(diǎn)整體風(fēng)格同步，字體、按鈕、顏色等元素保持一致，減少重復(fù)設(shè)置的工作量。

字體與配色統(tǒng)一設(shè)置路徑：外觀 > 自定義 > 全局 > 排版 / 顏色

只需配置一次，全站生效。

總結(jié)

Astra 免費(fèi)主題在支持 WooCommerce 方面表現(xiàn)穩(wěn)定，界面簡(jiǎn)潔、設(shè)置清晰。對(duì)中小型網(wǎng)店而言，已經(jīng)具備足夠的功能，適合追求快速建站與風(fēng)格統(tǒng)一的網(wǎng)站使用者。如果需要更精細(xì)的布局控制或更復(fù)雜的商品展示方式，可通過(guò)升級(jí)至 Astra Pro 插件實(shí)現(xiàn)。

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