In the previous part of the guide we configured the available color variants so that they are displayed in the form of circles with the size of 30 pixels and so that the remaining variants is hidden. The display of the variants in our ponline store is now a bit inconsistent: sometimes the color variants are displayed as circles, sometimes as squares.
Now we'll try to unify the look of our online store a bit. Let's start with the display of the color variants in the form of circles both on the article detail page and in the product listing.
In the next step we'll adjust the size of our circles.
And in the end we hide the remaining color variants that go beyond one line.