Thz Background

Thz Background is option type with multiple background selection such as none, color, gradient, image, video or shape

Thz Background is option type with multiple background selection such as none, color, gradient, image, video or shape.

option snippet simple

'option_name' => array(
    'type' => 'thz-background',
    'label' => __('Option label', '{domain}'),
    'desc' => esc_html__('Option description.', '{domain}'),
    'help' => esc_html__('Option help.', '{domain}'),
    'value'=> array(),
    //'disable' => array('image','color','video','gradient','shape'),
)

option snippet full

'option_name' => array(
    'type' => 'thz-background',
    'label' => __('Option label', '{domain}'),
    'desc' => esc_html__('Option description.', '{domain}'),
    'help' => esc_html__('Option help.', '{domain}'),
    'value'=> array(
        'type' => 'none',
        'color' => '',
        'image' => '',
        'repeat' => 'no-repeat',
        'position' => 'left-top',
        'size' => 'cover',
        'attachment' => 'scroll',
        'gradient-style' => 'linear', // linear, radial
        'gradient-angle' => '0',
        'gradient-size' => 'farthest-corner',//closest-corner, closest-side,farthest-corner,farthest-side
        'gradient-shape' => 'circle',//circle,ellipse
        'gradient-h-poz' => '50',
        'gradient-v-poz' => '50',
        'gradient-start' => '0',
        'gradient-start-color' => '#ffffff',
        'gradient-add-stop' => array(),
        'gradient-end' => '100',
        'gradient-end-color' => 'color_1',
        'video-link' => '',
        'video-poster' => '',
        'video-sound' => 0,
        'video-loop' => 1,
        'shape' => array(
            's' =>'waves', // shape name
            'p' =>'bottom', // shape position
            'f' =>'no', // shape flip
            'c' =>'color_1', // shape color
            'b' =>'',//  background color
            'w' => 100,// shape  width
            'h' =>''//  shape height
        )
    )
)