connect woocommerce dokan with a html javascript page by filtering 2 given categories

Job ID: 34521568

Budget: $30 – $250 USD

let's say i have a woocommerce dokan store with simple product pages of paintings
i have a home page ( written in html javascript fabricjs ) that shows room scenes and uploading paintingss to wall frames
i need to upload images from store:
1. at homepage: a new button somewhere to poup new window, filter all existed paintings in woocommerce stores. after finishing selecting categories, randomly choose 1 painting that meet conditions to load on wall frame
2. at any specific product link: a new button somewhere to poup new window, filter all roomscenes by category. after finishing selecting categories, randomly choose a roomscene that meet conditions to load that image on wall frame
Related categories: PHP JavaScript MySQL WooCommerce