Image 超级菜单中的产品形象

我正在Shopify中构建一个大菜单，它将显示收藏图片、产品图片和其他链接的通用图片

目前，采集图像显示良好，但在显示产品图像时遇到一些问题。我的mega菜单代码如下所示：

 <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>

{link.links%%中的子链接为%u}


{%endfor%}

---

任何关于可能错误的想法都是受欢迎的

产品没有

图像

对象，它有

特色图像

或

图像

所以你应该调用

{{child_link.object.characterized_image|img_url:'500x'}}

---

这同样适用于您的

if

检查您检查图像是否存在的位置。

工作正常。谢谢