Display product option combinations in a table

Hi all,



I’m trying to achieve the following display and I’ve searched this forum (and the web) extensively for an add-on or code snippet to solve my problem or point me in the right direction. My goal is this:



Instead of having the user select options (size/colour/etc) from dropdowns on the product display list, what I would rather like to display is a table/list of options (basically the combinations I have created for each product) and for the user to add a combination to the basket via a single button next to each combination. See the image attached for the perfect example of what I’m trying to achieve.



Is anyone aware of an existing addon for this or could anyone advise on how to start coding this? I’m fairly new to the CS Cart platform so any direction on this would be much appreciated.



Thanks,

Andrew.

Sorry, attachment went missing in my original post. Here it is:



Trying to revive my post again. Can anybody help?

That is a good idea :)



Have you come up with the code for the design / layout?

Do you just need the code for the back-end PHP / Smarty coding?



If you would like to get a bump in the right direction, I’m a little short on time at the moment, however in your ADMIN SETTINGS, enable Smarty Debug Console. Then in your header, type [size=5][font=times new roman,times,serif]{debug}[/font][/size]



Save the file, upload it.

Now visit a product page, and you should find a new window pops up. Copy the contents of this page into notepad or notepad++ and you will see ALL the fields you need to DO WHILE / FOR EACH / etc through the variables.



NOTE: Don’t forget, anyone who visits your site in the meantime will also get this message, so you should remove it shortly after you’ve completed what you needed.



:)

We've created an add-on for this, call Price Grid. It only works when you have 2 options. It creates a table with the price for each option combination. And the price is a link that selects that combination.



You can see it here:

[url=“http://dev224.pillowsxpress.com/test-8.html”]http://dev224.pillowsxpress.com/test-8.html[/url]



It works in 2.1.4 and 2.2.4. PM me if you are interested.

I'm after this exact layout for the product page.



Is there anything like this available for version 3-4?

Hello,

We have created the add-on which is similar to what you described — Product Combinations Table. It is compatible with CS-Cart 4.3.6 and above.

This add-on creates a combinations table on each product page (of course only for products which contain combinations) and displays all available combinations of attributes.

Product page

Your customers will see the available variants of the product in a detailed table, quickly tick the item or items they need and proceed to checkout more quickly.

You can learn more about the add-on on the Marketplace or read the User Guide.

Please, do not hesitate to ask me questions in comments below.

Hope you find it useful.

Regards,

Oleg Gorshkov.

Hello,

We have created the add-on which is similar to what you described — Product Combinations Table. It is compatible with CS-Cart 4.3.6 and above.

This add-on creates a combinations table on each product page (of course only for products which contain combinations) and displays all available combinations of attributes.

Product page

Your customers will see the available variants of the product in a detailed table, quickly tick the item or items they need and proceed to checkout more quickly.

You can learn more about the add-on on the Marketplace or read the User Guide.

Please, do not hesitate to ask me questions in comments below.

Hope you find it useful.

Regards,

Oleg Gorshkov.

Hi Oleg

Did you do any work on the backend for this?

I would like to have a screen for all option combinations in the backend too, in order to manage the quantity for each option combination easily.

Something like an extra tab after options tha looks like this

34gwnrm.jpg

The previous srceen takes too much space for each line, the pagination is not helping if you need to change 30 option combinations, and you need to click many times to get to that screen

2vd5u7q.jpg

Fotis

Hi Oleg

Did you do any work on the backend for this?

I would like to have a screen for all option combinations in the backend too, in order to manage the quantity for each option combination easily.

Something like an extra tab after options tha looks like this

34gwnrm.jpg

The previous srceen takes too much space for each line, the pagination is not helping if you need to change 30 option combinations, and you need to click many times to get to that screen

2vd5u7q.jpg

Fotis

+1

Hi Oleg

Did you do any work on the backend for this?

I would like to have a screen for all option combinations in the backend too, in order to manage the quantity for each option combination easily.

Fotis

Hi Fotis,

These changes will be added to the new version of the add-on.

Our dev team included them in the to-do list.

Thank you.

Hi Fotis,

These changes will be added to the new version of the add-on.

Our dev team included them in the to-do list.

Thank you.

Nice

this will be a very handy addition!

Fotis

Nice

this will be a very handy addition!

Fotis

Fotis, thank you again for your idea! We have implemented it.

Read more about it here.