Step 1: Navigate to the slide that you are adding your hotspot to and then click into "Layout" mode on the bottom menu. From there, click the "+" add button to add a component.

Step 2: Search and find the Dynamic Image Display Component from the menu and then drag it onto your slide. You can adjust the size and dimensions of this component on the slide. This is the container that your image will display.

Step 3: Next, go back into the Component Store and add the "Image Gallery" component. These will serve as buttons that allow you to toggle between your product images.

Step 4: Navigate back into "Edit" mode on the bottom left of your screen and then click "Add Image to Gallery" on the Image Gallery component.

Step 5: Next, name the image and give it a title. You can also upload the picture that you will be using in this gallery. It is recommended to use the "Fit" option as well so then the image will fill up the entire container that we are using.

Step 6: After saving the first image with the settings, you can hover over the gallery once more and click the "+" button to add another image.

Step 7: After adding all the images to the gallery, click back into "Layout" mode on the bottom-left of the screen. Click the left Dynamic Image Gallery component and then go into the settings for that component.

Step 8: Assign a unique key to this component and name it similar to your other components.

Step 9: Click into the Image Gallery components and assign the same exact key you used for the Dynamic component. This allows them to talk with each other.

Step 10: Once each is named correctly, navigate back into "Edit" mode. From here, you can click each of the buttons on the right and the image will rotate between them within the Dynamic Gallery.