Quiero cambiar el fondo de una sección específica según la variante seleccionada en Shopify. Lo probé de muchas maneras, ahora mismo estaba usando este código con metacampos:

 {% assign variant.metafields.custom.product_color.value = "product_color" %} {% case product_color %} {% when product_color == 'olive' %} .product-page--top-panel {background: #b4b999;} {% when product_color == 'pink' %} .product-page--top-panel {background: #e4b5bd;} {% when product_color == 'light-blue' %} .product-page--top-panel {background: #aabac7;} {% endcase %}

La solución no funciona como quiero que sea, ya que los colores sobrescriben la clase. No estoy muy familiarizado con jquery o javascript, así que no pude solucionar el problema.

¿Cómo puedo hacer que esto funcione?