1. 导入在线商城模板
在Templates
中搜索ECommerce
,搜索结果都是带有在线商城功能的模板,选择你喜欢的模板导入即可。在线商城使用了WooCommerce
插件,导入之后,在Dashboard
的侧边栏会出现WooCommerce
,Categories
,与Products
选项卡。
2. 添加Categories
- 点击
Dashboard
->Products
->Categories
- 编辑Category的属性
- 还可以编辑Category的层级关系
3. 添加Products
- 点击
Dashboard
->Products
->All Products
可以浏览所有的商品 - 点击
Dashboard
->Products
->Add New
可以用来新建商品设置商品的各种属性
4. 在页面中添加置顶商品
-
首先将商品的Feature属性设置为
true
-
在页面中添加Featured商品
参考这篇关于商品shortcode语法的文档 docs.woocommerce.com/document/wo…
# example # 在页面中添加Shortcode控件,并将下面的shortcode粘贴进去 [products limit="4" columns="4" category="schilke"]
-
设置商品在指定区域的简要描述
-
如果商品的价格和实际价格存在差别,将在商品的右上角显示
促销
图标如果需要修改促销图标的样式,可以参考这篇文章 elextensions.com/everything-…
5. Category与Product页面
- Product页面
- 页面URL格式:http(s)://+/product/
- 可以通过修改
Settings
->Product
的属性,来修改显示在该页面上的内容
- Category页面
- 页面URL格式:http(s)://+/product-category/
- 可以点击页面工具栏中的
Customize
来修改Page-Szie
,Sort-Mode
,Product-Item-View
之类的属性
- 自定义Category页面
我们可以使用Shortcode语法编写符合自己要求的Shortcode,来完全自定义Category的页面,然后在目标页面上添加Shortcode控件来显示要显示的产品列表。 可以根据这篇文档来定制产品列表,并可以定义
Page-Size
,Category-Slug
, 与Filters
信息。 docs.woocommerce.com/document/wo…
6. 优惠券
- 点击
Dashboard
->WooCommerce
->Coupons
新建优惠券 - 可以通过
Coupon amount
来设置折扣信息
7. 支付
- WooCommerce提供了多种支付方式,
WeChat
,Alipay
,Strapi
,&Paypal
- 支付宝的支付设置指南
- 微信的支付设置指南