Prestige product images not loading in mobile search results - iOS only

The issue you are facing is a bug caused by a recent Safari change, but it has already been fixed in recent theme versions.


If you don't want to update the theme now, you can fix this in your current theme version by editing the product-card.liquid file. Before editing the theme files, make sure to duplicate your theme to create a backup copy of your current version. This way, if something goes wrong, you would still have the backup.


If you don't have coding knowledge or unsure how to edit this, we can apply this fix for you.


To edit this, on line 70, replace the {% capture sizes %}  by:


{%- capture sizes -%}
          {%- assign products_per_row_desktop = section.settings.products_per_row_desktop | default: 3 -%}

          {%- if stacked -%}
            (max-width: 699px) calc(100vw / {{ section.settings.products_per_row_mobile | default: 2 }}), (max-width: 999px) calc(100vw / {{ 3 | at_most: products_per_row_desktop }} - 64px), calc((100vw - 96px) / {{ products_per_row_desktop }} - (24px / {{ products_per_row_desktop }} * {{ products_per_row_desktop | minus: 1 }}))
          {%- else -%}
            (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / {{ products_per_row_desktop }} - (24px / {{ products_per_row_desktop }} * {{ products_per_row_desktop | minus: 1 }}))
          {%- endif -%}
        {%- endcapture -%}