I’ve installed some plugin and now the first image of each product page are deformed. But when you click the image, it show the original size (square). Does someone know what is happening and how I can solve it? Please explain in language for a person that understand nothing about coding. Product page example: https://sexshoperoticos.com.br/products/plug-bleep-vibratorio-controlado-por-celular
Topic summary
Main issue: After installing a plugin, the first product image on each product page appears stretched, but when clicked it displays in its original square size.
Proposed fixes:
- Edit the Shopify theme code: Online Store > Edit Code > open theme.liquid, and insert a Liquid block ({% if product %}{% endif %}) just above the tag. This suggestion targets the product page template area.
- Treat it as a theme-related problem; one reply links to an external guide for fixing the “Ella” theme image error (HaloThemes blog), implying a known layout/aspect-ratio bug in that theme.
Key context:
- “theme.liquid” is the main layout file in a Shopify theme, and Liquid is Shopify’s templating language.
- The external blog post is central to understanding and applying the potential fix.
Status:
- No confirmation that either approach resolved the issue.
- Discussion remains open; next steps are to try the theme fix from the linked guide or seek theme-specific support.
Hi @Fer0x
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
{% if product %}
{% endif %}
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hi @Fer0x
This is your theme issue, and you can solve it by following this instruction
https://halothemes.net/blogs/shopify/fixing-ella-image-error