Choice of color and product model Opencart

In the Opencart product card, the choice of the product color must be implemented using colored squares. When you click on the square, the main image of the product changes to the corresponding color (without reloading the page). The choice of product models should be implemented on radio buttons, when changing the model, the image of the product changes in accordance with the selected color and model. Change images should occur without reloading the entire page. Data on the selected models and colors should be transmitted to the basket. Also, the colors of the prints should be in the squares when pressed, the color of the print changes.

You need to make a table of sizes in the cards of the goods, when pressed, so that it unfolds in a small window and is not tied to all goods, but there is a choice for which goods are included. or off.