Customizing Product Pages

Estimated reading: 1 minute 19 views

自定义产品页面(Single Product Templates)

设计单个产品模板

步骤

  1. 在 WordPress 仪表盘,导航到 模板 > Theme Builder(主题构建器)
  2. 选择 Single Product(单个产品),然后点击 添加新的
  3. 在弹出的窗口中,选择 Single Product,为模板命名,然后点击 创建模板
  4. 您可以选择一个预制的产品页面模板,或从空白开始设计。

使用 WooCommerce Widgets

常用 WooCommerce 小工具

  • Product Title(产品标题)
  • Product Image(产品图片)
  • Product Price(产品价格)
  • Add to Cart(加入购物车)
  • Product Description(产品描述)
  • Product Data Tabs(产品数据选项卡)
  • Product Rating(产品评分)
  • Product Stock(产品库存)
  • Product Meta(产品元数据)
  • Upsells(追加销售)
  • Related Products(相关产品)

设计方法

  1. 拖放小工具:将上述 WooCommerce 小工具从左侧面板拖放到画布中,构建产品页面布局。
  2. 自定义样式:在 Style(样式)Advanced(高级) 选项卡中,自定义每个小工具的外观和布局,以匹配您的品牌风格。

添加动态内容

  • 使用 Dynamic Tags(动态标签),确保产品信息自动从数据库中获取,适用于所有产品。
  • 例如,使用 Product Title 小工具,它会自动显示当前产品的标题。

设置条件和发布模板

  1. 设计完成后,点击 发布 按钮。
  2. Display Conditions(显示条件) 中,设置模板的适用范围。
    • Include(包含):选择 All Products(所有产品),或特定的分类、标签等。
    • Exclude(排除):如果需要,可排除某些产品。

 

产品分类和标签页面

  • Theme Builder 中,创建 Product Archive 模板,针对产品分类和标签页面进行自定义。
  • 使用 Archive Title(归档标题)Products(产品) 等小工具,构建符合品牌风格的分类页面。

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Customizing Product Pages

Or copy link

CONTENTS