"Quick Shop" modal window feature

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- :2.3.0 business edition
-- Joomla version -- :3.2.3
-- PHP version -- : n/a
-- Browser(s) name and version -- : n/a
-- Error-message(debug-mod must be tuned on) -- : n/a


My client showed this page to me: www.jcrew.com/womens_category/shirtsandtops.jsp and asked me if I can replicate it.

All that I see is a modal popup with the product display in the popup, but I have to be honest, I lost track on how to do that in Joomla 3.0.

Is it possible to do that in Hikashop and Joomla 3.0? Is the functionality built in someplace or would I need to write it myself?

Thank you very much for your help.

Thank you for the reply.
I am not sure why you think the example I included is "just an image". It's actually a modal window that lets customers interact with the product as well as the regular page can.
The customer can change the quantity, size, etc. In the product.

I am actually aware of the modal extensions you suggested.I already use the NoNumber extensions for other purposes, and maybe one of them will do the job, I haven't tried. But I wanted to make sure to clarify that the modal window in my example, while it does contain an image, is not one. It's a full product view.

Indeed what you are seeing is not what I mean. You must be getting some sort of advert for first time users.

This is what the page looks like below. You'll notice that some products (those with variants) have a button named "Quickshop".

Clicking on that button, spawns a modal window with the product view in it. It is basically no different than navigating to the page in question, but it gives the customer the impression that they are not leaving the browsing page and that they can buy the product with fewer page loads.

Here is what it looks like:


Essentially, in Hikashop we have products that can be purchased directly from the category view. Those that have variants like "size", "Color" etc. Have a button that says "Choose Options".
In the JCrew example, instead of "Choose Options" it displays the wording "Quickshop" and when clicked it opens a modal window with the product view in it.

I don't think this would be too hard to do, but I wanted it to run it by you guys first in case there are resources I can leverage already built in.

I have tried to follow your instructions in regard to this issue here, but I am unable to find where the "View" file is located for the "add to cart/choose options" button.

The example you provided is relative to the product picture and I have found where that is. But I need to change the "Choose Options" Button, not the image.

I first have to find where that code is located and I am starting to think it is not available for customization.

Could you be so kind to look into it and let me know if I am wasting my time trying to find it?

Thanks

EDIT: I forgot to specify that the "choose options" button is an input field. It's not a URL like with the images.

So even if I were able to find the code, the way I would make the button open a modal window is going to likely be very different.

Thanks, I'll try and let you know how it goes.