Shopify比例/图像尺寸

Question

我想要有两个类为我的产品图像， 一个肖像类和一个景观类。 在我的主题区（Brooklyn），还有的

{% if settings.product_image_type == 'portrait' %} 

{% if is_portrait_image %} 

一个选项，但这些都是从主题的设置，并没有真正涉及到图像的比例。 我已经看过shopify文档（https://help.shopify.com/themes/liquid/objects/image#image-variants），但我无法找到如何获取图像宽度/高度或其比例的解决方案。 有谁知道我该怎么做？

Answer 1

也许通过使用jQuery做它的前端，有这样的事情：

$(function(){ 
    $(".grid-product__image").each(function(){ 
     var width = $(this).width(); 
     var height = $(this).height(); 
     if(width > height) { 
      $(this).addClass("landscape"); 
     } else { 
      $(this).addClass("portrait"); 
     } 
    }); 
});