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