Gift Package selection - customized

[johk]

Hi,
Joomla 3.5
VM 3.0.16
Product Builder 3.0.8 (modified)

We have built a website for a client using the above software. The idea is that they want to sell gift packs.
The user can choose products from different categories to make their own gift pack.

What they want is:
Page 1:
An image of each Gift Package will be displayed. At this stage there will be 3 Gift Packages:
Package 1-selection of 3 products
Package 2-selection of 4 products
Package 3-selection of 5 products
The user clicks on the selected Package
Page2:
The user will see the 5 different product categories they can select from.
At the bottom of the page there are 3 empty squares, which represent the number of products they can choose.
When a product category is clicked a pop-up will show were the user can choose product.
When product is selected it will display in the bottom of the page in one of the empty squares.

The Add To Cart Button has to be Greyed out until the correct amount of products has been selected.

The 'Continue Shopping/Show Cart' pop-up has to be the same size as the standard VM.

I have created a quick Mock-up that hopefully will explain better or fill some blanks.
https://app.moqups.com/johk02/YHBN2NOWyp/view

Please let me know if you require anything else to give us an estimated quote for the hack – if possible.

We have used the free theme from https://www.olympianthemes.com/virtuemart-templates/horme-free-virtuemart-template.html

If someone is interested I will PM them the link to the testing site

Thanks
Johk