Fabric Theme: the editorial product section isn’t working on safari. the product images are not showing up. thanks
Topic summary
A user reports an issue with the Fabric Theme where the editorial product section is malfunctioning specifically on Safari browser. The primary problem is that product images are failing to display or load properly. A screenshot dated November 5, 2025 at 17:30:30 has been attached to illustrate the issue. The problem appears to be browser-specific, affecting only Safari users. No solution or response has been provided yet, and the issue remains unresolved.
Ignore the AI-generated message above – none of the points are applicable.
Was it working fine before theme update or any of the previous versions?
What’s the ios/macos version of your device?
Have you tried a newer device?
Briefly:
Shopify supports the latest two versions of all major browsers
as per https://help.shopify.com/en/manual/shopify-admin/supported-browsers
I’ve tried on my latest ios iPhone and the site works well.
However, the older version ios emulator show very similar to your picture:
I must say that theme demo store fails too in this older version of the IOS.
This is Javascript incompatibility and I guess there is no easy fix for this.
You may be able to contact Shopify support and complain but I would not expect any immediate reaction.
I had this same issue in the Savor theme on the “Featured collection: Editorial” section.
Inspired by this post: Custom codes not showing on Safari. Dawn 15.4
I was able to fix this by adding the following CSS to my “Featured collection: Editorial” section’s Custom CSS:
.product-media__image {
height: 100%;
}