Изображение товара в мегаменю

Question

Я создаю мегаменю в Shopify, который будет показывать сочетание изображений коллекции, изображений продуктов и общего изображения для любой другой ссылки, которая может быть там.

В настоящее время изображение коллекции отображается нормально и общее изображение, но возникают некоторые проблемы с отображением изображения продукта.Мой код для мегаменю показан ниже:

 <ul class="megaMenu">
 <div class="megaMenuWrapper">
   {% for child_link in link.links %}  
   <li {% if child_link.active %}class="active {% if child_link.child_active %}child-active{% endif %}"{% endif %}>
     <a href= "{{ child_link.url }}">

       {% if child_link.type == "collection_link" and child_link.object.image %}

          <div class="menuImage" style="background-image: url('{{ child_link.object.image | img_url: '500x' }}')"></div>

       {% elsif child_link.type == "product_link" and child_link.object.image %}

          <div class="menuImage" style="background-image: url('{{ child_link.object.image | img_url: '500x' }}')"></div> 

       {% else%}

          <div class="menuImage" style="background-image: url('https://cdn.shopify.com/s/files/1/0924/5464/files/map_macarons_paris.jpg?1158498038497005180')"></div>

       {% endif %}

       <span>{{ child_link.title }}</span>

     </a>
   </li>
   {% endfor %}
 </div> 
</ul>

Любые идеи о том, что может быть не так, приветствуются.

Answer 1

У продуктов нет объекта image, у него есть featured_image или images.

. Поэтому вместо этого следует вызвать {{ child_link.object.featured_image | img_url: '500x' }}.

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