WooCommerce Modal "Add to Cart" Button

I need to modify the "Add to Cart" button on both the archive and single product pages. Instead of the default action, clicking this button should trigger a modal popup. This modal will include a series of shortcodes and product data.

Requirements:
- Ability to amend existing WooCommerce buttons
- Experience with modal popups
- Knowledge of WordPress shortcodes

Please share your relevant experience in your application. A demo link will be provided to illustrate the exact functionality needed.