Quick Add Button Menu Preview Product Image Not Showing Up (Dawn 9.0.0)

Store Design
, , , ,
1

Hey,

I am having this issue with my site where when you click on the “choose options” button underneath a product on the collections page the product image does not load. How can I fix this issue?

Website: Wholesome Boy

Example:

5ea343d40f2a8cc9b02092d9d504a027 (1).png
5ea343d40f2a8cc9b02092d9d504a027 (1).png1918×936 188 KB

Thanks,

Justin

2

If you’re experiencing an issue where the product image doesn’t load when clicking on the “Choose Options” button on the collections page in your Shopify store, there are a few possible reasons and solutions you can try:

  1. Verify the product image URL: Ensure that the product image URL is correct and accessible. You can check this by inspecting the image element in your browser’s developer tools and confirming that the URL is accurate.

  2. Check for JavaScript errors: There might be JavaScript errors occurring on the collections page that prevent the product image from loading. Open your browser’s developer tools, navigate to the “Console” tab, and look for any error messages. If you find any errors, resolve them to fix the image loading issue.

  3. Review your theme’s code: Examine the liquid files responsible for rendering the collections page and the “Choose Options” button. Look for any code that relates to product images or product options. Make sure the necessary variables and attributes are correctly used to display the product image when the button is clicked.