更改特色产品的h1.liquid



我正在处理一个有多个h1的页面,原因是因为功能产品的标题中有一个h1。

这是feature-product.liquid内部的内容,其余是模式

{%- if section.settings.divider -%}<div class="section--divider">{%- endif -%}
{%- assign product = all_products[section.settings.featured_product] -%}
{%- if product != blank -%}
{%- render 'product-template',
product: product,
section_id: section.id,
blocks: section.blocks,
image_position: section.settings.image_position,
image_container_width: section.settings.image_size,
product_zoom_enable: section.settings.product_zoom_enable,
sku_enable: section.settings.sku_enable,
thumbnail_position: section.settings.thumbnail_position,
thumbnail_arrows: section.settings.thumbnail_arrows,
mobile_layout: section.settings.mobile_layout,
video_looping: section.settings.enable_video_looping,
video_style: section.settings.product_video_style,
is_recommendation: true
-%}
{%- endif -%}

我似乎只是简单地告诉代码要获取什么信息,但我如何才能使标题只有在这个区域才有h2?我已经就这个话题研究了好几个小时,但找不到太多信息。

我正在使用脉冲模板

featured-product.liquid中,您可以看到以下代码:

{%- render 'product-template',
......
-%}

也就是说,你包含了一个名为'product-template'的片段,所以在文件夹snippets上,你会找到一个称为product-template.liquid的文件,打开该文件,你会发现<h1>,如果你想要,你可以将其更改为<h2>


如果您想保留product-template.liquid以在其他地方继续使用<h1>,那么:

  1. 复制此片段product-template.liquid以制作new-product-template.liquid,并在new-product-template.liquid上将<h1>更改为<h2>

  2. featured-product.liquid内部使用重复的片段new-product-template.liquid,因此它将是:{%- render 'new-product-template', ..... -%}

最新更新