Mirox 商品详情页装修

商品详情页装修-页面布局

商品默认使用:默认布局

您可以装修其他的页面布局,然后在商品编辑页面,使用响应的布局,进而实现不同的商品,使用不同的页面布局,更多详细参看:装修-页面布局

模版默认创建了多个页面布局,您可以直接使用这些页面布局,也可以创建页面布局

  • 商品默认使用的是:默认
  • 对于其他的页面布局,商品如果要使用,需要到商品编辑页面,进行指定页面布局

商品详情页装修

商品详情页,是非常重要的一个页面,包括商品的图文信息,描述信息等,这个页面展示商品的各种数据信息,不同的商品,又会有不同的展示,因此该页面也存在一定的自定义要求

该页面,存在2个独有的卡片,不允许删除

  • 产品信息
  • 商品信息标签

一.产品信息卡片

  • 进行卡片信息的配置
  • 通过添加子卡片,进而显示更多的商品内容

1.卡片配置:设置比例宽度

2.商品橱窗图展示方式

装修卡片-产品信息:子卡片

1.子卡片:显示内容

2.添加更多子卡片,以及拖动子卡片的位置

装修卡片-产品信息:子卡片说明

对某几个子卡片进行说明

1.库存状态

2.附加按钮

3.可折叠标签

3.1可添加多个折叠标签

3.2支持liquid代码

3.3可以使用的liquid代码

您可以在这里填写内容,以及加入liquid的代码

支持的变量

  • 商品ID:{{ product.id }}
  • 商品标题:{{ product.title }}
  • 商品描述:{{ product.body_html }}
  • 商品Handle:{{ product.handle }}
  • 商品Meta title:{{ product.meta_title }}
  • 商品Meta Keywords:{{ product.meta_keywords }}
  • 商品Meta Description:{{ product.meta_description }}
  • 商品划线价格:{{ product.compare_at_price }}
  • 商品销售价格:{{ product.price }}
  • 商品总库存:{{ product.qty }}
  • 商品销售数量:{{ product.final_sale_count }}
  • 商品专辑Id:{{ product.collection.id }}
  • 商品专辑名称:{{ product.collection.title }}
  • 商品专辑handle:{{ product.collection.handle }}

如果您想在这里调出来商品描述内容,那么可以填写: {{ product.body_html }}

3.4高级处理,使用过滤器

  • 您可以使用过滤器进行处理,详情参看:Filter过滤器
  • 过滤器,也就是filter,可以对数据进行进一步处理,需要仔细看文档的写法。
  • 对于不懂代码的用户,不建议使用该功能。

譬如:将商品描述的2023改成2025

  • 代码:{{ product.body_html | replace: '2023', '2025' }}

当然,上面是对站内内容进行举例

  • 对于即时计算,肯定是额外耗费资源的
  • 如果您真的要修改商品描述,进行批量替换,建议使用我们的批量编辑插件,直接更改数据库中的内容。
  • 这里只是举例如何使用

4.插件部分

  • 对于插件的一些功能信息展示,您需要在这里添加子标签

譬如:组合购买插件,您需要在这里添加子卡片

对于插件:自定义属性,信任徽章等,都需要在这里添加子卡片后,才会显示。

装修卡片-商品信息标签

您可以在这个卡片里面,进行子卡片的添加

Copyright © fecify.com 2025 all right reserved,powered by Gitbook该文件修订时间: 2025-12-01 16:20:00

results matching ""

    No results matching ""