'container', 'name' => __( 'Banner' ), 'category' => __( 'Content' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'ux_banner' ), 'toolbar_thumbnail' => 'bg', 'template' => flatsome_ux_builder_template( 'ux_banner.html' ), 'wrap' => false, 'info' => '{{ label }}', 'allow' => array( 'text_box', 'ux_image' ), 'add_buttons' => array( 'bottom-right' ), 'addable_spots' => array( 'top', 'bottom' ), 'priority' => 3, 'styles' => array( 'flatsome-banner-effect' => get_template_directory_uri() . '/assets/css/effects.css' ), // Override children data. 'children' => array( 'addable_spots' => array( 'center' ), ), 'presets' => array( array( 'name' => __( 'Blank' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/blank' ), 'content' => '[ux_banner height="500px"] [text_box width="60"]

This is a simple banner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/text_box] [/ux_banner]', ), array( 'name' => __( 'Simple Center' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-center' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.17)"] [text_box width="60"]

Change this to anything

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Click me" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Left' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-left' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.31)"] [text_box width="40" width__sm="60" position_x="10"]

Change this to anything

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Click me" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Right' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-right' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.31)"] [text_box width="40" width__sm="60" position_x="90"]

Change this to anything

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Click me" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Buttons Left' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-buttons' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.31)"] [text_box width="40" width__sm="60" position_x="5" text_align="left"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Buttons Right' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-buttons-right' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.2)"] [text_box width="40" width__sm="60" position_x="95" text_align="right"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Left Light' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-left-light' ), 'content' => '[ux_banner height="500px" bg_color="rgb(255, 255, 255)" bg_overlay="rgba(190, 190, 190, 0.2)"] [text_box width="40" width__sm="60" position_x="5" text_align="left" text_color="dark"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" style="outline"] [/text_box][/ux_banner]', ), array( 'name' => __( 'Right Light' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/simple-right-light' ), 'content' => '[ux_banner height="500px" bg_color="rgb(255, 255, 255)" bg_overlay="rgba(190, 190, 190, 0.2)"] [text_box width="40" width__sm="60" position_x="95" text_align="right" text_color="dark"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Box Left' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/box-left' ), 'content' => '[ux_banner height="500px" bg_color="rgb(255, 255, 255)" bg_overlay="rgba(190, 190, 190, 0.2)"] [text_box width="40" width__sm="60" position_x="5" text_align="left" text_color="dark" padding="30px 30px 30px 30px" bg="rgb(255, 255, 255)" depth="3"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Box Right' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/box-right' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.2)"] [text_box width="40" width__sm="60" position_x="95" text_color="dark" padding="30px 30px 30px 30px" bg="rgba(255, 255, 255, 0.86)" depth="3"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Dark Box Left' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/dark-box-left' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.2)"] [text_box width="40" width__sm="60" position_x="5" padding="30px 30px 30px 30px" bg="rgba(0, 0, 0, 0.86)" depth="3"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[button text="Primary"] [button text="Secondary" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Circle Right' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/circle-right' ), 'content' => '[ux_banner height="500px" bg_overlay="rgba(0, 0, 0, 0.2)"] [text_box style="circle" width="40" width__sm="60" position_x="90" padding="30px 30px 30px 30px" bg="rgba(0, 0, 0, 0.86)" depth="3"]

Main Headline

Smaller Headline

Lorem ipsum dolor sit amet, conse.

[button text="Secondary" color="white" style="outline"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Huge Sale' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/huge-sale' ), 'content' => '[ux_banner height="600px"] [text_box width="67" animate="flipInY"]

It has Finally started...

[divider]

HUGE SALE

UP TO 70% OFF

[divider] [button text="Shop men!" color="white" style="outline" link="#"] [button text="Shop women" color="white" style="outline" link="#"] [button text="Shop all" color="white" style="outline" link="#"] [/text_box] [/ux_banner]', ), array( 'name' => __( 'Badge' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/badge' ), 'content' => '[ux_banner height="400px" bg_overlay="rgba(0, 0, 0, 0.2)"] [text_box width="100" position_y="90" line_height="xs" text_color="dark" padding="5px 30px 10px 30px" bg="rgba(255, 255, 255, 0.94)"]

Summer 2017

NEW Summer Trends

[button text="Shop now" style="underline"] [/text_box] [text_box style="circle" width="26" margin="0px -5px 0px 0px" position_x="100" position_y="5"]

SALE

[/text_box] [/ux_banner]', ), array( 'name' => __( 'Badge Bubble' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/badge-bubble' ), 'content' => '[ux_banner height="400px" bg_overlay="rgba(0, 0, 0, 0.2)"] [text_box width="80" position_y="90" text_align="left" line_height="m"]

Summer 2017

NEW Summer Trends

[button text="Shop now" color="white" style="outline"] [/text_box] [text_box style="circle" width="26" margin="0px -5px 0px 0px" position_x="90" position_y="10" bg="rgba(0, 0, 0, 0.46)"]

-50%

[/text_box] [/ux_banner]', ), array( 'name' => __( 'Badge Simple' ), 'thumbnail' => flatsome_ux_builder_thumbnail( 'banners/badge-simple' ), 'content' => '[ux_banner height="400px" bg_overlay="rgba(0, 0, 0, 0.2)"][text_box width="80" position_y="90" line_height="m"]

Summer 2017

NEW Summer Trends

[button text="Shop now" color="white" style="outline"] [/text_box] [/ux_banner]', ), ), 'options' => array( 'label' => array( 'type' => 'textfield', 'heading' => 'Admin label', 'placeholder' => 'Enter admin label...' ), 'layout_options' => array( 'type' => 'group', 'heading' => __( 'Layout' ), 'options' => array( 'height' => array( 'type' => 'scrubfield', 'responsive' => true, 'heading' => __('Height'), 'default' => '', 'placeholder' => __('Auto'), 'min' => 0, 'max' => 1000, 'step' => 1, 'helpers' => require( __DIR__ . '/helpers/heights.php' ), ), ), ), 'slide_options' => require( __DIR__ . '/commons/slide.php' ), 'background_options' => require( __DIR__ . '/commons/background.php' ), 'shape_divider_options' => require( __DIR__ . '/commons/shape-divider.php' ), 'border_options' => require( __DIR__ . '/commons/border.php' ), 'link_options' => require( __DIR__ . '/commons/links.php' ), 'video_options' => require( __DIR__ . '/commons/video.php' ), 'advanced_options' => require( __DIR__ . '/commons/advanced.php'), 'sticky' => array( 'type' => 'radio-buttons', 'heading' => 'Sticky', 'default' => '', 'options' => array( 'true' => array( 'title' => 'On'), '' => array( 'title' => 'Off'), ), ), ), ) );