在使用 WordPress 构建电商网站时，主题的兼容性和扩展性非常重要。Astra 是一款轻量级、功能强大的免费主题，完美支持 WooCommerce ，适合快速搭建风格统一的在线商店。本文将介绍 Astra 免费版与 WooCommerce 的集成方法及页面设置选项。
快速集成，样式自动继承
Astra 能自动适配 WooCommerce 插件，电商页面的配色、字体、按钮等样式会同步整个网站的主题设定。无需复杂配置，整体风格保持一致，适合刚入门的站点搭建者使用。
Astra 主题还兼容响应式设计，适配桌面端、移动端与平板设备，提升整体布局表现。
提示：如果需要更灵活的样式控制，例如商品卡片布局、结账页结构优化等，可使用 Astra Pro 插件的 WooCommerce 模块。
WooCommerce 设置选项概览（Astra 3.0+）
安装并启用 WooCommerce 插件后，在“外观 > 自定义 > WooCommerce”中可看到完整设置选项，内容分为多个子面板。
商品目录设置
适用于商店主页面，包含以下选项：
内容宽度：使用默认或自定义数值调整展示区域
商品列数：设定每一行显示的商品数量，可按设备区分
每页商品数量：控制单页显示数量，影响分页逻辑
商品结构：可调整标题、价格、按钮等元素的排列或隐藏状态
单一商品页面设置
可以启用或关闭面包屑导航功能，为页面提供清晰的浏览路径。
购物车页面设置
位置：外观 > 自定义 > WooCommerce > Cart
提供购物车页面的整体结构与布局设置，并支持展示“交叉销售产品”，帮助提升商品曝光度。
商品图片设置
可调整主图和缩略图的尺寸，图片裁剪方式由 WooCommerce 控制。图像加载速度和比例可根据页面需求灵活调整。
菜单购物车图标
路径：外观 > 自定义 > Header > 主菜单
通过启用 WooCommerce 最后一项设置，可以在主导航栏右侧显示购物车图标，让访问者随时查看订单内容。
页面布局与侧边栏控制
Astra 支持为电商相关页面独立设置容器宽度和侧边栏布局。
页面容器宽度设置
路径：外观 > 自定义 > 全局 > 容器
支持为商店页、商品页、购物车页、结账页分别设定容器宽度。也可使用页面下方的元设置覆盖默认值。
侧边栏管理
路径：外观 > 自定义 > 侧边栏
可为 Shop、Cart、Checkout 页面设置单独侧边栏。商品详情页也支持独立侧边栏，可用于展示广告、商品推荐或导航模块。所有侧边栏区域都能添加自定义小工具。
字体与配色统一配置
Astra 会将 WooCommerce 页面与站点整体风格同步，字体、按钮、颜色等元素保持一致，减少重复设置的工作量。
字体与配色统一设置路径：外观 > 自定义 > 全局 > 排版 / 颜色
只需配置一次，全站生效。
总结
Astra 免费主题在支持 WooCommerce 方面表现稳定，界面简洁、设置清晰。对中小型网店而言，已经具备足够的功能，适合追求快速建站与风格统一的网站使用者。如果需要更精细的布局控制或更复杂的商品展示方式，可通过升级至 Astra Pro 插件实现。