Hi, I’m building a webshop with parts for home appliances like vacuum cleaners. A lot of parts fit to a lot of different type of machines. I made an attribute called: “Suitable for” in which I added the type or serial numbers. There is one problem; some articles have hundred of types which makes the tabs very long (particularly on mobile). See for example the first attachment. The actual list is 5 times longer for this specific product …
The type numbers are clickable. By clicking it shows ALL the products for the selected type. (See second attached file for visualization of the page shown when clicking a specific type). The main text color in the TAB is black but I need the text to be blue #00a6be when hovering over the type numbers so my customers are able to see the type numbers are in fact clickable.
So I have two questions:
1. Is there a solution for the tabs to show only (for example) 250 characters and then place the word: More … so customers can click this when they want to see the full list?
2. Is there a CSS solution to transform the text into #00a6be when hovering?
I hope you can help me with these questions?