Shopify Ifstatements в цикле

Question

, поэтому я пытаюсь размыть только изображения, которые содержат определенные теги, я могу это сделать, но это размывает все, включая текст. Я могу видеть, где находятся изображения, но применение кода там, кажется, не имеет никакого эффекта.

<ul class="grid grid--uniform grid--view-items">
{% for product in collection.products limit: product_limit %}
  <li class="grid__item grid__item--{{section.id}} {{ grid_item_width }} ">



    {% include 'product-card-grid', max_height: max_height %}

  </li>
{% else %}

  {% for i in (1..product_limit) %}
    <li class=" grid__item grid__item--{{section.id}} {{ grid_item_width }} ">
      <div class=" grid-view-item product-card">
        <a class=" grid-view-item__link grid-view-item__image-container full-width-link " href="#">
          <span class="visually-hidden">{{ 'homepage.onboarding.product_title' | t }}</span>
        </a> 
        <div class="grid-view-item__image-wrapper"> <!-- this only effects the image on the homepage-->
          {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
          {{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
        </div>
        <div class="h4 grid-view-item__title" aria-hidden="true">{{ 'homepage.onboarding.product_title' | t }}</div>
        {% include 'product-price', variant: nil %}
      </div>
    </li>
  {% endfor %}
{% endfor %}

Фрагмент кода для размытия:

{% if product.tags contains "Lewd" or product.tags contains "lewd" %}blur{% endif %}

, если применить его к открывающему тегу li, он размывает весь элемент, включая текст.

<div class="product-card__image-with-placeholder-wrapper" data-image-with-placeholder-wrapper="">

Приведенный выше код - это то место, где кажутся только изображения, но если код размытия помещен выше в классе, он, похоже, ни на что не влияет.

какие-либо предложения о том, где или почему это может не сработать? извините, если это немного открыто, я возился с этим совсем немного.