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