[UI] - Fix image load for magento image urls (#632)

klevultd · Jun 6, 2024 · aa83fb5 · aa83fb5
1 parent 079913c
commit aa83fb5
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/klevu-ui/src/components/klevu-product/klevu-product.tsx b/packages/klevu-ui/src/components/klevu-product/klevu-product.tsx
@@ -441,7 +441,10 @@ export class KlevuProduct {
         class="image"
         part="product-image"
         style={{
-          backgroundImage: `url(${imageUrl})${fallback}`,
+          backgroundImage: `url(${imageUrl}), url(${imageUrl.replace("needtochange/", "")}), url(${imageUrl.replace(
+            "needtochange/",
+            "pub/"
+          )})${fallback}`,
         }}
       >
         {this.hideHoverImage !== true && this.product?.imageHover ? (