Any idea how to get product attribute selection to appear similar to this?

[x97wehner]

I don't want radio buttons or dropdowns. Wanting to get something similar to what amazon does (Shown below) where attributes appear as buttons and disable if it's not an option base on other selections. Is this possible with TB? Ever seen a module that does this perhaps? I appreciate the help

Edited January 19, 2022 by x97wehner

[haylau]

We get a similar effect with combinations. We use this module

https://mypresta.eu/modules/front-office-features/product-page-combinations-table.html

It is very configurable, and you can see how we use it here(Scroll down and click the “Product filters / options tab”

https://mypresta.eu/modules/front-office-features/product-page-combinations-table.html

By default it overrides the normal combinations drop down menus at the top of the page, but we prefer it on this separate tab

[x97wehner]

Thanks. I don't see any modules out there that are doing it exactly like I was hoping. However, I think I've figured out how to modify the radio buttons with CSS to get the appearance I'm seeking.

Edited January 20, 2022 by x97wehner

[haylau]

Sorry, this was the page on my website

https://u-bolts-r-us.co.uk/1206-series-munsen-rings-bossed-pipe-clamps/12248-munsen-type-bossed-pipe-clips-t304-t316-stainless-steel.html#.YeiE1IGnyfA

[Beeta]

On 1/20/2022 at 3:06 AM, x97wehner said:

Thanks. I don't see any modules out there that are doing it exactly like I was hoping. However, I think I've figured out how to modify the radio buttons with CSS to get the appearance I'm seeking.

to who asking how to do it:

https://forum.thirtybees.com/topic/5380-restyling-radio-buttons-need-some-quick-js-help-i-think/

 

Edited January 22, 2022 by Beeta