When some people use WooCommerce Product Options with the Live Preview add-on, they sometimes find that the live preview does not correctly appear over the main product image. It appears correctly in the 'Customize' popup, but then does not load on the product page after you close the preview.

When this happens, the image may not load at all, or you may see an error such as "Mixed Content: The page was loaded over HTTPS, but requested an insecure image error in the Javascript console."

The reason for this is nearly always because your website URL is misconfigured at Settings → General. Please check this page and ensure that the URL begins with https:// instead of http:// in both the WordPress Address (URL) and the Site Address (URL) fields. It's likely that one or both of these currently begins with http://, which is causing the error.

Related Articles

• Why is the live preview loading slowly?
• The live preview isn't showing on the cart or checkout
• Why do my image buttons have a double border?
• The page crashes when I save a product option
• Error: "There was an issue while creating the group. Please try again."
• "Invalid file type" warning on File Upload field