Hi,
Using modern theme based Magento configuration the detail view displays a table with the list of associated products along with the individual price and quantity input field. After the table definition, a single 'Add to Cart' button is provided.
I am trying to make the following modifications to this grouped product detail view display: 1. Create a predefined image display area for the associated products thumbnail display. 2. On mouse hover the associated product thumbnail is viewable in the predefined area. 3. On mouse click the respective associated product is added to the cart, without having to enter a quantity.
In Javascript, I can create an array of associated product thumbnails, and on hover a predefined image tag src value can be reset.
This is my first Magento project, and am a bit lost on how to recreate the same interaction. Any help would be greatly appreciated.
So far I have identified that the catalog/product/view/type/grouped.phtml defines the default associated products display in Modern theme.
Questions: 1. How can I define javascript arrays for associated product images in grouped.phtml view? 2. Is there an example I can follow?
Thanks a bunch.