I asked a developer to help me to create a metafield that would be a repeating pattern background for the transparent png of the product images. That would also allow clients to zoom in and out and change hue and saturation. After that, I started loading products like this instead of jpg that was what I used to do and then the pages with this new feature take a long time to load or crash it all together. The background image (metafield) doesn’t show in the drawer cart, in the the check out, in the email marketing area, in the wishlist apps etc. Does anyone know how to fix this? I already contacted other developers and they are not able to fix it so far. Any ideas? I’m using Impulse theme I already contacted them and they just advised me to get a developer and offer no help…
Topic summary
Main issue: After implementing a Shopify metafield to apply a repeating pattern background behind transparent PNG product images (with zoom/hue/saturation controls), product pages load very slowly or crash.
Rendering gaps: The background image/metafield does not appear in several surfaces: drawer cart, checkout, email marketing area, wishlist apps, and “products you may like.”
Context: Store uses the Impulse theme. The merchant switched from JPGs to transparent PNGs plus the metafield background.
Scale: Approximately 70 products per collection page were mentioned.
Attempts to fix: Multiple developers have tried changes (a screenshot of one attempt was shared) but the issues persist. Theme support referred the merchant back to a developer and provided no fix.
Clarifications: The merchant has tried at least one suggested tweak but still sees the problem, and seeks guidance specifically on making the images display in cart/checkout and other integrations.
Status: No resolution yet. Key open needs are performance optimization of the new image approach and ensuring the metafield-driven background renders across theme sections, checkout, and third‑party app surfaces.
