Hi Omar,
The color swatches are expecting in fact, images for each swatch
But still, they should show the simple color fine also, and that seems a bug, which we need to fix in the next releases, but meanwhile, here is the CSS code you need to change in order to fix this issue.
Open assets/product.css and find:
.product-block[data-type="options"] .color-swatches input + label > span {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50rem;
}
replace it with:
.product-block[data-type="options"] .color-swatches input + label > span {
display: flex;
align-items: center;
justify-content: center;
width: 28px; /* Changed */
height: 28px; /* Changed */
border-radius: 50rem;
}
Let me know if this code solves your issue
