WooCommerce Variation Images not displaying - wordpress

On the single product page, when I select a color, the featured image doesn't change. WordPress has been updated to 4.6.1, WooCommerce to 2.6.2, and the Storefront theme to 2.1.2. I have deactivated all plugins except WooCommerce and am using the Storeront theme exactly as I installed it.
I cleared all caches, cleared my browser cache (Chrome, latest version),and even went so far as to re-enter all variation images for a single product. Further testing hs yielded the same result. I have no PHP errors, no errors in Dev tools, and no errors in WooCommerce System Status. After searching through a number of forums, including this one, I haven't been able to find a solution. WooCommerce documentation is limited and isn't helpful at the moment. I have done all the updating and troubleshooting per the documentation, and this feature still doesn't work. The WooThemes team is out to their annual conference until September 22nd, so I can't submit a ticket.
Has anyone had a similar problem? What did you do to solve it?

In your list of product variations there is a little blue icon acting as an image placeholder. BE SURE TO INCLUDE LINK URL FOR IMAGES. Upload your image and then “insert”. All your variations should have an image here. On the product page the image will(should) automatically change when you select a variation.
Further Reference

Related

Images showing in description of woocommerce products instead of normal thumbnail location

Instead of images showing up as thumbnails underneath the main product image, they are getting added to the description section of each product. Here is an example product page: https://vdgmilitaria.com/shop/other-axies-allies/italy/ww2-italian-german-african-campaign-medal/
Any idea what could be causing this?
As a side note it seems like some of the styles on the website are now broken too and things are sitting in weird places such as the screenshot attached.
I've tried inspecting the product pages on my website with the web developer tools, but still can't figure out what is going on here.
This issue is likely caused by changes made to the WooCommerce theme or plugins affecting the product page layout and functionality. To fix it, you can try the following steps:
Disable all plugins temporarily and see if the issue is resolved. If so, re-enable each plugin one by one and check if the issue reappears after each activation.
If disabling plugins doesn't resolve the issue, try switching to a default WordPress theme like Twenty Twenty-One to see if the problem is with the theme.
If the issue still persists, you can try contacting the WooCommerce support team or the theme author for further assistance.
If all else fails, consider hiring a WordPress developer to investigate the issue and make necessary fixes.
Note: Before making any changes, it's always a good idea to backup your website to avoid losing any data.

On Elementor using Woocommerce, header doesn't show up on Shop and Product pages

I’ve built my website http://tsukidoki.art/ with Elementor and I’m using Woocommerce for my digital art products. One problem I’m encountering but can’t seem to fix is that the header disappears on the Shop (http://tsukidoki.art/shop/) and single product pages. It’s not even being called as the below header wrapper is nowhere to be seen in dev tools. 
I’ve disabled all plugins and enabled them one by one and found out that Woocommerce and Elementor are conflicting with each other. They’re supposed to be compatible seeing as Woocommerce is the most popular choice for ecommerce on Wordpress, so I’m a bit dumbfounded as to why my problem seems so obscure. I couldn’t find anything when I tried troubleshooting and looking around. 
Any help would be greatly appreciated! 

Woocommerce single product page not working

I'm working on a new webshop, everything was working fine and the shop was almost done. Today I did some tweeks to the search page and some styling changes, but now I noticed that the single product page isn't working anymore. The shop, cart, category page and everything else from woocommerce is working just fine, except for the single product page.
I did do an update to v5.5.2 today, maybe that has something to do with this, but I can't figure out how to fix this.
As you can see in the screenshot below, the product image, pricing, options etc. isn't showing up, only the description.
Woocommerce single page with DOM
Does anyone here know how this could have happend and how I can fix this?
Details:
WP v5.8
Woocommerce v5.5.2
Is your theme and plugins running on the latest version?
If you temporarily switch to another theme (example twenty-twentyone) and you try to open the same product page is it working properly?

Woocommerce products show outdated images

I have recently updated the Woocommerce theme and now the products show outdated images, used one year ago, instead of the new ones. I check the products description and the image is right, it's only on the website that the old images show. I cleared the cache on wordpress as well as on my computer's browser's. I also checked from a different computer and it still shows the outdated images. Any thoughts?
It was sorted out. I removed removed the old images and deleted the cache.. it was a flaw in woocommerce

fancybox loading mystery object content in woocommerce - "requested content cannot be loaded"

Up to date wordpress, woocommerce and fancybox
When scrolling through product images using easy fancybox from the product details page, fancybox is apparently attempting to load extra content from somewhere.
What I mean is, if I have a product with a total of two images, fancybox displays those images just fine, but then tries to load a third image or some kind of link or content and returns "the requested content cannot be loaded, please try again later". I can continue scrolling through this, but obviously, it is annoying.
Printful (a t-shirt dropshipper) is integrated with my woocommerce install. They recently rolled out a new tool that imports a product from the printful website into woocommerce. The import includes product info, description and an image, which I delete and replace with my own images. I believe the issue has something to do with this import tool. I have contacted printful but they are scratching their heads, so I am trying here.
I have tried deleting caches and playing with all the fancybox settings, different browsers.. I have spent an hour digging through forums. I am stumped.
I will post a link if requested, but i've had links to this particular website removed from stackoverflow by moderators (or someone).
Thanks so much for your help!
RESOLVED (not at all)
I deactivated the printful integration plug in and the ghost images have disappeared. This solves the immediate problem, but creates another one in its place.

Resources