Custom Javascript task in wordpress website

Hi Freelancers, On my E-commerce website i want to sell products by tagging them in images like people sell products on Instagram. To achieve this function i am using a plugin "Shoppable Images Lite" here is its link ([login to view URL]) and its working fine. But i want some little changes. Here is my web page where products are tagged in image and you are able to buy them " [login to view URL] " if you will click on the white DOTS present in image you will be able to see the tagged product and you can buy it. Here are the details of changes what i want 1. I want that these white dost which are currently visible they should be invisible and there will be a button on right side "Shop Now" and upon clicking that image these white dots should be visible and work like they are working right now. 2. Right now if you click anywhere on the image except white dots nothing is happening, what i want that if user click on the image anywhere other than white dots a text pop up should appear with the tagged product's title and price of tagged products (ALL TAGGED PRODUCTS). Here is example [login to view URL] just click on the image anywhere you will see a text widget appears i want similar to this but i want product title and price of ALL TAGGED PRODUCTS And on clicking image anywhere again these text pop ups should disappear again and process repeats. Note : Make sure that solution should work on all new images that we will insert and we add products to images using the above mentioned plugin If you want to ask anything i am here Thanks :)