Astra Pro 插件为 WooCommerce 商店提供了多项可视化设置功能,包括字体样式、颜色搭配和一些细节功能调整,适合追求界面美观度与操作便捷性的建站者使用。
这篇文章梳理了字体、颜色与额外功能模块的实际设置内容,帮助你快速掌握可操作的重点功能。
插件激活与模块开启
使用这些功能前,需完成三个步骤:
安装 Astra 主题
启用 Astra Pro 插件
启用 WooCommerce 插件
进入 WordPress 后台,打开 Astra 模块页面,勾选 WooCommerce 模块,即可进入相关设置界面。
字体设置部分
在自定义面板中,进入路径:外观 > 自定义 > WooCommerce,可看到关于字体的几个选项。
基础字体设置
设置网站整体内容的字体样式,WooCommerce 区域也会使用这些设置。
产品目录字体
包括以下三项:
产品标题:控制商品标题的字体样式
商品价格:控制价格的字号、字体、粗细
简短描述:适用于列表页上的简要内容介绍
单一产品页面字体
可独立调整以下内容:
商品标题字体
商品价格字体
商品描述字体
面包屑导航字体
这些设置适合在不同页面区分层次感,提升信息可读性。
颜色与背景设置部分
字体之外,颜色与背景设置也集中在相同路径内。
基础颜色设置
可设置以下几个部分的颜色:
文本颜色:通用于页面中所有正文区域
链接颜色:应用于所有商品页面中的跳转链接
标题颜色:商品名称等标题区域将使用此颜色
商品列表页颜色设置
可单独调整:
商品标题颜色
商品价格颜色
商品描述与分类颜色
单一产品页面颜色设置
可设置如下几项:
商品标题颜色
商品价格颜色
产品内容颜色
面包屑颜色
这些调整有助于建立更统一的页面风格,也便于根据品牌色系进行整体搭配。
其他模块功能设置
Astra Pro 中的 WooCommerce 模块还包含一些额外功能,适用于提升电商页面的互动性和便利性。
输入框样式
可启用现代风格输入框,让表单元素更加贴合当代网页设计风格。
促销标签样式
在开启该选项后,促销商品的标签样式可自定义,有助于强化折扣信息的展示效果。
商品数量按钮
商品页面可以添加数量增减按钮,共提供三种不同布局,适合不同风格的电商站点使用。
结账流程导航
在结账页展示流程导航,买家可在不同环节间灵活跳转,便于修改地址或订单信息。
总结说明
Astra Pro 提供的 WooCommerce 模块覆盖了页面排版、颜色搭配、交互细节等多个方面。这些设置不用写代码,通过操作面板就能完成,提升了视觉的同时,也优化了商店的功能。