I am going to begin a project soon for an e-commerce website. I'm comfortable with WooCommerce so I am going to go that route. A feature that the site may have is as follows (if you know how to accomplish this please let me know)
There will be multiple "Collections" pages which are essentially the category listings pages. These pages will display all of the product thumbnails for the products within that "Collection".
When you click the thumbnail, I want to run an AJAX call to load the product page above all of the thumbnails. Basically once you click a thumbnail, all thumbnails will slide down and the contents of the product page will appear above them. It will have the product image, description, buy it now button, etc.
And if you click another thumbnail, it should reload the above content.
I'm very familiar with WordPress and I've used WooCommerce a handful of times, just never had to run any custom AJAX calls like this.
If you can point me in the right direction it would be much appreciated! Thanks