Hi there,
I am trying to use the following code to display my images (this is just a part):
<picture>
<source type="image/avif" srcset="
{{ item.medium.url | replace({('.' ~ item.medium.url | split('.')[item.medium.url | split('.')|length - 1]): ""}) }}.avif {{ item.medium.width }}w,
{{ item.medium_large.url | replace({('.' ~ item.medium_large.url | split('.')[item.medium_large.url | split('.')|length - 1]): ""}) }}.avif {{ item.medium_large.width }}w,
{{ item.nine_hundred_sixty.url | replace({('.' ~ item.nine_hundred_sixty.url | split('.')[item.nine_hundred_sixty.url | split('.')|length - 1]): ""}) }}.avif {{ item.nine_hundred_sixty.width }}w,
{{ item.large.url | replace({('.' ~ item.large.url | split('.')[item.large.url | split('.')|length - 1]): ""}) }}.avif {{ item.large.width }}w
{{ item.full.url | replace({('.' ~ item.full.url | split('.')[item.full.url | split('.')|length - 1]): ""}) }}.avif {{ item.full.width }}w,
" sizes="(min-width: 769px) 80vw, 96vw"
/>
For some reason, `{{ item.large.width }}' is outputting 857 on the frontend, despite it being 1780. Any idea on why this is happening?
.
