Woocommerce Custom Ajax Added To Cart Dialog

I'd like to add a custom popover when a customer adds a product to their cart on Shop pages. These pages are using the AJAX add to cart method that then refreshes the elements. I've added a JQueryUI dialog that displays when a product is added. The page has a table of products. It's meant to add a tick to the item to show it's been added to the cart, but it doesn't display correctly. Basically I need all these elements to work correctly when a customer adds a a product to their cart, and the dialog should be responsive for mobile devices and tablets. The dialog needs to be designed and the items added, as at the moment all it shows an ok button with a header. You'd need to be able to create a professional looking dialog, as it's important that the customer feels comfortable to proceed to the checkout phase. The design is the most important part of the job. There's a mini cart in the header where the items show that also needs CSS applied to look more professional. A script seems to be interfering with the function at this time. Previously it was working, but the Autoptimize plugin seems to not be working with this script.