Question

我正在Shopify中构建一个megamenu，它将显示集合图像，产品图像和其中可能存在的任何其他链接的通用图像的混合。

当前，收藏图像显示的是精美图像和普通图像，但是在显示产品图像时遇到了一些麻烦。我的超级菜单代码如下所示：

 <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检查在检查图像是否存在的地方也是如此。

大型菜单中的产品图片

1 个答案: