html关键字和秒速描述,shopify产品描述拆分为短秒速、长描述

本文详细介绍了如何在Shopify中将产品描述拆分为两部分,尤其适用于内容丰富的商品页面。通过编辑`product-template.liquid`文件,使用`split`标签将描述分开,并在HTML视图中插入分割点。修改后,产品描述将更适应页面布局,提高用户体验。
摘要由CSDN通过智能技术生成

在大多数模板中,产品描述均位于产品页加购按钮之下。但是对于产品页面包含大量产品内容,图像或视频时,将描述进行拆分效果比较好。本文将展示如何将shopify产品描述拆分为两部分。

例如Brooklyn模板中的原始产品描述如下图,产品描述全在页面右侧

split-shopify-product-description.html

修改之后的产品描述如下图

split-shopify-product-description.html

修改教程

第一步:

在shopify后台,在线商店-->模板-->点击编辑代码

在section文件夹中找到 product-template.liquid 文件,这是我们需要编辑的文件。

然后在product-template.liquid中找到以下代码行,

{{ product.description }}

并将其替换为以下代码:

{{ product.description | split: '' | first }}

{% if product.description contains "" %}

{{ product.description | split: '' | last }}

{% endif %}

由于模板不同,具体样式需要进行细微调整。

第二步:

转到需要拆分描述的产品,然后在描述区域中选择 < >符号“显示HTML”视图:

split-shopify-product-description.html

然后在html视图中,将  添加到描述需要拆分的地方。

split-shopify-product-description.html

注意:如果在代码视图中以外的任何地方输入,否则此功能将失效。另外,split分割标签不会出现在内容编辑器中;您必须在代码视图中才能看到它。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值