Фильтры размера изображения не работают должным образом

Question

Я хочу, чтобы все изображения продуктов отображались в формате 1024x1024, который автоматически создается при загрузке.В настоящее время все изображения показаны в размере master.

У меня есть следующая строка кода, которую должен отобразить как мой запрошенный размер:

<img src="{{ product.featured_image | img_url: '1024x1024' }}" alt="{{ featured_image.alt | escape }}" id="ProductPhotoImg" data-image-position="1">

Однако это не так.Например, в Chrome DevTools я вижу, что собственный размер (произвольного) рекомендуемого изображения составляет 1754 x 2456, оба размера которого больше 1024. Ясно, что это только рендеринг основного изображения.

Как я могурешить это?

Answer 1

Мне интересно, если код, который вы вставили, взят из того места, где у вас возникли проблемы.Я думаю, что вспомнил, что у меня были похожие результаты, если в моем коде отсутствовали кавычки вокруг параметра размера, такие как:

<img src="{{ product.featured_image | img_url: 1024x1024 }}" alt="{{ featured_image.alt | escape }}" id="ProductPhotoImg" data-image-position="1">