在shopify中将图像强制设置为特定的纵横比

在shopify中将图像强制设置为特定的纵横比,shopify,liquid,Shopify,Liquid,我已经坐了几个小时试图解决这个问题,但由于某种原因,我无法接近,所以我想我会伸出援手 我正在努力确保我的shopify页面中的所有图像大小和纵横比相同,但是(由第三方库存管理系统)导入的一些图像大小不同,所以如果有意义,我需要它们大小相同 我在下面附上了一个截图。说到shopify,我不是最好的,所以如果有人能给我指出正确的方向,那就太好了 未定义 添加到购物车 快速查看 巧克力 57.99英镑 嗨!请发布用于显示图像的主题的源代码。 <div class="boost-p

我已经坐了几个小时试图解决这个问题,但由于某种原因,我无法接近,所以我想我会伸出援手

我正在努力确保我的shopify页面中的所有图像大小和纵横比相同,但是(由第三方库存管理系统)导入的一些图像大小不同,所以如果有意义,我需要它们大小相同

我在下面附上了一个截图。说到shopify,我不是最好的,所以如果有人能给我指出正确的方向,那就太好了


未定义
添加到购物车
快速查看
巧克力

57.99英镑


    嗨!请发布用于显示图像的主题的源代码。
    <div class="boost-pfs-filter-product-item boost-pfs-filter-product-item-grid boost-pfs-filter-grid-width-3 boost-pfs-filter-grid-width-mb-2 has-bc-swap-image boost-pfs-action-list-enabled" data-id="5957765529778">
    <script class="boost-pfs-filter-product-script" data-id="boost-pfs-product-json-5957765529778" type="application/json">undefined</script>
    <div class="boost-pfs-filter-product-item-inner">
        <div class="boost-pfs-filter-product-item-image">
            <a href="/collections/decks/products/chocolate-deck-bar-stevie-perez-8-375" class="boost-pfs-filter-product-item-image-link boost-pfs-action-overlay child-image-loaded  child-image-loaded " style="padding-top:309.5854922279793%;"><img class="boost-pfs-filter-product-item-flip-image Image--lazyLoad lazyautosizes lazyloaded" data-srcset="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_180x.jpg?v=1602856455 180w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455 260w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_360x.jpg?v=1602856455 360w" data-src="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_300x.jpg?v=1602856455" data-widths="[180, 260, 360]" data-sizes="auto" src="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_300x.jpg?v=1602856455" alt="undefined" sizes="270px" srcset="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_180x.jpg?v=1602856455 180w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455 260w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_360x.jpg?v=1602856455 360w"><img class="boost-pfs-filter-product-item-main-image Image--lazyLoad lazyautosizes lazyloaded" data-srcset="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_180x.jpg?v=1602856455 180w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455 260w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_360x.jpg?v=1602856455 360w" data-src="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455" data-widths="[180, 260, 360]" data-sizes="auto" src="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455" data-img-flip="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_300x.jpg?v=1602856455" data-img-flip-srcset="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_180x.jpg?v=1602856455 180w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455 260w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_360x.jpg?v=1602856455 360w" alt="Chocolate Deck Bar Stevie Perez 8.375" "="" sizes="270px" srcset="https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_180x.jpg?v=1602856455 180w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_260x.jpg?v=1602856455 260w, https://cdn.shopify.com/s/files/1/0257/8477/8810/products/W39_CHOC_DECK_BAR_PEREZ_BOTTOM_360x.jpg?v=1602856455 360w"></a>
        <div class="boost-pfs-action-list-wrapper boost-pfs-action-extend" style="top: 801.625px; width: 270.281px; visibility: visible;"><form method="post" action="/cart/add" accept-charset="UTF-8" class="boost-pfs-addtocart-product-form" enctype="multipart/form-data">
                <input type="hidden" name="form_type" value="product">
                <input type="hidden" name="quantity" value="1" min="1">
                <input type="hidden" name="id" value="37096651391154">
                <div class="boost-pfs-addtocart-wrapper">
                    <button name="add" class="boost-pfs-addtocart-btn {{cssClass}} boost-pfs-addtocart-select-options" type="submit">
                        <span> <svg width="32" height="32" viewBox="0 0 32 32"><use xlink:href="#boost-pfs-icon-cart"></use></svg>Add To Cart</span>
                    </button>
                </div>
            </form><div class="boost-pfs-quickview-btn" data-href="/products/chocolate-deck-bar-stevie-perez-8-375?view=boost-pfs-quickview">
                <span>
                    <svg width="32" height="32" viewBox="0 0 32 32"><use xlink:href="#boost-pfs-icon-quick-view"></use></svg>Quick View
                </span>
            </div></div></div>
        <div class="boost-pfs-filter-product-item-label"></div>
        <div class="boost-pfs-filter-product-bottom">
            <a href="/collections/decks/products/chocolate-deck-bar-stevie-perez-8-375" class="boost-pfs-filter-product-item-title">Chocolate Deck Bar Stevie Perez 8.375"</a>
            <p class="boost-pfs-filter-product-item-vendor">Chocolate</p>
            <span class="shopify-product-reviews-badge" data-id="5957765529778"></span>
            <p class="boost-pfs-filter-product-item-price"><span class="boost-pfs-filter-product-item-regular-price"><span class="money">£57.99</span></span></p>
            <ul class="boost-pfs-filter-item-swatch"></ul>
        </div>
    </div>