I have a detail
transform setup and here's my template code:
{% if block.type == 'image' %}
{% for asset in block.image %}
<img src="{{ asset.url('detail') }}" alt="{{ asset.title }}" class="{% if block.position in ['left'] %}pull-left{% endif %}">
{% endfor %}
{% endif %}
But on the front end it's taking a smaller image and stretching it and it's become distorted. If I remove 'detail'
from the url()
parameter it's fine.
Here's what my Detail Transform looks like:
Any thoughts?
It also looks like all transforms are doing the same thing as well. So it's not just related to the detail
transform.