Делаем CUSTOM-поле для плагина Shop-Script Webasyst

'text_color' => [
    'title' => 'Цвет текста',
    'description' => 'Например: #ffffff',
    'value' => '#ffffff',
    'control_type' => waHtmlControl::CUSTOM . ' ' . 'shopNotifyPlugin::colorPickerControl',
],

public static function colorPickerControl($name, $params = [])
{
    $value = isset($params['value']) ? $params['value'] : '#e53935';
    $html = sprintf(
        '<input type="color" name="%s" value="%s" style="width:60px;height:34px;cursor:pointer;border:1px solid #ccc;border-radius:4px;vertical-align:middle;margin-right:6px;">',
        htmlspecialchars($name, ENT_QUOTES, 'utf-8'),
        htmlspecialchars($value, ENT_QUOTES, 'utf-8')
    );

    // Текстовое поле для ручного ввода HEX
    $html .= sprintf(
        '<input type="text" name="%s_text" value="%s" style="width:90px;" oninput="this.previousElementSibling.value=this.value" onfocus="this.select()">',
        htmlspecialchars($name, ENT_QUOTES, 'utf-8'),
        htmlspecialchars($value, ENT_QUOTES, 'utf-8')
    );

    // JS-связка между полями
    $html .= <<<JS
<script>
document.querySelectorAll('input[type="color"][name="{$name}"]').forEach(function(el){
  el.addEventListener('input', function(){
    const txt = el.nextElementSibling;
    if (txt) txt.value = el.value;
  });
});
</script>
JS;
    return $html;
}