Home Forums Basel support forum Swatches on product archives – Text only as no image or colors needed Reply To: Swatches on product archives – Text only as no image or colors needed


Sue Victor


Thanks for including this in 1.4.1 upgrade; I have applied it to my website and I can see the swatches on the shop page now. I have conducted some testing and noticed the following observations for your kind attention:

1- The displayed variation (in this case size) text is printed next or below to the select options (not perfectly aligned) in the case of the alternative Hover on product option; while the other hover on product options (with overlay) the variations can not be seen because it is black in color (like the overlay color). To sort this out can you please revise your style sheets to correct the issue; I would suggest formatting the variations in outline boxes with white background similar to the concept in the following screenshot:

2- There is no tooltip on the variations; would be great to show it there as it gives users ability to read more about the size description (like UK, US, CM …etc). Also adding the name/title (as “Size: “) of the variations next to the variations will help (like screenshot)

3- Also noticed that the variations are listed for all the included variations on the product regardless if they were out of stock or not which will mislead buyers and lead to frustration (to simulate this add a variation and place it out of stock or qty = 0; you would still see the swatch value although it is out of stock). Suggest adding a separate style formatting for out of stock items like a diagonal cross or special tag to indicate they are not available anymore (like screenshot provided earlier)

And finally (and this is a suggestion) would be great if the user can select the variation and click add to cart straight from the shop/quick view page rather than the need to go to the single product page. So making the swatches clickable would make a difference in the users’ experience.

Hope the above helps in testing the newly developed feature and would collaborate to get it to the next level 🙂

Many thanks,