Доступ к метафолям Shopify Collection через список ссылок

Question

Я хочу показать настраиваемое поле (используя приложение Shopify Custom Fields), чтобы показать другое изображение, отличное от изображения коллекции (мы не можем использовать изображение коллекции по причинам, о которых слишком долго писать).Прямо сейчас, используя настраиваемое поле, которое является текстовым полем (которое у нас есть как абсолютный URL к изображению, которое мы хотим использовать) здесь:

<img src="{{ collection.metafields.custom_fields["collection_list_image_url"] }}" alt="{{ link.title }}"/>

Чтобы получить изображение Коллекции как нормальное, которое работает, яused:

<img src="{{ link.object.image.src | collection_img_url: 'master' }}" alt="{{ link.title }}"/>

По какой-то причине изображение не появляется, и после проверки оно говорит, что img src неизвестно.Это работает, если мы используем обычное коллекционное изображение.Что-то, что мне нужно добавить, чтобы это настраиваемое поле динамически отображалось для каждой коллекции в меню навигации (список ссылок)?

У меня написан следующий код:

<div class="collection-list">
  {% for link in linklists.collection-list.links %}
    <div class="box">
      <a href="{{ link.url }}">
        <img src="{{ collection.metafields.custom_fields["collection_list_image_url"] }}" alt="{{ link.title }}"/>    
         <div class="heading">
           <h2>{{ link.title }}</h2>
           <button type="button" class="btn btn-dark">shop now</button>
         </div>
       </a>
     </div>
   {% endfor %}
 </div>

Answer 1

Вам нужно сослаться на link.object (и, возможно, учесть тот факт, что это может быть не коллекция).Вложенные одинарные кавычки в двойные кавычки при ссылке на ключ метаполя также имеют лучший синтаксис:

<div class="collection-list">
  {% for link in linklists.collection-list.links %}
    {% if link.object == 'collection' %}
      {% assign cf = link.object.metafields.custom_fields %}
      <div class="box">
        <a href="{{ link.url }}">
          <img src="{{ cf['collection_list_image_url'] }}" alt="{{ link.title }}">
          <div class="heading">
            <h2>{{ link.title }}</h2>
            <button type="button" class="btn btn-dark">shop now</button>
          </div>
        </a>
      </div>
    {% endif %}
  {% endfor %}
</div>