您可以使用以下命令将自定义类添加/删除到#primary 基于所选产品属性“颜色”的选择器：

<script type="text/javascript">
jQuery(function($){
    var p = \'#primary\',
        c = $(p).prop(\'class\'),
        s = \'select[name="attribute_pa_color"]\';

    // On start
    if( $(s).val() !== \'\' ) {
        $(p).prop(\'class\', \'background-\'+$(s).val());
    }

    // On select (blur live event)
    $(s).blur( function() {
        var b = $(this).val() !== \'\' ? c+\' background-\'+$(this).val() : c;
        $(p).prop(\'class\',b);
    });
});
</script>

您还可以直接添加color-background CSS样式改为#primary 选择器，如：

<script type="text/javascript">
jQuery(function($){
    var p = \'#primary\',
        b = \'background-color\',
        s = \'select[name="attribute_pa_color"]\';

    // On start
    if( $(s).val() !== \'\' ) {
        $(p).css(b, $(s).val());
    }

    // On select (blur live event)
    $(s).blur( function() {
        if( $(this).val() !== \'\' )
            $(p).css(b, $(this).val());
        else
            $(p).removeProp(\'style\');
    });
});
</script>