我正在处理一个有多个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>
,那么:
复制此片段
product-template.liquid
以制作new-product-template.liquid
,并在new-product-template.liquid
上将<h1>
更改为<h2>
在
featured-product.liquid
内部使用重复的片段new-product-template.liquid
,因此它将是:{%- render 'new-product-template', ..... -%}