Shopify比例/图像大小

Question

我想为我的产品图片设两个课程， 一个肖像班和一个风景班。 在我的主题（布鲁克林）中，有一个选项

{% 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");
        }
    });
});