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