Shopify themes, liquid, logos, and UX
I am using the Empire Theme from Pixel Union. It crops Blog Page Feature images to a non-standard ratio.
I am using standard 16x9 ratio feature images for my blog posts.
They are great images. They share well on social media. https://www.facebook.com/CALIStrongUSA/posts/pfbid0aq4ewMV3YW5tQJSyMZhfpmxNEE3eu9YiaRfRi7EuhyV5AH9YZ...
The feature images display properly on blog pages https://store.cali-strong.com/blogs/news
They appear properly in Blog posts section of the theme https://store.cali-strong.com/ used at the bottom of the page above the footer.
All using 16x9 ratio images. Nothing gets cropped.
However, on the actual blog post itself, it crops it to a weird narrow 1200 × 500 px shape that is not 16x9 and it looks awful https://store.cali-strong.com/blogs/news/bill-walton-basketball-icon
How can I get it to display the non-cropped 16x9 image?
Inside of Empire in the code editor in the Sections Folder inside of static-article.liquid I have found the following code:
{% if article.image %}
<figure
class="article-image article-image--{{- section.settings.featured_image_width }}"
{%
render 'rimg',
img: article.image,
size: '1800x',
lazy: true,
crop: 'center',
background: true
%}
>
{%
render 'rimg',
img: article.image,
size: '1800x',
crop: 'center',
lazy: true,
canvas: true
%}
</figure>
{% endif %}
Is there a way for me to edit it so that it does not crop the blog post feature image to 1200x500 pixels?
Did you find a solution for this? I'm also using the Empire theme and have the exact same issue. If you found a solution would you be able share? Thank you!
No, I switched my theme to Gain. Their tech support is really responsive. Not to mention, their theme is 3 times faster. I can't believe how slow Empire was. It was really costing me.
https://themes.shopify.com/themes/gain/styles/the-lace
I can never undersand why themes crop blog post feature images to weird ratios instead of the standards used. I have no idea where 1200x500 comes from. It is just dumb.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024