将 liquid Shopify 叠加层的值更改为 true header

Question

我正在尝试在某些页面上设置叠加层 header，其中叠加层 header 不是我 Shopify 商店的 Motion 主题的标准设置。

我前提是我不太擅长 liquid 代码，我在这里寻求帮助。

这是原始代码行：

assign template_name = template | replace: '.', ' ' | truncatewords: 2, '' | handle
assign sticky_header = false
  assign overlay_header = false

  if section.settings.header_sticky
    assign sticky_header = true
  endif

  if template_name == 'index' and section.settings.sticky_index
    assign overlay_header = true
  endif
  if template_name == 'collection' and collection.image and section.settings.sticky_collection
    assign overlay_header = true
  endif

我尝试编辑并在底部添加：

if template_name == 'page.chisiamo'
    assign overlay_header = true
  endif

但是页面 https://hatproof.com/pages/nuovo-chi-siamo（'page.chisiamo' 模板名称）的“overlay_header”值没有更改为“true”。

我也曾尝试编辑 'page' 中的变量名称，'page chisiamo' 但从未奏效。

值是这样使用的：

<div data-section-id="{{ section.id }}" data-section-type="header">
  <div id="HeaderWrapper" class="header-wrapper{% if overlay_header %} header-wrapper--overlay is-light{% endif %}">

如何将某些特定页面的“overlay_header”值更改为 true？

Answer 1

在 template_name 变量中，过滤器用一个间隔替换一个点，然后再处理过滤器。

在那次互动之后，page.chisiamo 不再像模板字符串那样。

你先把它改成page chisiamo替换，在 page-chisiamo 之后使用句柄过滤器。

你可以使用这个：

{%- if template_name == 'page-chisiamo' -%}
   {%- assign overlay_header = true -%}
{%-endif -%}

或者您可以只检查 template_name 是否包含 chisiamo，如下所示：

{%- if template_name contains 'chisiamo' -%}
   {%- assign overlay_header = true -%}
{%-endif -%}

将 liquid Shopify 叠加层的值更改为 true header

Change a value to true on liquid Shopify overlay header

templates

overlay

header

liquid

shopify