How to fix invisible variant buttons on product page?

Technical Q&A
1

I’ve activated a new product page using the Shopify Broadcast template. With three variants set by color, I’m having problems with the variant options not displaying properly when viewing the page. The names of the colors activate when I hover over them, but the circle variant indicator is invisible, making it look like the color variants aren’t there. I don’t see any variant color assignment options anywhere on the product setup page or variant option page.

https://www.himgsurfacerepair.com/collections/granite-marble-surface-repair-kits/products/bathtub-and-shower-pan-repair-kit?variant=40936978448553

Thanks in advance for any assistance!

2

Sample of where the variants aren’t showing properly.

Screen Shot 2021-07-30 at 1.16.23 PM.png
Screen Shot 2021-07-30 at 1.16.23 PM.png2980×1644 378 KB

3

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets and upload file with name “variant.png”
    Ex: V&B Alpin White => v-b-alpin-white.png
    V&B Star White => v-b-star-white.png
    Kohler White => kohler-white.png
    Hope it helps!