Wordpress 05 :: 在线商城

366 阅读2分钟

1. 导入在线商城模板

Templates中搜索ECommerce,搜索结果都是带有在线商城功能的模板,选择你喜欢的模板导入即可。在线商城使用了WooCommerce插件,导入之后,在Dashboard的侧边栏会出现WooCommerceCategories,与Products选项卡。

2. 添加Categories

  • 点击 Dashboard -> Products -> Categories
  • 编辑Category的属性
  • 还可以编辑Category的层级关系 image.png

3. 添加Products

  • 点击 Dashboard -> Products -> All Products可以浏览所有的商品
  • 点击 Dashboard -> Products -> Add New可以用来新建商品

    设置商品的各种属性 image.png

    image.png

    image.png

    image.png

    image.png

4. 在页面中添加置顶商品

  • 首先将商品的Feature属性设置为true image.png

  • 在页面中添加Featured商品

    参考这篇关于商品shortcode语法的文档 docs.woocommerce.com/document/wo…

    # example
    # 在页面中添加Shortcode控件,并将下面的shortcode粘贴进去
    [products limit="4" columns="4" category="schilke"]
    
  • 设置商品在指定区域的简要描述 image.png

  • 如果商品的价格和实际价格存在差别,将在商品的右上角显示促销图标 image.png

    如果需要修改促销图标的样式,可以参考这篇文章 elextensions.com/everything-…

5. Category与Product页面

  • Product页面
    • 页面URL格式:http(s)://+/product/
    • 可以通过修改Settings -> Product的属性,来修改显示在该页面上的内容
  • Category页面
    • 页面URL格式:http(s)://+/product-category/
    • 可以点击页面工具栏中的Customize来修改Page-SzieSort-ModeProduct-Item-View之类的属性 image.png image.png
  • 自定义Category页面

    我们可以使用Shortcode语法编写符合自己要求的Shortcode,来完全自定义Category的页面,然后在目标页面上添加Shortcode控件来显示要显示的产品列表。 可以根据这篇文档来定制产品列表,并可以定义Page-Size, Category-Slug, 与Filters信息。 docs.woocommerce.com/document/wo…

6. 优惠券

  • 点击 Dashboard -> WooCommerce -> Coupons新建优惠券
  • 可以通过Coupon amount来设置折扣信息

7. 支付