Sage主题使用文档

依赖插件

Sage主题基于WooCommerce插件开发,使用主题前需要先安装启用WooCommerce插件。

页头设置

LOGO设置:主题设置>常规设置>LOGO设置

右上角菜单:外观>菜单;菜单位置选择页头右边菜单

搜索、文案:主题设置>常规设置>页头设置

商品分类菜单:外观>菜单;菜单位置选择商品分类

主菜单:外观>菜单;菜单位置选择导航菜单

高级菜单

Sage主题首次加入了我们开发的高级菜单功能,类似国外很多主题里面的Mega Menu功能,不过他们的操作、实现方式太过于复杂,为了使添加操作更简单便捷,我们对默认菜单功能仅做了简单优化即可实现此功能。

设置方式

在菜单的编辑页面,点开菜单选项,可以为菜单上传添加图片,如图所示:

sage主题高级菜单添加

上图中的下拉菜单风格是重点,通过选择下拉菜单的风格即可实现不同的展示效果。要注意的是,下拉菜单风格仅对一级菜单选项设置有效,设置后会影响到鼠标移动到当前链接后下拉菜单的展示效果。

默认风格:默认的下拉菜单样式

高级菜单/图文:可通过二级菜单分栏显示,每个二级菜单会是一栏,每一栏会显示当前二级菜单下面的三级菜单,选择图文(图左标题右和图上标题下)的区别在于图片显示样式的去比啊。如不想显示二级菜单的标题,可将二级菜单的标题设置为0。具体效果可以参考演示站的商品分类菜单

首页设置

首页是采用我们的可视化自定义模块拖拽工具制作的,如果导入了演示数据的话可以直接进入自定义里面编辑模块,自己添加具体方法可以参考:https://www.wpcom.cn/help/33.html

用户中心

商城涉及到注册、登录、帐号设置等页面是基于主题用户中心实现的,WooCommerce插件自带的我的账户页面替换成主题的帐号设置页面,设置上会共用同一个页面(即插件里我的账户和主题用户中心帐号设置选择同一个页面,页面的短代码需要改成主题用户中心的短代码),具体可以参考主题用户中心文档:https://www.wpcom.cn/docs/themer/member.html

产品添加

产品统一在后台产品里面添加,如图:

sage主题产品添加

进入产品新增页面,标题、内容这些和普通文章添加差不多,主要是产品属性、图片等设置。如下图,右边产品图片是用于产品列表封面图/缩略图显示,产品相册会在产品详情页左上方展示,产品简短描述会显示在产品详情页标题下方。

sage主题产品添加

产品属性、标量

产品属性我们可以理解成产品的参数,可以在编辑器下方产品数据里面的属性栏里面添加,添加后会在产品详情页其他信息栏里面显示。

sage主题产品添加

对于常用的属性,例如品牌、颜色等,可以在产品>属性里面添加好,然后添加产品属性的时候可以直接选择。

可变产品

可变产品可以将某些属性设置为变量,例如衣服的尺寸、颜色,这样在购买商品的时候可以选择,并且根据不同选项给出对应的价格。

设置方法

先添加好属性,勾选为用于变量,添加好属性以后保存。

sage主题产品添加

再进入变量选项,添加边栏,并设置每组变量的产品信息,比如价格、图片。

sage主题产品添加
在线咨询