init
This commit is contained in:
nguyen dung
@@ -0,0 +1,50 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'accordion', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Accordion' ),
|
||||
'image' => '',
|
||||
'category' => __( 'Content' ),
|
||||
// 'template' => flatsome_ux_builder_template( 'accordion.html' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'accordion' ),
|
||||
'info' => '{{ title }}',
|
||||
'allow' => array( 'accordion-item' ),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '
|
||||
[accordion]
|
||||
[accordion-item title="Accordion Item 1 Title"][/accordion-item]
|
||||
[accordion-item title="Accordion Item 2 Title"][/accordion-item]
|
||||
[accordion-item title="Accordion Item 3 Title"][/accordion-item]
|
||||
[/accordion]
|
||||
'
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __( 'Title' ),
|
||||
'default' => __( '' ),
|
||||
'auto_focus' => true,
|
||||
),
|
||||
'auto_open' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Auto Open'),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Off'),
|
||||
'true' => array( 'title' => 'On'),
|
||||
),
|
||||
),
|
||||
'class' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Custom Class',
|
||||
'full_width' => true,
|
||||
'placeholder' => 'class-name',
|
||||
'default' => '',
|
||||
),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,26 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'accordion-item', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Accordion Panel' ),
|
||||
'template' => flatsome_ux_builder_template( 'accordion_item.html' ),
|
||||
'info' => '{{ title }}',
|
||||
'require' => array( 'accordion' ),
|
||||
'wrap' => false,
|
||||
'hidden' => true,
|
||||
'options' => array(
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __( 'Title' ),
|
||||
'default' => __( 'Accordion Panel Title' ),
|
||||
'auto_focus' => true,
|
||||
),
|
||||
'class' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Custom Class',
|
||||
'full_width' => true,
|
||||
'placeholder' => 'class-name',
|
||||
'default' => '',
|
||||
),
|
||||
),
|
||||
) );
|
||||
24
wp-content/themes/flatsome/inc/builder/shortcodes/block.php
Normal file
24
wp-content/themes/flatsome/inc/builder/shortcodes/block.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'block', array(
|
||||
'name' => __( 'Block', 'flatsome' ),
|
||||
'category' => __( 'Layout', 'flatsome' ),
|
||||
'compile' => false,
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'block' ),
|
||||
'template_shortcode' => "[{tag}{options}]\n\n",
|
||||
'external' => true,
|
||||
|
||||
'options' => array(
|
||||
'id' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Block', 'flatsome' ),
|
||||
'full_width' => true,
|
||||
'config' => array(
|
||||
'placeholder' => __( 'Select', 'flatsome' ),
|
||||
'postSelect' => array(
|
||||
'post_type' => array( 'blocks' )
|
||||
),
|
||||
)
|
||||
),
|
||||
),
|
||||
) );
|
||||
221
wp-content/themes/flatsome/inc/builder/shortcodes/blog_posts.php
Normal file
221
wp-content/themes/flatsome/inc/builder/shortcodes/blog_posts.php
Normal file
@@ -0,0 +1,221 @@
|
||||
<?php
|
||||
|
||||
// Set defaults
|
||||
$repeater_columns = '4';
|
||||
$repeater_type = 'slider';
|
||||
$repeater_post_type = 'post';
|
||||
$repeater_col_spacing = 'normal';
|
||||
|
||||
$repeater_post_cat = 'category';
|
||||
$default_text_align = 'center';
|
||||
|
||||
$options = array(
|
||||
'style_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Style' ),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Style' ),
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/box-layouts.php' )
|
||||
)
|
||||
),
|
||||
),
|
||||
'layout_options' => require( __DIR__ . '/commons/repeater-options.php' ),
|
||||
'layout_options_slider' => require( __DIR__ . '/commons/repeater-slider.php' ),
|
||||
'post_options' => require( __DIR__ . '/commons/repeater-posts.php' ),
|
||||
'post_title_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Title' ),
|
||||
'options' => array(
|
||||
'title_size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Title Size',
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/sizes.php' )
|
||||
),
|
||||
'title_style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Title Style',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Abc'),
|
||||
'uppercase' => array( 'title' => 'ABC'),
|
||||
)
|
||||
),
|
||||
)
|
||||
),
|
||||
'read_more_button' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Read More' ),
|
||||
'options' => array(
|
||||
'readmore' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Text',
|
||||
'default' => '',
|
||||
),
|
||||
'readmore_color' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Color',
|
||||
'conditions' => 'readmore',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Default',
|
||||
'primary' => 'Primary',
|
||||
'secondary' => 'Secondary',
|
||||
'alert' => 'Alert',
|
||||
'success' => 'Success',
|
||||
'white' => 'White',
|
||||
)
|
||||
),
|
||||
'readmore_style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'conditions' => 'readmore',
|
||||
'default' => 'outline',
|
||||
'options' => array(
|
||||
'' => 'Default',
|
||||
'outline' => 'Outline',
|
||||
'link' => 'Simple',
|
||||
'underline' => 'Underline',
|
||||
'shade' => 'Shade',
|
||||
'bevel' => 'Bevel',
|
||||
'gloss' => 'Gloss',
|
||||
)
|
||||
),
|
||||
'readmore_size' => array(
|
||||
'type' => 'select',
|
||||
'conditions' => 'readmore',
|
||||
'heading' => 'Size',
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/sizes.php' ),
|
||||
),
|
||||
)
|
||||
),
|
||||
|
||||
|
||||
'post_meta_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Meta' ),
|
||||
'options' => array(
|
||||
|
||||
'show_date' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Date',
|
||||
'default' => 'badge',
|
||||
'options' => array(
|
||||
'badge' => 'Badge',
|
||||
'text' => 'Text',
|
||||
'false' => 'Hidden',
|
||||
)
|
||||
),
|
||||
'badge_style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Badge Style',
|
||||
'default' => '',
|
||||
'conditions' => 'show_date == "badge"',
|
||||
'options' => array(
|
||||
'' => 'Default',
|
||||
'outline' => 'Outline',
|
||||
'square' => 'Square',
|
||||
'circle' => 'Circle',
|
||||
'circle-inside' => 'Circle Inside',
|
||||
)
|
||||
),
|
||||
'excerpt' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Excerpt',
|
||||
'default' => 'visible',
|
||||
'options' => array(
|
||||
'visible' => 'Visible',
|
||||
'fade' => 'Fade In On Hover',
|
||||
'slide' => 'Slide In On Hover',
|
||||
'reveal' => 'Reveal On Hover',
|
||||
'false' => 'Hidden',
|
||||
)
|
||||
),
|
||||
'excerpt_length' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Excerpt Length',
|
||||
'default' => 15,
|
||||
'max' => 50,
|
||||
'min' => 5,
|
||||
),
|
||||
'show_category' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Category',
|
||||
'default' => 'false',
|
||||
'options' => array(
|
||||
'label' => 'Label',
|
||||
'text' => 'Text',
|
||||
'false' => 'Hidden',
|
||||
)
|
||||
),
|
||||
'comments' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Comments',
|
||||
'default' => 'visible',
|
||||
'options' => array(
|
||||
'visible' => 'Visible',
|
||||
'false' => 'Hidden',
|
||||
)
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
|
||||
$box_styles = require( __DIR__ . '/commons/box-styles.php' );
|
||||
$options = array_merge($options, $box_styles);
|
||||
|
||||
|
||||
add_ux_builder_shortcode( 'blog_posts', array(
|
||||
'name' => __( 'Blog posts' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'blog_posts' ),
|
||||
'scripts' => array(
|
||||
'flatsome-masonry-js' => get_template_directory_uri() .'/assets/libs/packery.pkgd.min.js',
|
||||
),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Normal' ),
|
||||
'content' => '[blog_posts style="normal" columns="3" columns__md="1" image_height="56.25%"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Bounce' ),
|
||||
'content' => '[blog_posts style="bounce" badge_style="square" image_height="75%"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Push' ),
|
||||
'content' => '[blog_posts style="push" columns="3" columns__md="1" badge_style="circle-inside" image_height="75%"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Vertical' ),
|
||||
'content' => '[blog_posts style="vertical" slider_nav_style="simple" slider_nav_position="outside" columns="2" columns__md="1" depth="2" image_height="89%" image_width="43"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Overlay' ),
|
||||
'content' => '[blog_posts style="overlay" depth="1" title_style="uppercase" show_date="text" image_height="144%" image_overlay="rgba(0, 0, 0, 0.17)" image_hover="zoom"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Overlay - Grayscale' ),
|
||||
'content' => '[blog_posts style="overlay" depth="1" animate="fadeInLeft" title_style="uppercase" show_date="text" image_height="144%" image_overlay="rgba(0, 0, 0, 0.56)" image_hover="color" image_hover_alt="overlay-remove-50"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Masonery' ),
|
||||
'content' => '[blog_posts type="masonry" columns="3" depth="2" image_height="180px"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Grid' ),
|
||||
'content' => '[blog_posts style="shade" type="grid" columns="3" depth="1" posts="4" title_size="larger" title_style="uppercase" readmore="Read More" badge_style="circle-inside" image_height="180px"]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Full Slider' ),
|
||||
'content' => '[blog_posts style="shade" type="slider-full" grid="2" slider_nav_style="circle" columns="1" title_size="larger" show_date="text" excerpt="false" show_category="label" comments="false" image_size="large" image_overlay="rgba(0, 0, 0, 0.09)" image_hover="overlay-remove" text_size="large" text_hover="bounce" text_padding="10% 0px 10% 0px"]'
|
||||
),
|
||||
),
|
||||
|
||||
'options' => $options
|
||||
) );
|
||||
196
wp-content/themes/flatsome/inc/builder/shortcodes/button.php
Normal file
196
wp-content/themes/flatsome/inc/builder/shortcodes/button.php
Normal file
@@ -0,0 +1,196 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'button', array(
|
||||
'name' => __( 'Button', 'ux-builder' ),
|
||||
'category' => __( 'Content', 'ux-builder' ),
|
||||
'template' => flatsome_ux_builder_template( 'button.html' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button' ),
|
||||
'info' => '{{ text }}',
|
||||
'inline' => true,
|
||||
'wrap' => false,
|
||||
'priority' => 1,
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Simple', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-simple' ),
|
||||
'content' => '[button text="Click me!"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Round', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-round' ),
|
||||
'content' => '[button text="Click me!" radius="10"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Circle', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-circle' ),
|
||||
'content' => '[button text="Click me!" radius="99"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Outline', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-outline' ),
|
||||
'content' => '[button text="Click me!" style="outline"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Outline Round', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-outline-round' ),
|
||||
'content' => '[button text="Click me!" style="outline" radius="10"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Outline Circle', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-outline-circle' ),
|
||||
'content' => '[button text="Click me!" style="outline" radius="99"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Simple Link', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-link' ),
|
||||
'content' => '[button text="Click me!" style="link"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Underline', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-underline' ),
|
||||
'content' => '[button text="Click me!" style="underline"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'CTA - Small', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-call-to-action' ),
|
||||
'content' => '[button text="Click me!" style="shade" depth="3" depth_hover="5" radius="5"]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'CTA - Large', 'ux-builder' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'button-call-to-action-large' ),
|
||||
'content' => '[button text="Click me!" style="shade" size="larger" depth="4" depth_hover="5" radius="10"]',
|
||||
),
|
||||
),
|
||||
'options' => array(
|
||||
'text' => array(
|
||||
'type' => 'textfield',
|
||||
'holder' => 'button',
|
||||
'heading' => 'Text',
|
||||
'param_name' => 'text',
|
||||
'focus' => 'true',
|
||||
'value' => 'Button',
|
||||
'default' => '',
|
||||
'auto_focus' => true,
|
||||
),
|
||||
'letter_case' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Letter Case',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'ABC' ),
|
||||
'lowercase' => array( 'title' => 'Abc' ),
|
||||
),
|
||||
),
|
||||
'layout_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => 'Layout',
|
||||
'options' => array(
|
||||
'color' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Color',
|
||||
'default' => 'primary',
|
||||
'options' => array(
|
||||
'primary' => 'Primary',
|
||||
'secondary' => 'Secondary',
|
||||
'alert' => 'Alert',
|
||||
'success' => 'Success',
|
||||
'white' => 'White',
|
||||
),
|
||||
),
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Default',
|
||||
'outline' => 'Outline',
|
||||
'link' => 'Simple',
|
||||
'underline' => 'Underline',
|
||||
'shade' => 'Shade',
|
||||
'bevel' => 'Bevel',
|
||||
'gloss' => 'Gloss',
|
||||
),
|
||||
),
|
||||
'size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'options' => require __DIR__ . '/values/sizes.php',
|
||||
),
|
||||
'animate' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Animate',
|
||||
'default' => 'none',
|
||||
'options' => require __DIR__ . '/values/animate.php',
|
||||
),
|
||||
'padding' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => 'Padding',
|
||||
'full_width' => true,
|
||||
'min' => 0,
|
||||
'max' => 200,
|
||||
'step' => 1,
|
||||
),
|
||||
'radius' => array(
|
||||
'type' => 'slider',
|
||||
'class' => '',
|
||||
'heading' => 'Radius',
|
||||
'default' => '0',
|
||||
'max' => '99',
|
||||
'min' => '0',
|
||||
),
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'class' => '',
|
||||
'heading' => 'Depth',
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'class' => '',
|
||||
'heading' => 'Depth :hover',
|
||||
'param_name' => 'depth_hover',
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
'expand' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Expand',
|
||||
),
|
||||
),
|
||||
),
|
||||
'icon_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => 'Icon',
|
||||
'options' => array(
|
||||
'icon' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Icon',
|
||||
'options' => require __DIR__ . '/values/icons.php',
|
||||
),
|
||||
'icon_pos' => array(
|
||||
'conditions' => 'icon',
|
||||
'type' => 'select',
|
||||
'heading' => 'Position',
|
||||
'options' => array(
|
||||
'' => 'Right',
|
||||
'left' => 'Left',
|
||||
),
|
||||
),
|
||||
'icon_reveal' => array(
|
||||
'conditions' => 'icon',
|
||||
'type' => 'select',
|
||||
'heading' => 'Visibility',
|
||||
'options' => array(
|
||||
'' => 'Always visible',
|
||||
'true' => 'Visible on hover',
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
'link_options' => require __DIR__ . '/commons/links.php',
|
||||
'advanced_options' => require __DIR__ . '/commons/advanced.php',
|
||||
),
|
||||
) );
|
||||
187
wp-content/themes/flatsome/inc/builder/shortcodes/col.php
Normal file
187
wp-content/themes/flatsome/inc/builder/shortcodes/col.php
Normal file
@@ -0,0 +1,187 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'col', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Column', 'ux-builder' ),
|
||||
'category' => __( 'Layout' ),
|
||||
'template' => flatsome_ux_builder_template( 'col.html' ),
|
||||
'tools' => 'shortcodes/col/col-tools.directive.html',
|
||||
'info' => '{{ span }}/12 {{ label }}',
|
||||
'require' => array( 'row' ),
|
||||
'wrap' => false,
|
||||
'inline' => true,
|
||||
'nested' => true,
|
||||
'resize' => array( 'right' ),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[col span="4" span__sm="12"][/col]',
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
'label' => array(
|
||||
'full_width' => true,
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Label',
|
||||
'placeholder' => 'Enter admin label here..',
|
||||
),
|
||||
'span' => array(
|
||||
'type' => 'col-slider',
|
||||
'heading' => 'Width',
|
||||
'full_width' => true,
|
||||
'responsive' => true,
|
||||
'auto_focus' => true,
|
||||
'default' => 12,
|
||||
'max' => 12,
|
||||
'min' => 1,
|
||||
),
|
||||
|
||||
'force_first' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Force First Position',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'None',
|
||||
'medium' => 'On Tablets',
|
||||
'small' => 'On Mobile'
|
||||
)
|
||||
),
|
||||
|
||||
'divider' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Divider',
|
||||
),
|
||||
|
||||
'padding' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => 'Padding',
|
||||
'full_width' => true,
|
||||
'responsive' => true,
|
||||
'min' => 0,
|
||||
'max' => 200,
|
||||
'step' => 1,
|
||||
),
|
||||
|
||||
'margin' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => 'Margin',
|
||||
'full_width' => true,
|
||||
'responsive' => true,
|
||||
'min' => -500,
|
||||
'max' => 500,
|
||||
'step' => 1,
|
||||
),
|
||||
|
||||
'align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Text align',
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/align-radios.php' ),
|
||||
),
|
||||
|
||||
'bg_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Bg Color'),
|
||||
'format' => 'rgb',
|
||||
'alpha' => true,
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/helpers/colors.php' ),
|
||||
),
|
||||
'bg_radius' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Bg Radius' ),
|
||||
'unit' => 'px',
|
||||
'default' => 0,
|
||||
'max' => 100,
|
||||
'min' => 0,
|
||||
),
|
||||
'color' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Color',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'light' => array( 'title' => 'Light'),
|
||||
'' => array( 'title' => 'Dark'),
|
||||
),
|
||||
),
|
||||
'sticky' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Sticky',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'true' => array( 'title' => 'On' ),
|
||||
'' => array( 'title' => 'Off' ),
|
||||
),
|
||||
),
|
||||
'text_depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Text Shadow'),
|
||||
'default' => '0',
|
||||
'unit' => '+',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
|
||||
'max_width' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Max Width',
|
||||
'default' => '',
|
||||
'min' => '0'
|
||||
),
|
||||
|
||||
|
||||
'animate' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Animate',
|
||||
'default' => 'none',
|
||||
'options' => require( __DIR__ . '/values/animate.php' ),
|
||||
),
|
||||
|
||||
'hover' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Hover effect',
|
||||
'options' => array(
|
||||
'' => 'None',
|
||||
'fade' => 'Fade In',
|
||||
'focus' => 'Focus',
|
||||
'blur' => 'Blur In',
|
||||
),
|
||||
),
|
||||
|
||||
'tooltip' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Tooltip',
|
||||
),
|
||||
|
||||
'parallax' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'heading' => 'Parallax',
|
||||
'default' => 0,
|
||||
'max' => 10,
|
||||
'min' => -10,
|
||||
),
|
||||
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'heading' => 'Depth',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'heading' => 'Hover Depth',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
'border_options' => require( __DIR__ . '/commons/border.php' ),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
|
||||
add_ux_builder_shortcode( 'col_grid', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Grid Item' ),
|
||||
'category' => __( 'Layout' ),
|
||||
'template' => flatsome_ux_builder_template( 'col_grid.html' ),
|
||||
'tools' => 'shortcodes/col/col-tools.directive.html',
|
||||
'info' => '{{ span }}/12',
|
||||
'require' => array( 'row' ),
|
||||
'allow' => array( 'ux_banner','ux_slider','ux_image'),
|
||||
'resize' => array( 'right', 'bottom' ),
|
||||
'scroll_to' => false,
|
||||
'wrap' => false,
|
||||
'inline' => true,
|
||||
'nested' => true,
|
||||
|
||||
'children' => array(
|
||||
'addable_spots' => array()
|
||||
),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[col_grid span="6"][/col_grid]',
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
|
||||
'span' => array(
|
||||
'type' => 'col-slider',
|
||||
'heading' => 'Width',
|
||||
'full_width' => true,
|
||||
'responsive' => true,
|
||||
'auto_focus' => true,
|
||||
'default' => 12,
|
||||
'max' => 12,
|
||||
'min' => 1,
|
||||
),
|
||||
|
||||
'height' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Height',
|
||||
'full_width' => true,
|
||||
'default' => '1',
|
||||
'options' => array(
|
||||
'1' => array( 'title' => '1-1'),
|
||||
'1-2' => array( 'title' => '1-2'),
|
||||
'1-3' => array( 'title' => '1-3'),
|
||||
'2-3' => array( 'title' => '2-3'),
|
||||
'1-4' => array( 'title' => '1-4'),
|
||||
'3-4' => array( 'title' => '3-4'),
|
||||
),
|
||||
),
|
||||
|
||||
'animate' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Animate',
|
||||
'options' => require( __DIR__ . '/values/animate.php' ),
|
||||
),
|
||||
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'heading' => 'Depth',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'heading' => 'Hover Depth',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,15 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => 'Advanced',
|
||||
'options' => array(
|
||||
'class' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Class',
|
||||
'param_name' => 'class',
|
||||
'default' => '',
|
||||
),
|
||||
'visibility' => require( __DIR__ . '/visibility.php' ),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,80 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Background' ),
|
||||
'options' => array(
|
||||
'bg' => array(
|
||||
'type' => 'image',
|
||||
'heading' => __( 'Image' ),
|
||||
'thumb_size' => 'bg_size',
|
||||
'bg_position' => 'bg_pos',
|
||||
),
|
||||
'bg_size'=> array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'default' => 'large',
|
||||
'conditions' => 'bg',
|
||||
'options' => array(
|
||||
'original' => 'Original',
|
||||
'large' => 'Large',
|
||||
'medium' => 'Medium',
|
||||
'thumbnail' => 'Thumbnail',
|
||||
)
|
||||
),
|
||||
'bg_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Color'),
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/../helpers/colors.php' ),
|
||||
),
|
||||
'bg_overlay' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Overlay'),
|
||||
'responsive' => true,
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/../helpers/colors-overlay.php' ),
|
||||
),
|
||||
'bg_pos' => array(
|
||||
'conditions' => 'bg',
|
||||
'type' => 'textfield',
|
||||
'heading' => __('Position'),
|
||||
),
|
||||
'hover' => array(
|
||||
'conditions' => 'bg',
|
||||
'type' => 'select',
|
||||
'heading' => 'Hover',
|
||||
'options' => require( __DIR__ . '/../values/image-hover.php' ),
|
||||
),
|
||||
'hover_alt' => array(
|
||||
'conditions' => 'hover',
|
||||
'type' => 'select',
|
||||
'heading' => 'Hover Alt',
|
||||
'options' => require( __DIR__ . '/../values/image-hover.php' ),
|
||||
),
|
||||
'parallax' => array(
|
||||
'conditions' => 'bg',
|
||||
'type' => 'slider',
|
||||
'heading' => 'Parallax',
|
||||
'unit' => '+',
|
||||
'default' => 0,
|
||||
'max' => 10,
|
||||
'min' => 0,
|
||||
),
|
||||
'effect' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Effects',
|
||||
'options' => array(
|
||||
'' => 'No effect',
|
||||
'snow' => 'Snow',
|
||||
'confetti' => 'Confetti',
|
||||
'sliding-glass' => 'Sliding Glass',
|
||||
'sparkle' => 'Sparkle',
|
||||
'rain' => 'Rain',
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,62 @@
|
||||
<?php
|
||||
// Border Control
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Border' ),
|
||||
'options' => array(
|
||||
'border' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => 'Width',
|
||||
'full_width' => true,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
),
|
||||
'border_margin' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => 'Margin',
|
||||
'conditions' => 'border',
|
||||
'full_width' => true,
|
||||
'min' => -100,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
),
|
||||
'border_style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Style',
|
||||
'full_width' => true,
|
||||
'conditions' => 'border',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Solid'),
|
||||
'dashed' => array( 'title' => 'Dashed'),
|
||||
'dotted' => array( 'title' => 'Dotted'),
|
||||
),
|
||||
),
|
||||
'border_radius' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Radius',
|
||||
'conditions' => 'border',
|
||||
'unit' => 'px',
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
),
|
||||
'border_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Color'),
|
||||
'conditions' => 'border',
|
||||
'responsive' => true,
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
),
|
||||
'border_hover' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Hover' ),
|
||||
'default' => '',
|
||||
'conditions' => 'border',
|
||||
'options' => require( __DIR__ . '/../values/text-hover.php' ),
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,198 @@
|
||||
<?php
|
||||
|
||||
if(!$default_text_align) $default_text_align = 'left';
|
||||
|
||||
return array(
|
||||
|
||||
//
|
||||
// Image options
|
||||
//
|
||||
'image_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Image' ),
|
||||
'options' => array(
|
||||
|
||||
'image_height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => __('Height'),
|
||||
'conditions' => 'type !== "grid"',
|
||||
'default' => '',
|
||||
'placeholder' => __('Auto'),
|
||||
'min' => 0,
|
||||
'max' => 1000,
|
||||
'step' => 1,
|
||||
'helpers' => require( __DIR__ . '/../helpers/image-heights.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.box-image-inner',
|
||||
'style' => 'padding-top: {{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'image_width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Width' ),
|
||||
'unit' => '%',
|
||||
'default' => 100,
|
||||
'max' => 100,
|
||||
'min' => 0,
|
||||
'on_change' => array(
|
||||
'selector' => '.box-image',
|
||||
'style' => 'width: {{ value }}%'
|
||||
)
|
||||
),
|
||||
|
||||
'image_radius' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Radius' ),
|
||||
'unit' => '%',
|
||||
'default' => 0,
|
||||
'max' => 100,
|
||||
'min' => 0,
|
||||
'on_change' => array(
|
||||
'selector' => '.box-image-inner',
|
||||
'style' => 'border-radius: {{ value }}%'
|
||||
)
|
||||
),
|
||||
|
||||
'image_size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Size' ),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Default',
|
||||
'large' => 'Large',
|
||||
'medium' => 'Medium',
|
||||
'thumbnail' => 'Thumbnail',
|
||||
'original' => 'Original',
|
||||
)
|
||||
),
|
||||
|
||||
'image_overlay' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __( 'Overlay' ),
|
||||
'default' => '',
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'on_change' => array(
|
||||
'selector' => '.overlay',
|
||||
'style' => 'background-color: {{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'image_hover' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Hover' ),
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/../values/image-hover.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.image-cover',
|
||||
'class' => 'image-{{ value }}'
|
||||
)
|
||||
),
|
||||
'image_hover_alt' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Hover Alt' ),
|
||||
'default' => '',
|
||||
'conditions' => 'image_hover',
|
||||
'options' => require( __DIR__ . '/../values/image-hover.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.image-cover',
|
||||
'class' => 'image-{{ value }}'
|
||||
)
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
//
|
||||
// Text options
|
||||
//
|
||||
|
||||
'text_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Text' ),
|
||||
'options' => array(
|
||||
|
||||
'text_pos' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Position' ),
|
||||
'conditions' => 'style === "vertical" || style === "shade" || style === "overlay"',
|
||||
'default' => 'bottom',
|
||||
'options' => require( __DIR__ . '/../values/align-v.php' ),
|
||||
|
||||
'on_change' => array(
|
||||
'selector' => '.box',
|
||||
'class' => 'box-text-{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'text_align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Align' ),
|
||||
'default' => $default_text_align,
|
||||
'options' => require( __DIR__ . '/../values/align-radios.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.box-text',
|
||||
'class' => 'text-{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'text_size' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Size' ),
|
||||
'default' => 'medium',
|
||||
'options' => require( __DIR__ . '/../values/text-sizes.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.box-text',
|
||||
'class' => 'is-{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'text_hover' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Hover' ),
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/../values/text-hover.php' ),
|
||||
),
|
||||
|
||||
'text_bg' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __( 'Bg Color' ),
|
||||
'default' => '',
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'on_change' => array(
|
||||
'selector' => '.box-text',
|
||||
'style' => 'background-color:{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'text_color' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Color' ),
|
||||
'conditions' => 'style !== "shade" && style !== "overlay"',
|
||||
'default' => 'light',
|
||||
'options' => array(
|
||||
'light' => array( 'title' => 'Dark' ),
|
||||
'dark' => array( 'title' => 'Light' ),
|
||||
),
|
||||
),
|
||||
'text_padding' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => __( 'Padding' ),
|
||||
'value' => '',
|
||||
'full_width' => true,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
|
||||
'on_change' => array(
|
||||
'selector' => '.box-text',
|
||||
'style' => 'padding: {{ value }}'
|
||||
)
|
||||
),
|
||||
),
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/../commons/advanced.php')
|
||||
);
|
||||
@@ -0,0 +1,25 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Link' ),
|
||||
'options' => array(
|
||||
'link' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __('Link'),
|
||||
),
|
||||
'target' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Target' ),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Same window',
|
||||
'_blank' => 'New window',
|
||||
)
|
||||
),
|
||||
'rel' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __( 'Rel' ),
|
||||
),
|
||||
)
|
||||
);
|
||||
@@ -0,0 +1,29 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Position' ),
|
||||
'require' => array('ux_banner'),
|
||||
'options' => array(
|
||||
'position_x' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Horizontal' ),
|
||||
'save_when_default' => true,
|
||||
'responsive' => true,
|
||||
'default' => 50,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 5
|
||||
),
|
||||
'position_y' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Vertical' ),
|
||||
'save_when_default' => true,
|
||||
'responsive' => true,
|
||||
'default' => 50,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 5
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,78 @@
|
||||
<?php
|
||||
|
||||
if(!$repeater_col_spacing) $repeater_col_spacing = 'normal';
|
||||
if(!$repeater_columns) $repeater_columns = '4';
|
||||
if(!$repeater_type) $repeater_type = 'slider';
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Layout' ),
|
||||
'options' => array(
|
||||
'type' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Type',
|
||||
'default' => $repeater_type,
|
||||
'options' => require( __DIR__ . '/../values/row-layouts.php' )
|
||||
),
|
||||
'grid' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Grid Layout',
|
||||
'conditions' => 'type === "grid"',
|
||||
'default' => '1',
|
||||
'options' => require( __DIR__ . '/../values/grids.php' )
|
||||
),
|
||||
'grid_height' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __( 'Grid Height' ),
|
||||
'conditions' => 'type === "grid"',
|
||||
'default' => '600px',
|
||||
'responsive' => true,
|
||||
),
|
||||
'width' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Width',
|
||||
'conditions' => 'type !== "slider-full"',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Container',
|
||||
'full-width' => 'Full Width',
|
||||
)
|
||||
),
|
||||
'col_spacing' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Column Spacing',
|
||||
'conditions' => 'type !== "slider-full"',
|
||||
'default' => $repeater_col_spacing,
|
||||
'options' => require( __DIR__ . '/../values/col-spacing.php' )
|
||||
),
|
||||
'columns' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Columns',
|
||||
'conditions' => 'type !== "grid" && type !== "slider-full"',
|
||||
'default' => $repeater_columns,
|
||||
'responsive' => true,
|
||||
'max' => '8',
|
||||
'min' => '1',
|
||||
),
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Depth' ),
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Depth Hover' ),
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
'animate' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Animate' ),
|
||||
'default' => 'none',
|
||||
'options' => require( __DIR__ . '/../values/animate.php' ),
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
if ( ! isset( $repeater_posts ) ) $repeater_posts = 'posts';
|
||||
if ( ! isset( $repeater_post_type ) ) $repeater_post_type = 'post';
|
||||
if ( ! isset( $repeater_post_cat ) ) $repeater_post_cat = 'category';
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Posts' ),
|
||||
'options' => array(
|
||||
|
||||
'ids' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Custom Posts',
|
||||
'param_name' => 'ids',
|
||||
'config' => array(
|
||||
'multiple' => true,
|
||||
'placeholder' => 'Select..',
|
||||
'postSelect' => array(
|
||||
'post_type' => array($repeater_post_type)
|
||||
),
|
||||
)
|
||||
),
|
||||
|
||||
'cat' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Category',
|
||||
'param_name' => 'cat',
|
||||
'conditions' => 'ids == ""',
|
||||
'default' => '',
|
||||
'config' => array(
|
||||
'multiple' => true,
|
||||
'placeholder' => 'Select...',
|
||||
'termSelect' => array(
|
||||
'post_type' => $repeater_post_cat,
|
||||
'taxonomies' => $repeater_post_cat
|
||||
),
|
||||
)
|
||||
),
|
||||
|
||||
$repeater_posts => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Total Posts',
|
||||
'conditions' => 'ids == ""',
|
||||
'default' => '8',
|
||||
),
|
||||
|
||||
'offset' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Offset',
|
||||
'conditions' => 'ids == ""',
|
||||
'default' => '',
|
||||
),
|
||||
|
||||
'orderby' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Order by',
|
||||
'conditions' => 'ids == ""',
|
||||
'default' => 'date',
|
||||
'options' => array(
|
||||
'ID' => 'ID',
|
||||
'title' => 'Title',
|
||||
'name' => 'Name',
|
||||
'date' => 'Published Date',
|
||||
'modified' => 'Modified Date',
|
||||
'rand' => 'Random',
|
||||
'comment_count' => 'Comment Count',
|
||||
'menu_order' => 'Menu Order',
|
||||
),
|
||||
),
|
||||
|
||||
'order' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Order',
|
||||
'conditions' => 'ids == ""',
|
||||
'default' => 'DESC',
|
||||
'options' => array(
|
||||
'ASC' => 'ASC',
|
||||
'DESC' => 'DESC',
|
||||
),
|
||||
),
|
||||
)
|
||||
);
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Slider' ),
|
||||
'conditions' => 'type === "slider" || type === "slider-full"',
|
||||
'options' => array(
|
||||
'slider_nav_style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => "Nav Style",
|
||||
'default' => 'reveal',
|
||||
'options' => require( __DIR__ . '/../values/slider-nav-styles.php' )
|
||||
),
|
||||
'slider_nav_color' => array(
|
||||
'type' => 'select',
|
||||
'heading' => "Nav Color",
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'light' => 'Light',
|
||||
'' => 'Dark',
|
||||
)
|
||||
),
|
||||
'slider_nav_position' => array(
|
||||
'type' => 'select',
|
||||
'heading' => "Nav Position",
|
||||
'conditions' => 'slider_nav_style !== "reveal"',
|
||||
'default' => 'inside',
|
||||
'options' => array(
|
||||
'inside' => 'Inside',
|
||||
'outside' => 'Outside',
|
||||
)
|
||||
),
|
||||
'slider_bullets' => array(
|
||||
'type' => 'select',
|
||||
'heading' => "Bullets",
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Disable',
|
||||
'true' => 'Enable',
|
||||
)
|
||||
),
|
||||
'auto_slide' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Auto Slide',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Disabled',
|
||||
'2000' => '2 sec.',
|
||||
'3000' => '3 sec.',
|
||||
'4000' => '4 sec.',
|
||||
'5000' => '5 sec.',
|
||||
'6000' => '6 sec.',
|
||||
'7000' => '7 sec.',
|
||||
)
|
||||
),
|
||||
'infinitive' => array(
|
||||
'type' => 'select',
|
||||
'heading' => "Infinitive",
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'false' => 'Disable',
|
||||
'' => 'Enable',
|
||||
),
|
||||
),
|
||||
)
|
||||
);
|
||||
@@ -0,0 +1,107 @@
|
||||
<?php
|
||||
/**
|
||||
* Shape divider options.
|
||||
*
|
||||
* @package Flatsome
|
||||
*/
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => 'Shape divider',
|
||||
'options' => array(
|
||||
'divider_top' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Divider top',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => require __DIR__ . '/../values/dividers.php',
|
||||
),
|
||||
'divider_top_height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Height',
|
||||
'conditions' => 'divider_top != ""',
|
||||
'responsive' => true,
|
||||
'default' => '150px',
|
||||
'min' => '0',
|
||||
),
|
||||
'divider_top_width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Width',
|
||||
'conditions' => 'divider_top != ""',
|
||||
'responsive' => true,
|
||||
'default' => '100',
|
||||
'min' => '100',
|
||||
'max' => '300',
|
||||
'unit' => '%',
|
||||
),
|
||||
'divider_top_fill' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => 'Fill',
|
||||
'conditions' => 'divider_top != ""',
|
||||
'default' => '',
|
||||
'format' => 'rgb',
|
||||
'alpha' => true,
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require __DIR__ . '/../helpers/colors.php',
|
||||
),
|
||||
'divider_top_flip' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Flip Y',
|
||||
'conditions' => 'divider_top != ""',
|
||||
'default' => 'false',
|
||||
),
|
||||
'divider_top_to_front' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'To front',
|
||||
'conditions' => 'divider_top != ""',
|
||||
'default' => 'false',
|
||||
),
|
||||
'divider' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Divider bottom',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => require __DIR__ . '/../values/dividers.php',
|
||||
),
|
||||
'divider_height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Height',
|
||||
'conditions' => 'divider != ""',
|
||||
'responsive' => true,
|
||||
'default' => '150px',
|
||||
'min' => '0',
|
||||
),
|
||||
'divider_width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Width',
|
||||
'conditions' => 'divider != ""',
|
||||
'responsive' => true,
|
||||
'default' => '100',
|
||||
'min' => '100',
|
||||
'max' => '300',
|
||||
'unit' => '%',
|
||||
),
|
||||
'divider_fill' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => 'Fill',
|
||||
'conditions' => 'divider != ""',
|
||||
'default' => '',
|
||||
'format' => 'rgb',
|
||||
'alpha' => true,
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require __DIR__ . '/../helpers/colors.php',
|
||||
),
|
||||
'divider_flip' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Flip Y',
|
||||
'conditions' => 'divider != ""',
|
||||
'default' => 'false',
|
||||
),
|
||||
'divider_to_front' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'To front',
|
||||
'conditions' => 'divider != ""',
|
||||
'default' => 'false',
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,21 @@
|
||||
<?php
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Slide' ),
|
||||
'require' => 'ux_slider',
|
||||
'options' => array(
|
||||
'slide_effect' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Slide Effect',
|
||||
'options' => array(
|
||||
'' => 'None',
|
||||
'fade-in' => 'Fade In',
|
||||
'zoom-in' => 'Zoom In',
|
||||
'zoom-out' => 'Zoom Out',
|
||||
'fade-in-fast' => 'Fade In Fast',
|
||||
'zoom-in-fast' => 'Zoom In Fast',
|
||||
'zoom-out-fast' => 'Zoom Out Fast',
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video MP4',
|
||||
'description' => 'Nice tool to convert videos: https://cloudconvert.org/',
|
||||
);
|
||||
@@ -0,0 +1,56 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => 'Typography',
|
||||
'options' => array(
|
||||
'font_size' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Font size', 'flatsome' ),
|
||||
'responsive' => true,
|
||||
'unit' => 'rem',
|
||||
'max' => 4,
|
||||
'min' => 0.75,
|
||||
'step' => 0.05,
|
||||
),
|
||||
'line_height' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Line height', 'flatsome' ),
|
||||
'responsive' => true,
|
||||
'max' => 3,
|
||||
'min' => 0.75,
|
||||
'step' => 0.05,
|
||||
),
|
||||
'text_align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Text align', 'flatsome' ),
|
||||
'responsive' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array(
|
||||
'title' => 'None',
|
||||
'icon' => 'dashicons-no-alt',
|
||||
),
|
||||
'left' => array(
|
||||
'title' => 'Left',
|
||||
'icon' => 'dashicons-editor-alignleft',
|
||||
),
|
||||
'center' => array(
|
||||
'title' => 'Center',
|
||||
'icon' => 'dashicons-editor-aligncenter',
|
||||
),
|
||||
'right' => array(
|
||||
'title' => 'Right',
|
||||
'icon' => 'dashicons-editor-alignright',
|
||||
),
|
||||
),
|
||||
),
|
||||
'text_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __( 'Text color', 'flatsome' ),
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/../helpers/colors.php' ),
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,60 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Video', 'ux-builder' ),
|
||||
'collapsed' => true,
|
||||
'options' => array(
|
||||
'youtube' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'YouTube',
|
||||
'description' => 'Add a youtube ID here. F.ex 9d8wWcJLnFI',
|
||||
),
|
||||
'video_mp4' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video MP4',
|
||||
'description' => 'Nice tool to convert videos: https://cloudconvert.org/',
|
||||
),
|
||||
'video_ogg' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video OGG ',
|
||||
|
||||
),
|
||||
'video_webm' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video WEBM',
|
||||
),
|
||||
'video_sound' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Sound',
|
||||
'default' => 'false',
|
||||
'options' => array(
|
||||
'true' => 'Enable',
|
||||
'false' => 'Disable',
|
||||
),
|
||||
),
|
||||
'video_loop' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Loop',
|
||||
'default' => 'true',
|
||||
'options' => array(
|
||||
'true' => 'Loop',
|
||||
'false' => 'No loop',
|
||||
),
|
||||
),
|
||||
'video_visibility' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Visibility',
|
||||
'default' => 'hide-for-medium',
|
||||
'options' => array(
|
||||
'visible' => 'Visible',
|
||||
'hidden' => 'Hidden',
|
||||
'hide-for-medium' => 'Only for Desktop',
|
||||
'show-for-small' => 'Only for Mobile',
|
||||
'show-for-medium hide-for-small' => 'Only for Tablet',
|
||||
'show-for-medium' => 'Hide for Desktop',
|
||||
'hide-for-small' => 'Hide for Mobile',
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,16 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Visibility',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Visible',
|
||||
'hidden' => 'Hidden',
|
||||
'hide-for-medium' => 'Only for Desktop',
|
||||
'show-for-small' => 'Only for Mobile',
|
||||
'show-for-medium hide-for-small' => 'Only for Tablet',
|
||||
'show-for-medium' => 'Hide for Desktop',
|
||||
'hide-for-small' => 'Hide for Mobile',
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,23 @@
|
||||
<?php
|
||||
|
||||
|
||||
// Contactform7
|
||||
$forms = array('' => '-- Forms --');
|
||||
foreach(get_posts(array('post_type' => 'wpcf7_contact_form', 'posts_per_page' => -1)) as $cf7Form){
|
||||
$forms[$cf7Form->ID] = $cf7Form->post_title;
|
||||
}
|
||||
|
||||
add_ux_builder_shortcode( 'contact-form-7', array(
|
||||
'name' => __( 'Form (CF7)' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'forms' ),
|
||||
'allow_in' => array('text_box'),
|
||||
'options' => array(
|
||||
'id' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Select Form',
|
||||
'default' => '',
|
||||
'options' => $forms
|
||||
)
|
||||
)
|
||||
) );
|
||||
@@ -0,0 +1,251 @@
|
||||
<?php
|
||||
|
||||
$sizes = array(
|
||||
'xxsmall' => 'XX-Small',
|
||||
'xsmall' => 'X-Small',
|
||||
'smaller' => 'Smaller',
|
||||
'small' => 'Small',
|
||||
'' => 'Normal',
|
||||
'large' => 'Large',
|
||||
'larger' => 'Larger',
|
||||
'xlarge' => 'X-Large',
|
||||
'xxlarge' => 'XX-Large',
|
||||
);
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_gallery', array(
|
||||
'name' => __( 'Product Gallery' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_gallery' ),
|
||||
'overlay' => true,
|
||||
'wrap' => true,
|
||||
'priority' => 9999,
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'default' => 'normal',
|
||||
'options' => array(
|
||||
'normal' => __( 'Normal', 'flatsome-admin' ),
|
||||
'vertical' => __( 'Vertical', 'flatsome-admin' ),
|
||||
'full-width' => __( 'Full Width', 'flatsome-admin' ),
|
||||
'stacked' => __( 'Stacked', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_title', array(
|
||||
'name' => __( 'Product Title' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_title' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'options' => array(
|
||||
'size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'default' => '',
|
||||
'options' => $sizes,
|
||||
),
|
||||
'divider' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Divider',
|
||||
'default' => 'true',
|
||||
),
|
||||
'uppercase' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Uppercase',
|
||||
'default' => 'false',
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_rating', array(
|
||||
'name' => __( 'Product Rating' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_rating' ),
|
||||
'wrap' => true,
|
||||
'category' => __( 'Product Page' ),
|
||||
'options' => array(
|
||||
'count' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Review Count',
|
||||
'default' => 'false',
|
||||
),
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Review Count Style',
|
||||
'default' => 'inline',
|
||||
'options' => array(
|
||||
'tooltip' => __( 'Tooltip', 'flatsome-admin' ),
|
||||
'stacked' => __( 'Stacked', 'flatsome-admin' ),
|
||||
'inline' => __( 'Inline', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_price', array(
|
||||
'name' => __( 'Product Price' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_price' ),
|
||||
'wrap' => false,
|
||||
'category' => __( 'Product Page' ),
|
||||
'options' => array(
|
||||
'size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'default' => '',
|
||||
'options' => $sizes,
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_excerpt', array(
|
||||
'name' => __( 'Product Short Description' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_short_desc' ),
|
||||
'wrap' => false,
|
||||
'category' => __( 'Product Page' ),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_add_to_cart', array(
|
||||
'name' => __( 'Product Add To Cart' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_add_to_cart' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Form Style',
|
||||
'default' => 'normal',
|
||||
'options' => array(
|
||||
'normal' => __( 'Normal', 'flatsome-admin' ),
|
||||
'flat' => __( 'Flat', 'flatsome-admin' ),
|
||||
'minimal' => __( 'Minimal', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
'size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'default' => '',
|
||||
'options' => $sizes,
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_meta', array(
|
||||
'name' => __( 'Product Meta' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_meta' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_upsell', array(
|
||||
'name' => __( 'Product Up-sells' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_upsells' ),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'default' => 'sidebar',
|
||||
'options' => array(
|
||||
'sidebar' => __( 'List', 'flatsome-admin' ),
|
||||
'grid' => __( 'Grid', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_tabs', array(
|
||||
'name' => __( 'Product Tabs' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_tabs' ),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'default' => 'tabs',
|
||||
'options' => array(
|
||||
'tabs' => __( 'Line Tabs', 'flatsome-admin' ),
|
||||
'tabs_normal' => __( 'Tabs Normal', 'flatsome-admin' ),
|
||||
'line-grow' => __( 'Line Tabs - Grow', 'flatsome-admin' ),
|
||||
'tabs_vertical' => __( 'Tabs vertical', 'flatsome-admin' ),
|
||||
'tabs_pills' => __( 'Pills', 'flatsome-admin' ),
|
||||
'tabs_outline' => __( 'Outline', 'flatsome-admin' ),
|
||||
'sections' => __( 'Sections', 'flatsome-admin' ),
|
||||
'accordian' => __( 'Accordion', 'flatsome-admin' ),
|
||||
'accordian-collapsed' => __( 'Accordion - Collapsed', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
'align' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Align',
|
||||
'default' => 'left',
|
||||
'options' => array(
|
||||
'left' => __( 'Left', 'flatsome-admin' ),
|
||||
'center' => __( 'Center', 'flatsome-admin' ),
|
||||
'right' => __( 'Right', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_related', array(
|
||||
'name' => __( 'Product Related' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_related' ),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'default' => 'slider',
|
||||
'options' => array(
|
||||
'slider' => __( 'Slider', 'flatsome-admin' ),
|
||||
'grid' => __( 'Grid', 'flatsome-admin' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_hook', array(
|
||||
'name' => __( 'Product Hooks' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_hooks' ),
|
||||
'options' => array(
|
||||
'hook' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Hook',
|
||||
'default' => 'woocommerce_single_product_summary',
|
||||
'options' => apply_filters( 'flatsome_custom_product_single_product_hooks', array(
|
||||
'woocommerce_before_single_product_summary' => 'woocommerce_before_single_product_summary',
|
||||
'woocommerce_single_product_summary' => 'woocommerce_single_product_summary',
|
||||
'woocommerce_after_single_product_summary' => 'woocommerce_after_single_product_summary',
|
||||
'flatsome_custom_single_product_1' => 'flatsome_custom_single_product_1',
|
||||
'flatsome_custom_single_product_2' => 'flatsome_custom_single_product_2',
|
||||
'flatsome_custom_single_product_3' => 'flatsome_custom_single_product_3',
|
||||
) ),
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_breadcrumbs', array(
|
||||
'name' => __( 'Product Breadcrumbs' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_breadcrumbs' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'options' => array(
|
||||
'size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'default' => '',
|
||||
'options' => $sizes,
|
||||
),
|
||||
),
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_product_next_prev_nav', array(
|
||||
'name' => __( 'Product Next/Prev' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'woo_next_prev' ),
|
||||
'category' => __( 'Product Page' ),
|
||||
'options' => array(
|
||||
'class' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Class',
|
||||
'default' => '',
|
||||
),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'divider', array(
|
||||
'name' => __( 'Divider' ),
|
||||
'category' => __( 'Content' ),
|
||||
'template' => flatsome_ux_builder_template( 'divider.html' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'divider' ),
|
||||
'options' => array(
|
||||
'align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Align'),
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/align-radios.php' ),
|
||||
),
|
||||
'width' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => __('Width'),
|
||||
'default' => '30px',
|
||||
'min' => 0,
|
||||
),
|
||||
'height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => __('Height'),
|
||||
'default' => '3px',
|
||||
'min' => 0,
|
||||
),
|
||||
'margin' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => __('Margin'),
|
||||
'default' => '1.0em',
|
||||
'step' => 0.1,
|
||||
),
|
||||
'color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Color'),
|
||||
'default' => '',
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
),
|
||||
)
|
||||
|
||||
|
||||
) );
|
||||
|
||||
/*
|
||||
'width' => 'small',
|
||||
'height' => '',
|
||||
'align' => 'left', */
|
||||
@@ -0,0 +1,123 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'featured_box',
|
||||
array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Icon Box' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'icon_box' ),
|
||||
'wrap' => false,
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[featured_box]<h3>Lorem ipsum dolor sit amet</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>[/featured_box]',
|
||||
),
|
||||
),
|
||||
'options' => array(
|
||||
'img' => array(
|
||||
'type' => 'image',
|
||||
'heading' => 'Icon',
|
||||
'value' => '',
|
||||
),
|
||||
'inline_svg' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Inline SVG',
|
||||
'default' => 'true',
|
||||
),
|
||||
'img_width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Icon Width',
|
||||
'unit' => 'px',
|
||||
'default' => 60,
|
||||
'max' => 600,
|
||||
'min' => 20,
|
||||
'on_change' => array(
|
||||
'selector' => '.icon-box-img',
|
||||
'style' => 'width: {{ value }}px',
|
||||
),
|
||||
),
|
||||
'pos' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Icon Position',
|
||||
'default' => 'top',
|
||||
'options' => array(
|
||||
'top' => 'Top',
|
||||
'center' => 'Center',
|
||||
'left' => 'Left',
|
||||
'right' => 'Right',
|
||||
),
|
||||
),
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Title',
|
||||
'value' => '',
|
||||
'on_change' => array(
|
||||
'selector' => '.icon-box-text h5',
|
||||
'content' => '{{ value }}',
|
||||
),
|
||||
),
|
||||
'title_small' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Title Small',
|
||||
'value' => '',
|
||||
'on_change' => array(
|
||||
'selector' => '.icon-box-text h6',
|
||||
'content' => '{{ value }}',
|
||||
),
|
||||
),
|
||||
'tooltip' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Tooltip',
|
||||
'value' => '',
|
||||
),
|
||||
'font_size' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Text Size' ),
|
||||
'default' => 'medium',
|
||||
'options' => require( __DIR__ . '/values/text-sizes.php' ),
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'class' => 'is-{{ value }}',
|
||||
),
|
||||
),
|
||||
'margin' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => __( 'Margin' ),
|
||||
'value' => '',
|
||||
'default' => '',
|
||||
'min' => -100,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
'on_change' => array(
|
||||
'selector' => '.icon-box',
|
||||
'style' => 'margin: {{ value }}',
|
||||
),
|
||||
),
|
||||
'icon_border' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Icon Border',
|
||||
'unit' => 'px',
|
||||
'default' => 0,
|
||||
'max' => 10,
|
||||
'min' => 0,
|
||||
'on_change' => array(
|
||||
'selector' => '.has-icon-bg .icon-inner',
|
||||
'style' => 'border-width: {{ value }}px',
|
||||
),
|
||||
),
|
||||
'icon_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __( 'Icon Color' ),
|
||||
'description' => __( 'Only works for simple SVG icons' ),
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'on_change' => array(
|
||||
'selector' => '.icon-inner',
|
||||
'style' => 'color: {{ value }}',
|
||||
),
|
||||
),
|
||||
'link_group' => require( __DIR__ . '/commons/links.php' ),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
)
|
||||
);
|
||||
62
wp-content/themes/flatsome/inc/builder/shortcodes/follow.php
Normal file
62
wp-content/themes/flatsome/inc/builder/shortcodes/follow.php
Normal file
@@ -0,0 +1,62 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'follow', array(
|
||||
'name' => __( 'Follow Icons' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'share' ),
|
||||
'options' => array(
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Title',
|
||||
'default' => '',
|
||||
),
|
||||
|
||||
'style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Style' ),
|
||||
'default' => 'outline',
|
||||
'options' => array(
|
||||
'outline' => array( 'title' => 'Outline' ),
|
||||
'fill' => array( 'title' => 'Fill' ),
|
||||
'small' => array( 'title' => 'Small' ),
|
||||
),
|
||||
),
|
||||
'align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Align' ),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Inline' ),
|
||||
'left' => array( 'title' => 'Left', 'icon' => 'dashicons-editor-alignleft'),
|
||||
'center' => array( 'title' => 'Center', 'icon' => 'dashicons-editor-aligncenter'),
|
||||
'right' => array( 'title' => 'Right', 'icon' => 'dashicons-editor-alignright'),
|
||||
),
|
||||
),
|
||||
'scale' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Scale',
|
||||
'default' => '100',
|
||||
'unit' => '%',
|
||||
'max' => '300',
|
||||
'min' => '50',
|
||||
),
|
||||
'facebook' => array( 'type' => 'textfield','heading' => 'Facebook', 'default' => ''),
|
||||
'instagram' => array( 'type' => 'textfield','heading' => 'Instagram', 'default' => ''),
|
||||
'tiktok' => array( 'type' => 'textfield','heading' => 'TikTok', 'default' => ''),
|
||||
'snapchat' => array( 'type' => 'image', 'heading' => __( 'SnapChat' )),
|
||||
'twitter' => array( 'type' => 'textfield','heading' => 'Twitter', 'default' => ''),
|
||||
'linkedin' => array( 'type' => 'textfield','heading' => 'Linkedin', 'default' => ''),
|
||||
'email' => array( 'type' => 'textfield','heading' => 'Email', 'default' => ''),
|
||||
'phone' => array( 'type' => 'textfield','heading' => 'Phone', 'default' => ''),
|
||||
'pinterest' => array( 'type' => 'textfield','heading' => 'Pinterest', 'default' => ''),
|
||||
'rss' => array( 'type' => 'textfield','heading' => 'RSS', 'default' => ''),
|
||||
'youtube' => array( 'type' => 'textfield','heading' => 'Youtube', 'default' => ''),
|
||||
'flickr' => array( 'type' => 'textfield','heading' => 'Flickr', 'default' => ''),
|
||||
'vkontakte' => array( 'type' => 'textfield','heading' => 'VKontakte', 'default' => ''),
|
||||
'px500' => array( 'type' => 'textfield','heading' => '500px', 'default' => ''),
|
||||
'telegram' => array( 'type' => 'textfield','heading' => 'Telegram', 'default' => ''),
|
||||
'discord' => array( 'type' => 'textfield','heading' => 'Discord', 'default' => ''),
|
||||
'twitch' => array( 'type' => 'textfield','heading' => 'Twitch', 'default' => ''),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
24
wp-content/themes/flatsome/inc/builder/shortcodes/gap.php
Normal file
24
wp-content/themes/flatsome/inc/builder/shortcodes/gap.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'gap', array(
|
||||
'name' => __( 'Gap' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'gap' ),
|
||||
'info' => '{{ height }}',
|
||||
'allow_in' => array('text_box'),
|
||||
'wrap' => false,
|
||||
|
||||
'options' => array(
|
||||
|
||||
'height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'responsive' => true,
|
||||
'heading' => __( 'Height' ),
|
||||
'default' => '30px',
|
||||
'min' => 0,
|
||||
'on_change' => array(
|
||||
'style' => 'padding-top: {{ value }}'
|
||||
),
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,16 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
array(
|
||||
'title' => 'Dark',
|
||||
'value' => 'rgba(0,0,0,.5)',
|
||||
),
|
||||
array(
|
||||
'title' => 'White',
|
||||
'value' => 'rgba(255,255,255,.5)',
|
||||
),
|
||||
array(
|
||||
'title' => 'Primary',
|
||||
'value' => get_theme_mod( 'color_primary', Flatsome_Default::COLOR_PRIMARY ),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
array(
|
||||
'title' => 'Dark',
|
||||
'value' => 'rgb(0,0,0)',
|
||||
),
|
||||
array(
|
||||
'title' => 'White',
|
||||
'value' => 'rgb(255,255,255)',
|
||||
),
|
||||
array(
|
||||
'title' => 'Primary',
|
||||
'value' => get_theme_mod( 'color_primary', Flatsome_Default::COLOR_PRIMARY ),
|
||||
),
|
||||
array(
|
||||
'title' => 'Secondary',
|
||||
'value' => get_theme_mod( 'color_secondary', Flatsome_Default::COLOR_SECONDARY ),
|
||||
),
|
||||
array(
|
||||
'title' => 'Success',
|
||||
'value' => get_theme_mod( 'color_success', Flatsome_Default::COLOR_SUCCESS ),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
array('title' => 'Auto','value' => ''),
|
||||
array('title' => 'Full','value' => '100%'),
|
||||
array('title' => '16:9','value' => '56.25%'),
|
||||
array('title' => '1:2','value' => '50%'),
|
||||
array('title' => '1:1','value' => '99.99%'),
|
||||
);
|
||||
@@ -0,0 +1,10 @@
|
||||
<?php
|
||||
|
||||
return array(
|
||||
array('title' => 'X','value' => ''),
|
||||
array('title' => '1:1','value' => '100%'),
|
||||
array('title' => '2:1','value' => '200%'),
|
||||
array('title' => '4:3','value' => '75%'),
|
||||
array('title' => '16:9','value' => '56.25%'),
|
||||
array('title' => '1:2','value' => '50%'),
|
||||
);
|
||||
161
wp-content/themes/flatsome/inc/builder/shortcodes/map.php
Normal file
161
wp-content/themes/flatsome/inc/builder/shortcodes/map.php
Normal file
@@ -0,0 +1,161 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'map', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Map' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'map' ),
|
||||
'template' => flatsome_ux_builder_template( 'map.html' ),
|
||||
'wrap' => false,
|
||||
'scripts' => array(
|
||||
'google-maps' => '//maps.google.com/maps/api/js?key='. trim( get_theme_mod( 'google_map_api', 'AIzaSyCnQHEUD4Yvg4m1ul3PWUwsjctR1Cl2NFc' ) ),
|
||||
),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => 'Default',
|
||||
'content' => '
|
||||
[map content_width="30" content_width__sm="100" content_width__md="40" position_x__sm="100" position_y__sm="100"]
|
||||
Enter street adress here. Or any other information you want.</p>
|
||||
[/map]',
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
|
||||
'height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Height',
|
||||
'default' => '400px',
|
||||
'responsive' => true
|
||||
),
|
||||
|
||||
'lat' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Latitude',
|
||||
'default' => '40.79028',
|
||||
'step' => '0.00001',
|
||||
'unit' => '',
|
||||
),
|
||||
|
||||
'long' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Longitude',
|
||||
'default' => '-73.95972',
|
||||
'step' => '0.00001',
|
||||
'unit' => '',
|
||||
),
|
||||
|
||||
'zoom' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Zoom' ),
|
||||
'default' => 17,
|
||||
'max' => 20,
|
||||
'min' => 1,
|
||||
),
|
||||
|
||||
'pan' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => __( 'Pan' ),
|
||||
'default' => 'true',
|
||||
),
|
||||
|
||||
'content_group' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Content' ),
|
||||
'options' => array(
|
||||
'content_enable' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => __( 'Show Content' ),
|
||||
'default' => 'true',
|
||||
),
|
||||
'content_bg' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Background'),
|
||||
'format' => 'rgb',
|
||||
'default' => '#fff',
|
||||
'position' => 'bottom right',
|
||||
),
|
||||
'content_width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Width' ),
|
||||
'responsive' => true,
|
||||
'default' => 30,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 1
|
||||
),
|
||||
'position_x' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'X Position' ),
|
||||
'responsive' => true,
|
||||
'default' => 95,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 5
|
||||
),
|
||||
'position_y' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Y Position' ),
|
||||
'responsive' => true,
|
||||
'default' => 95,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 5
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
'controls_group' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Controls' ),
|
||||
'options' => array(
|
||||
'controls' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => __( 'Show controls' ),
|
||||
'default' => false,
|
||||
),
|
||||
'zoom_control' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => __( 'Zoom' ),
|
||||
'default' => 'true',
|
||||
'conditions' => 'controls === "true"'
|
||||
),
|
||||
'street_view_control' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => __( 'Street view' ),
|
||||
'default' => 'true',
|
||||
'conditions' => 'controls === "true"'
|
||||
),
|
||||
'map_type_control' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => __( 'Map type' ),
|
||||
'default' => 'true',
|
||||
'conditions' => 'controls === "true"'
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
'styles_group' => array(
|
||||
'type' => 'group',
|
||||
'heading' => 'Style',
|
||||
'options' => array(
|
||||
'color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => 'Color',
|
||||
'default' => '',
|
||||
'format' => 'hex',
|
||||
'position' => 'bottom right',
|
||||
),
|
||||
'saturation' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Saturation',
|
||||
'default' => -30,
|
||||
'max' => 100,
|
||||
'min' => -100,
|
||||
),
|
||||
),
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'message_box', array(
|
||||
'name' => __( 'Message Box' ),
|
||||
'type' => 'container',
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'message_box' ),
|
||||
'template' => flatsome_ux_builder_template( 'message_box.html' ),
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[message_box] [row_inner v_align="middle" h_align="center"] [col_inner span="9" span__sm="12"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col_inner] [col_inner span="2" span__sm="12" align="center"] [button text="Click me" color="white" style="outline" radius="99"] [/col_inner] [/row_inner] [/message_box]',
|
||||
),
|
||||
),
|
||||
'options' => array(
|
||||
'bg' => array(
|
||||
'type' => 'image',
|
||||
'heading' => __( 'BG Image' ),
|
||||
'thumb_size' => 'bg_size',
|
||||
),
|
||||
'bg_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Bg Color'),
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
),
|
||||
'text_color' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Color' ),
|
||||
'default' => 'dark',
|
||||
'options' => array(
|
||||
'light' => array( 'title' => 'Dark' ),
|
||||
'dark' => array( 'title' => 'Light' ),
|
||||
),
|
||||
),
|
||||
'padding' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Padding'),
|
||||
'max' => 200,
|
||||
'min' => 0,
|
||||
'default' => 15
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,249 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'page_header', array(
|
||||
'name' => __( 'Page Header' ),
|
||||
'category' => __( 'Layout' ),
|
||||
'wrap' => false,
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'page_title' ),
|
||||
'allow' => array(),
|
||||
'presets' => array(),
|
||||
'options' => array(
|
||||
'layout_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Layout' ),
|
||||
'options' => array(
|
||||
'height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'responsive' => true,
|
||||
'heading' => __('Height'),
|
||||
'default' => '',
|
||||
'placeholder' => __('Default'),
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'selector' => '.page-title-inner',
|
||||
'style' => 'min-height: {{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'margin' => array(
|
||||
'type' => 'scrubfield',
|
||||
'responsive' => true,
|
||||
'heading' => __('Margin'),
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'style' => 'margin-bottom: {{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Content Style',
|
||||
'full_width' => true,
|
||||
'default' => 'featured',
|
||||
'options' => array(
|
||||
'featured' => 'Featured',
|
||||
'normal' => 'Flat',
|
||||
'simple' => 'Simple',
|
||||
'divided' => 'Divided',
|
||||
)
|
||||
),
|
||||
|
||||
'type' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Content Type',
|
||||
'full_width' => true,
|
||||
'default' => 'breadcrumbs',
|
||||
'options' => array(
|
||||
'breadcrumbs' => 'Breadcrumbs',
|
||||
'subnav' => 'Sub Navigation',
|
||||
'onpage' => 'Scroll To Navigation',
|
||||
'share' => 'Share Icons'
|
||||
)
|
||||
),
|
||||
|
||||
'text_color' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Text color'),
|
||||
'default' => 'light',
|
||||
'options' => array(
|
||||
'light' => array( 'title' => 'Light'),
|
||||
'dark' => array( 'title' => 'Dark'),
|
||||
),
|
||||
),
|
||||
|
||||
'align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Align',
|
||||
'full_width' => true,
|
||||
'default' => 'left',
|
||||
'options' => array(
|
||||
'left' => array( 'title' => 'Left'),
|
||||
'center' => array( 'title' => 'Center'),
|
||||
'right' => array( 'title' => 'Right'),
|
||||
),
|
||||
),
|
||||
|
||||
'v_align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Vertical Align',
|
||||
'full_width' => true,
|
||||
'default' => 'center',
|
||||
'options' => array(
|
||||
'top' => array( 'title' => 'Top'),
|
||||
'center' => array( 'title' => 'Middle'),
|
||||
'bottom' => array( 'title' => 'Bottom'),
|
||||
)
|
||||
),
|
||||
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'heading' => 'Depth',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
|
||||
'parallax_text' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Content Parallax',
|
||||
'unit' => '+',
|
||||
'default' => 0,
|
||||
'max' => 10,
|
||||
'min' => 0,
|
||||
),
|
||||
)
|
||||
),
|
||||
'title_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Title' ),
|
||||
'options' => array(
|
||||
|
||||
'show_title' => array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => 'Show Title',
|
||||
'default' => 'true'
|
||||
),
|
||||
|
||||
'title' => array(
|
||||
'conditions' => 'show_title',
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Title',
|
||||
'placeholder' => __( 'Page title' ),
|
||||
'default' => '',
|
||||
),
|
||||
|
||||
'title_size' => array(
|
||||
'conditions' => 'show_title',
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'options' => require( __DIR__ . '/values/sizes.php' ),
|
||||
),
|
||||
|
||||
'title_case' => array(
|
||||
'conditions' => 'show_title',
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Letter Case',
|
||||
'default' => 'normal',
|
||||
'options' => array(
|
||||
'normal' => array( 'title' => 'Abc' ),
|
||||
'uppercase' => array( 'title' => 'ABC'),
|
||||
),
|
||||
),
|
||||
|
||||
'sub_title' => array(
|
||||
'conditions' => 'show_title',
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Sub Title',
|
||||
'default' => '',
|
||||
),
|
||||
),
|
||||
),
|
||||
'nav_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Navigation style' ),
|
||||
'options' => array(
|
||||
'nav_style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Style',
|
||||
'default' => 'line',
|
||||
'options' => require( __DIR__ . '/values/nav-styles.php' ),
|
||||
),
|
||||
'nav_size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'options' => require( __DIR__ . '/values/sizes.php' ),
|
||||
),
|
||||
'nav_case' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Letter Case',
|
||||
'default' => 'uppercase',
|
||||
'options' => array(
|
||||
'uppercase' => array( 'title' => 'ABC'),
|
||||
'lowercase' => array( 'title' => 'Abc' ),
|
||||
),
|
||||
),
|
||||
)
|
||||
),
|
||||
'background_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Background' ),
|
||||
'options' => array(
|
||||
'bg' => array(
|
||||
'type' => 'image',
|
||||
'heading' => __( 'Image' ),
|
||||
'thumb_size' => 'bg_size',
|
||||
'bg_position' => 'bg_pos',
|
||||
),
|
||||
'bg_size'=> array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Size',
|
||||
'default' => 'large',
|
||||
'options' => array(
|
||||
'original' => 'Original',
|
||||
'large' => 'Large',
|
||||
'medium' => 'Medium',
|
||||
'thumbnail' => 'Thumbnail',
|
||||
)
|
||||
),
|
||||
'bg_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Color'),
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/helpers/colors.php' ),
|
||||
),
|
||||
'bg_overlay' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Overlay'),
|
||||
'responsive' => true,
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/helpers/colors-overlay.php' ),
|
||||
),
|
||||
'bg_pos' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __('Position'),
|
||||
'on_change' => array(
|
||||
'selector' => '.title-bg',
|
||||
'style' => 'background-position: {{ value }}'
|
||||
)
|
||||
),
|
||||
'parallax' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Parallax',
|
||||
'unit' => '+',
|
||||
'default' => 0,
|
||||
'max' => 10,
|
||||
'min' => 0,
|
||||
),
|
||||
), // end bgs
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,46 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'ux_the_title', array(
|
||||
'name' => __( 'Page Title' ),
|
||||
'category' => __( 'Meta' ),
|
||||
'options' => array(
|
||||
'video' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video',
|
||||
),
|
||||
)
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_breadcrumbs', array(
|
||||
'name' => __( 'Breadcrumbs' ),
|
||||
'category' => __( 'Meta' ),
|
||||
'options' => array(
|
||||
'video' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video',
|
||||
),
|
||||
)
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'ux_subnav', array(
|
||||
'name' => __( 'Sub Navs' ),
|
||||
'category' => __( 'Meta' ),
|
||||
'options' => array(
|
||||
'video' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video',
|
||||
),
|
||||
)
|
||||
) );
|
||||
|
||||
|
||||
add_ux_builder_shortcode( 'ux_excerpt', array(
|
||||
'name' => __( 'Excerpt' ),
|
||||
'category' => __( 'Meta' ),
|
||||
'options' => array(
|
||||
'video' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Video',
|
||||
),
|
||||
)
|
||||
) );
|
||||
@@ -0,0 +1,140 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'ux_price_table', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Price Table' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'price_table' ),
|
||||
'allow' => array('text','bullet_item','button'),
|
||||
'wrap' => false,
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[ux_price_table title="Title" price="price" featured="false"][bullet_item text="Title"][bullet_item text="Title"][bullet_item text="Title"][bullet_item text="Title"][/ux_price_table]',
|
||||
),
|
||||
),
|
||||
'options' => array(
|
||||
'title' => array( 'type' => 'textfield','heading' => 'Title', 'default' => 'Title', 'on_change' => array('selector' => '.title', 'content' => '{{value}}' )),
|
||||
'price' => array( 'type' => 'textfield','heading' => 'Price', 'default' => '$99.99','on_change' => array('selector' => '.price', 'content' => '{{value}}')),
|
||||
'description' => array( 'type' => 'textfield','heading' => 'Desc.', 'default' => 'Description','on_change' => array('selector' => '.description', 'content' => '{{value}}')),
|
||||
|
||||
'featured' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Featured'),
|
||||
'default' => 'false',
|
||||
'options' => array(
|
||||
'false' => array( 'title' => 'No'),
|
||||
'true' => array( 'title' => 'Yes'),
|
||||
),
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'selector' => '.pricing-table',
|
||||
'class' => array(
|
||||
'false' => '',
|
||||
'true' => 'featured-table',
|
||||
),
|
||||
),
|
||||
),
|
||||
'color' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Text Color'),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Dark'),
|
||||
'dark' => array( 'title' => 'Light'),
|
||||
),
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'class' => '{{ value }}',
|
||||
),
|
||||
),
|
||||
'bg_color' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Bg Color'),
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'on_change' => array(
|
||||
'selector' => '.pricing-table',
|
||||
'style' => 'background-color: {{value}}',
|
||||
),
|
||||
),
|
||||
'radius' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Radius' ),
|
||||
'default' => '0',
|
||||
'unit' => 'px',
|
||||
'max' => '30',
|
||||
'min' => '0',
|
||||
'on_change' => array(
|
||||
'selector' => '.pricing-table',
|
||||
'style' => 'border-radius: {{value}}px',
|
||||
),
|
||||
),
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Depth' ),
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'selector' => '.pricing-table',
|
||||
'class' => 'box-shadow-{{ value }}'
|
||||
),
|
||||
),
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Depth Hover' ),
|
||||
'default' => '3',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
'on_change' => array(
|
||||
'recompile' => false,
|
||||
'selector' => '.pricing-table',
|
||||
'class' => 'box-shadow-{{ value }}-hover'
|
||||
),
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
)
|
||||
) );
|
||||
|
||||
add_ux_builder_shortcode( 'bullet_item', array(
|
||||
'name' => __( 'Bullet Item' ),
|
||||
'info' => '{{ title }}',
|
||||
'require' => array( 'ux_price_table' ),
|
||||
'template' => '
|
||||
<div class="bullet-item"
|
||||
ng-class="{
|
||||
\'tooltip\': !!shortcode.options.tooltip,
|
||||
\'has-hover\': !!shortcode.options.tooltip,
|
||||
\'is-disabled\': shortcode.options.enabled !== \'true\'
|
||||
}"
|
||||
ng-attr-title="shortcode.options.tooltip">
|
||||
<span class="text" ng-bind-html="shortcode.options.text | html"></span>
|
||||
<span ng-if="shortcode.options.tooltip" class="tag-label bullet-more-info circle">?</span>
|
||||
</div>
|
||||
',
|
||||
'wrap' => false,
|
||||
'hidden' => true,
|
||||
'options' => array(
|
||||
'text' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Text',
|
||||
'default' => 'Add any text here',
|
||||
),
|
||||
'tooltip' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Tooltip',
|
||||
'default' => '',
|
||||
),
|
||||
'enabled' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Enabled'),
|
||||
'default' => 'true',
|
||||
'options' => array(
|
||||
'true' => array( 'title' => 'Yes'),
|
||||
'false' => array( 'title' => 'No'),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
222
wp-content/themes/flatsome/inc/builder/shortcodes/row.php
Normal file
222
wp-content/themes/flatsome/inc/builder/shortcodes/row.php
Normal file
@@ -0,0 +1,222 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'row', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Row' , 'ux-builder' ),
|
||||
'image' => '',
|
||||
'category' => __( 'Layout' ),
|
||||
'template' => flatsome_ux_builder_template( 'row.html' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row' ),
|
||||
'tools' => 'shortcodes/row-tools.directive.html',
|
||||
'info' => '{{ label }}',
|
||||
'allow' => array( 'col' ),
|
||||
'nested' => true,
|
||||
'wrap' => false,
|
||||
'priority' => -1,
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( '3 Columns' ),
|
||||
'content' => '[row][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col]][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-3-col' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( '2 Columns' ),
|
||||
'content' => '[row][col span="6" span__sm="12"][/col][col span="6" span__sm="12"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-2-col' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( '4 Columns' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-4-col' ),
|
||||
'content' => '[row][col span="3" span__sm="6"][/col][col span="3" span__sm="6"][/col][col span="3" span__sm="6"][/col][col span="3" span__sm="6"][/col][/row]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'One Column' ),
|
||||
'content' => '[row][col span="12" span__sm="12"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-1-col' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Large Right' ),
|
||||
'content' => '[row][col span="4" span__sm="12"][/col][col span="8" span__sm="12"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-1-3-col' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Large Left' ),
|
||||
'content' => '[row][col span="8" span__sm="12"][/col][col span="4" span__sm="12"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-2-3-col' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( '2 Col - Full' ),
|
||||
'content' => '[row style="collapse" width="full-width"][col span="6"][/col][col span="6"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-2-col-full' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( '3 col - Full' ),
|
||||
'content' => '[row style="collapse" width="full-width"][col span="4"][/col][col span="4"][/col][col span="4"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-3-col-full' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Left' ),
|
||||
'content' => '[row v_align="middle"][col span="6" span__sm="12"][ux_image][/col][col span="6" span__sm="12"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-image-left' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Right' ),
|
||||
'content' => '[row v_align="middle"][col span="6" span__sm="12"][/col][col span="6" span__sm="12"][ux_image][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-image-right' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Large Media Left' ),
|
||||
'content' => '[row v_align="middle" style="collapse" width="full-width"][col span="6" span__sm="12"][ux_image][/col][col max_width="520px" padding="5% 5% 5% 5%" span="6" span__sm="12"][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-image-left-large' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Large Media Right' ),
|
||||
'content' => '[row v_align="middle" style="collapse" width="full-width"][col max_width="520px" padding="5% 5% 5% 5%" span="6" span__sm="12" width=""][/col][col span="6" span__sm="12"][ux_image][/col][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-image-right-large' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( '3 Columns - Drop Shadow' ),
|
||||
'content' => '[row depth="3" depth_hover="5"][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col]][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-3-shadow-col' ),
|
||||
),
|
||||
array(
|
||||
'name' => __( '3 Columns - Dashed' ),
|
||||
'content' => '[row col_style="dashed"][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col][col span="4" span__sm="12"][/col]][/row]',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'row-3-col-dashed' ),
|
||||
)
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
|
||||
'label' => array(
|
||||
'full_width' => true,
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Label',
|
||||
'placeholder' => 'Enter admin label here..'
|
||||
),
|
||||
|
||||
'style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Column Spacing',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Normal'),
|
||||
'small' => array( 'title' => 'Small' ),
|
||||
'large' => array( 'title' => 'Large' ),
|
||||
'collapse' => array( 'title' => 'Collapse' ),
|
||||
),
|
||||
),
|
||||
|
||||
'col_style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Column Style',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Normal'),
|
||||
'divided' => array( 'title' => 'Divided'),
|
||||
'dashed' => array( 'title' => 'Dashed'),
|
||||
'solid' => array( 'title' => 'Solid'),
|
||||
),
|
||||
),
|
||||
|
||||
'col_bg' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('Column Background'),
|
||||
'format' => 'rgb',
|
||||
'alpha' => true,
|
||||
'position' => 'bottom right',
|
||||
'helpers' => require( __DIR__ . '/helpers/colors.php' ),
|
||||
),
|
||||
|
||||
'col_bg_radius' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'full_width' => true,
|
||||
'heading' => __( 'Column Radius' ),
|
||||
'unit' => 'px',
|
||||
'default' => 0,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
),
|
||||
|
||||
'width' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Width',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Container'),
|
||||
'full-width' => array( 'title' => 'Full' ),
|
||||
'custom' => array( 'title' => 'Custom' ),
|
||||
),
|
||||
),
|
||||
|
||||
'custom_width' => array(
|
||||
'type' => 'scrubfield',
|
||||
'conditions' => 'width == "custom"',
|
||||
'heading' => 'Custom Width',
|
||||
'default' => '',
|
||||
'placeholder' => '1080px'
|
||||
),
|
||||
|
||||
'v_align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Align Vertical',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Top'),
|
||||
'equal' => array( 'title' => 'Equal'),
|
||||
'middle' => array( 'title' => 'Middle'),
|
||||
'bottom' => array( 'title' => 'Bottom'),
|
||||
)
|
||||
),
|
||||
|
||||
'h_align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Align Horizontal',
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Left'),
|
||||
'center' => array( 'title' => 'Center'),
|
||||
'right' => array( 'title' => 'Right')
|
||||
)
|
||||
),
|
||||
|
||||
'padding' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => 'Column Padding',
|
||||
'full_width' => true,
|
||||
'responsive' => true,
|
||||
'min' => 0,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
),
|
||||
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'full_width' => true,
|
||||
'heading' => 'Column Depth',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'vertical' => true,
|
||||
'full_width' => true,
|
||||
'heading' => 'Column Depth Hover',
|
||||
'default' => 0,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,41 @@
|
||||
<?php
|
||||
|
||||
// Shortcode to display a single product
|
||||
add_ux_builder_shortcode( 'scroll_to', array(
|
||||
'name' => 'Scroll To',
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'scroll_to' ),
|
||||
'info' => '{{ title }}',
|
||||
'wrap' => false,
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[scroll_to title="" link="" bullet="true"]'
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Title',
|
||||
'default' => 'Change this',
|
||||
),
|
||||
'link' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Link',
|
||||
'default' => '',
|
||||
'placeholder' => 'Leave empty to auto create',
|
||||
'description' => 'You can scroll to this by using #value as link'
|
||||
),
|
||||
'bullet' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Bullet'),
|
||||
'default' => 'true',
|
||||
'options' => array(
|
||||
'false' => array( 'title' => 'Off'),
|
||||
'true' => array( 'title' => 'On'),
|
||||
),
|
||||
),
|
||||
),
|
||||
) );
|
||||
37
wp-content/themes/flatsome/inc/builder/shortcodes/search.php
Normal file
37
wp-content/themes/flatsome/inc/builder/shortcodes/search.php
Normal file
@@ -0,0 +1,37 @@
|
||||
<?php
|
||||
|
||||
|
||||
add_ux_builder_shortcode( 'search', array(
|
||||
'name' => __( 'Search Box' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'search' ),
|
||||
'wrap' => false,
|
||||
'allow_in' => array('text_box'),
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[search]',
|
||||
),
|
||||
),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Style' ),
|
||||
'options' => array(
|
||||
'' => 'Normal',
|
||||
'flat' => 'Flat',
|
||||
)
|
||||
),
|
||||
|
||||
'size' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Size' ),
|
||||
'default' => 'medium',
|
||||
'options' => require( __DIR__ . '/values/text-sizes.php' ),
|
||||
'on_change' => array(
|
||||
'class' => 'is-{{ value }}'
|
||||
)
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
)
|
||||
) );
|
||||
189
wp-content/themes/flatsome/inc/builder/shortcodes/section.php
Normal file
189
wp-content/themes/flatsome/inc/builder/shortcodes/section.php
Normal file
@@ -0,0 +1,189 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'section', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Section', 'ux-builder' ),
|
||||
'category' => __( 'Layout' ),
|
||||
'template' => flatsome_ux_builder_template( 'section.html' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'section' ),
|
||||
'wrap' => false,
|
||||
'info' => '{{ label }}',
|
||||
'priority' => -1,
|
||||
'styles' => array(
|
||||
'flatsome-banner-effect' => get_template_directory_uri() . '/assets/css/effects.css',
|
||||
),
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/simple-white' ),
|
||||
'content' => '[section] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Default Dark' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/simple-center' ),
|
||||
'content' => '[section bg_color="rgb(40, 40, 40)" dark="true"] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Simple Light' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/simple-light' ),
|
||||
'content' => '[section label="Simple Light" bg_color="rgb(245, 245, 245)" padding="60px" height="300px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"] [row] [col span="4" span__sm="12"] <h2 class="uppercase">This is a headline</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="4" span__sm="12"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="4" span__sm="12"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Simple Center' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/simple-center' ),
|
||||
'content' => '[section label="Simple Center" bg_color="rgb(245, 245, 245)" padding="60px" height="300px" border_color="rgb(235, 235, 235)"] [row h_align="center"] [col span="10" align="center" span__sm="12"] <h2 class="uppercase">This is a headline</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Arrow Top' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/arrow-down' ),
|
||||
'content' => '[section label="Section with arrow" bg_color="rgb(0, 0, 0)" bg_overlay="rgba(0, 0, 0, 0.4)" dark="true" mask="arrow" padding="59px" height="300px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"] [row] [col span="4" span__sm="12" text_depth="2"] <h2 class="uppercase">This is a headline with arrow on top</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="4" span__sm="12" text_depth="2"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="4" span__sm="12" text_depth="2"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Box Right Dark' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/box-right-dark' ),
|
||||
'content' => '[section label="Dark section with box right" bg_color="rgb(171, 171, 171)" bg_overlay="rgba(0, 0, 0, 0.64)" padding="59px" height="300px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"] [row style="large" v_align="middle" h_align="center"] [col span="6" span__sm="12" align="center" color="light"] <h2>Dark section with content right</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="6" span__sm="12" padding="15px 15px 15px 15px" align="left" bg_color="rgb(255, 255, 255)" animate="flipInY" depth="2" depth_hover="5"] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Box Left Dark' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/box-left-dark' ),
|
||||
'content' => '[section label="Dark section with box left" bg_color="rgb(171, 171, 171)" bg_overlay="rgba(0, 0, 0, 0.78)" padding="59px" height="300px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"] [row style="large" v_align="middle" h_align="center"] [col span="6" span__sm="12" padding="15px 15px 15px 15px" bg_color="rgb(255, 255, 255)" depth="2" depth_hover="5"] [/col] [col span="6" span__sm="12" align="center" color="light"] <h2>Dark section with content left</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [button text="Add Any content here"] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Box Right' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/box-right' ),
|
||||
'content' => '[section label="Section with box left" bg_color="rgb(228, 228, 228)" padding="59px" height="300px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"] [row style="large" v_align="middle" h_align="center"] [col span="6" span__sm="12" align="center"] <h2>Section with content right</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="6" span__sm="12" padding="15px 15px 15px 15px" bg_color="rgb(255, 255, 255)" depth="2" depth_hover="5"] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Box Left' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/box-left' ),
|
||||
'content' => '[section bg_color="rgb(240, 240, 240)" padding="59px" height="300px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"] [row style="large" v_align="middle" h_align="center"] [col span="6" span__sm="12" padding="15px 15px 15px 15px" bg_color="rgb(255, 255, 255)" depth="2" depth_hover="5"] [/col] [col span="6" span__sm="12" align="center"] <h2>Section with content left</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Left' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-left' ),
|
||||
'content' => '[section label="Media Left" bg_color="rgb(193, 193, 193)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="60px"] [row style="large" v_align="middle"] [col span="6" span__sm="12"] [ux_image] [/col] [col span="6" span__sm="12" align="left"] <h2>Section with image left</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [button text="Add Any content here"] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Right' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-right' ),
|
||||
'content' => '[section label="Media Right" bg_color="rgb(193, 193, 193)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="60px"] [row style="large" v_align="middle"] [col span="6" span__sm="12" align="left"] <h2>Section with Image right</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [button text="Add Any content here"] [/col] [col span="6" span__sm="12"] [ux_image] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Left Large' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-left-large' ),
|
||||
'content' => '[section label="Media Left Large" bg_color="rgb(247, 247, 247)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="0px"] [row style="collapse" width="full-width" v_align="middle"] [col span="6" span__sm="12"] [ux_image] [/col] [col span="6" span__sm="12" padding="10% 10% 10% 10%" align="center" max_width="520px"] <h2>Section with large image left</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [button text="Add Any content here"] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Right Large' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-right-large' ),
|
||||
'content' => '[section label="Media Right Large" bg_color="rgb(247, 247, 247)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="0px"] [row style="collapse" width="full-width" v_align="middle"] [col span="6" span__sm="12" padding="10% 10% 10% 10%" align="center" max_width="520px"] <h2>Section with large image right</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="6" span__sm="12"] [ux_image] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Right Large Dark' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-right-large-dark' ),
|
||||
'content' => '[section label="Media right large" bg_color="rgb(64, 64, 64)" bg_overlay="rgba(0, 0, 0, 0.7)" dark="true" padding="0px"] [row style="collapse" width="full-width" v_align="middle"] [col span="6" span__sm="12" padding="5% 5% 5% 0px" align="left" max_width="520px"] <h2>Dark Section with large image right</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [button text="Add Any content here"] [/col] [col span="6" span__sm="12"] [ux_image] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Left Large Dark' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-left-large-dark' ),
|
||||
'content' => '[section label="Media Left Large" bg_color="rgb(64, 64, 64)" bg_overlay="rgba(0, 0, 0, 0.73)" dark="true" padding="0px"] [row style="collapse" width="full-width" v_align="middle"] [col span="6" span__sm="12"] [ux_image] [/col] [col span="6" span__sm="12" padding="5% 5% 5% 5%" align="left" max_width="520px"] <h2>Dark Section with a large image left</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [button text="Add Any content here"] [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Center' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-center' ),
|
||||
'content' => '[section label="Media Center" bg_color="rgb(193, 193, 193)" bg_overlay="rgba(255, 255, 255, 0.85)"] [row style="large" h_align="center"] [col span="3" span__sm="12" align="right"] <h2>Section with Image center</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col span="5" span__sm="12"] [ux_image] [/col] [col span="3" span__sm="12" align="left"] <h2>Section with Image center</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Top' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-top' ),
|
||||
'content' => '[section label="Media Top" bg_color="rgb(193, 193, 193)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="0px"] [row style="large" h_align="center"] [col] [ux_image] [/col] [col span="7" span__sm="12" align="center"] <h2>Section with Image Top</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [/row] [/section]',
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Media Bottom' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'sections/media-bottom' ),
|
||||
'content' => '[section label="Media Bottom" bg_color="rgb(208, 208, 208)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="0px"] [row style="collapse" h_align="center"] [col span="6" span__sm="12" padding="50px 0px 50px 0px" align="center"] <h2>Section with Image Bottom</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/col] [col] [ux_image] [/col] [/row] [/section]',
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
'label' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Admin label',
|
||||
'placeholder' => 'Enter admin label...',
|
||||
),
|
||||
|
||||
'background_options' => require( __DIR__ . '/commons/background.php' ),
|
||||
'layout_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Layout' ),
|
||||
'options' => array(
|
||||
'dark' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Color',
|
||||
'default' => 'false',
|
||||
'options' => array(
|
||||
'true' => array( 'title' => 'Light' ),
|
||||
'false' => array( 'title' => 'Dark' ),
|
||||
),
|
||||
),
|
||||
'sticky' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Sticky',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'true' => array( 'title' => 'On' ),
|
||||
'' => array( 'title' => 'Off' ),
|
||||
),
|
||||
),
|
||||
'mask' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Mask',
|
||||
'options' => require( __DIR__ . '/values/masks.php' ),
|
||||
),
|
||||
'padding' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Padding',
|
||||
'responsive' => true,
|
||||
'default' => '30px',
|
||||
'min' => 0,
|
||||
'max' => 500,
|
||||
),
|
||||
'height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Min Height',
|
||||
'responsive' => true,
|
||||
'min' => 0,
|
||||
'max' => 1000,
|
||||
),
|
||||
'margin' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => 'Margin',
|
||||
'min' => -500,
|
||||
'max' => 500,
|
||||
),
|
||||
'scroll_for_more' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Scroll For More',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Off' ),
|
||||
'true' => array( 'title' => 'On' ),
|
||||
),
|
||||
),
|
||||
'loading' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Loading Spinner',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Off' ),
|
||||
'true' => array( 'title' => 'On' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
'shape_divider_options' => require( __DIR__ . '/commons/shape-divider.php' ),
|
||||
'border_options' => require( __DIR__ . '/commons/border.php' ),
|
||||
'video_options' => require( __DIR__ . '/commons/video.php' ),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
44
wp-content/themes/flatsome/inc/builder/shortcodes/share.php
Normal file
44
wp-content/themes/flatsome/inc/builder/shortcodes/share.php
Normal file
@@ -0,0 +1,44 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'share', array(
|
||||
'name' => __( 'Share Icons' ),
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'share' ),
|
||||
'options' => array(
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => 'Title',
|
||||
'default' => '',
|
||||
),
|
||||
'style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Style' ),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'outline' => array( 'title' => 'Outline' ),
|
||||
'fill' => array( 'title' => 'Fill' ),
|
||||
'small' => array( 'title' => 'Small' ),
|
||||
),
|
||||
),
|
||||
'align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Align' ),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Inline' ),
|
||||
'left' => array( 'title' => 'Left', 'icon' => 'dashicons-editor-alignleft'),
|
||||
'center' => array( 'title' => 'Center', 'icon' => 'dashicons-editor-aligncenter'),
|
||||
'right' => array( 'title' => 'Right', 'icon' => 'dashicons-editor-alignright'),
|
||||
),
|
||||
),
|
||||
'scale' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Scale',
|
||||
'default' => '100',
|
||||
'unit' => '%',
|
||||
'max' => '300',
|
||||
'min' => '50',
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
22
wp-content/themes/flatsome/inc/builder/shortcodes/tab.php
Normal file
22
wp-content/themes/flatsome/inc/builder/shortcodes/tab.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'tab', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Tab Panel' ),
|
||||
'template' => flatsome_ux_builder_template( 'tab.html' ),
|
||||
'info' => '{{ title }}',
|
||||
'require' => array( 'tabgroup' ),
|
||||
'hidden' => true,
|
||||
'wrap' => false,
|
||||
|
||||
'options' => array(
|
||||
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __( 'Title' ),
|
||||
'default' => __( 'Tab Title' ),
|
||||
'auto_focus' => true,
|
||||
),
|
||||
|
||||
),
|
||||
) );
|
||||
100
wp-content/themes/flatsome/inc/builder/shortcodes/tabgroup.php
Normal file
100
wp-content/themes/flatsome/inc/builder/shortcodes/tabgroup.php
Normal file
@@ -0,0 +1,100 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'tabgroup', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Tabs' ),
|
||||
'image' => '',
|
||||
'category' => __( 'Content' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'tabs' ),
|
||||
'template' => flatsome_ux_builder_template( 'tabgroup.html' ),
|
||||
'tools' => 'shortcodes/tabgroup/tabgroup.tools.html',
|
||||
'info' => '{{ title }}',
|
||||
'allow' => array( 'tab' ),
|
||||
|
||||
'children' => array(
|
||||
'draggable' => false,
|
||||
'addable_spots' => array( 'center' ),
|
||||
),
|
||||
|
||||
'toolbar' => array(
|
||||
'show_children_selector' => true,
|
||||
'show_on_child_active' => true,
|
||||
),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '
|
||||
[tabgroup title="Tab Title"]
|
||||
[tab title="Tab 1 Title"][/tab]
|
||||
[tab title="Tab 2 Title"][/tab]
|
||||
[tab title="Tab 3 Title"][/tab]
|
||||
[/tabgroup]
|
||||
'
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
|
||||
'title' => array(
|
||||
'type' => 'textfield',
|
||||
'heading' => __( 'Title' ),
|
||||
'default' => __( '' ),
|
||||
),
|
||||
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Style' ),
|
||||
'default' => 'line',
|
||||
'options' => require( __DIR__ . '/values/nav-styles.php' ),
|
||||
),
|
||||
|
||||
'type' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Type' ),
|
||||
'default' => 'horizontal',
|
||||
'options' => array(
|
||||
'horizontal' => 'Horizontal',
|
||||
'vertical' => 'Vertical',
|
||||
)
|
||||
),
|
||||
|
||||
'nav_style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Nav Style',
|
||||
'default' => 'uppercase',
|
||||
'options' => require( __DIR__ . '/values/nav-types-radio.php' ),
|
||||
),
|
||||
|
||||
'nav_size' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Size' ),
|
||||
'default' => 'medium',
|
||||
'options' => require( __DIR__ . '/values/text-sizes.php' ),
|
||||
),
|
||||
|
||||
'align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => 'Tabs Align',
|
||||
'default' => 'left',
|
||||
'options' => require( __DIR__ . '/values/align-radios.php' ),
|
||||
),
|
||||
'bahavior_group' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Behavior' ),
|
||||
'options' => array(
|
||||
'event' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Activate' ),
|
||||
'description' => 'On hover takes effect in non-edit mode.',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'On click' ),
|
||||
'hover' => array( 'title' => 'On hover' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
||||
@@ -0,0 +1,86 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'team_member', array(
|
||||
'name' => __( 'Team Member' ),
|
||||
'category' => __( 'Content' ),
|
||||
'type' => 'container',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'team_member' ),
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[team_member name="Ola Nordmann" title="Customer Support" image_height="100%" image_width="80" image_radius="100"] Lorem ipsum.. [/team_member]'
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array_merge_recursive( array(
|
||||
'layout_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Layout' ),
|
||||
'options' => array(
|
||||
'img' => array(
|
||||
'type' => 'image',
|
||||
'heading' => 'Image',
|
||||
'group' => 'background',
|
||||
'param_name' => 'img',
|
||||
),
|
||||
'style' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Style' ),
|
||||
'default' => 'normal',
|
||||
'options' => require( __DIR__ . '/values/box-layouts.php' )
|
||||
),
|
||||
|
||||
'name' => array( 'type' => 'textfield','heading' => 'Name', 'default' => '', 'on_change' => array( 'selector' => '.person-name', 'content' => '{{ value }}')),
|
||||
'title' => array( 'type' => 'textfield','heading' => 'Title', 'default' => '', 'on_change' => array( 'selector' => '.person-title', 'content' => '{{ value }}')),
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Depth' ),
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Depth :hover' ),
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
),
|
||||
),
|
||||
'social_icons' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Social Icons' ),
|
||||
'options' => array(
|
||||
'icon_style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Style' ),
|
||||
'default' => 'outline',
|
||||
'options' => array(
|
||||
'outline' => array( 'title' => 'Outline' ),
|
||||
'fill' => array( 'title' => 'Fill' ),
|
||||
'small' => array( 'title' => 'Small' ),
|
||||
),
|
||||
),
|
||||
'facebook' => array( 'type' => 'textfield','heading' => 'Facebook', 'default' => ''),
|
||||
'instagram' => array( 'type' => 'textfield','heading' => 'Instagram', 'default' => ''),
|
||||
'tiktok' => array( 'type' => 'textfield','heading' => 'TikTok', 'default' => ''),
|
||||
'twitter' => array( 'type' => 'textfield','heading' => 'Twitter', 'default' => ''),
|
||||
'youtube' => array( 'type' => 'textfield','heading' => 'Youtube', 'default' => ''),
|
||||
'email' => array( 'type' => 'textfield','heading' => 'Email', 'default' => ''),
|
||||
'phone' => array( 'type' => 'textfield','heading' => 'Phone', 'default' => ''),
|
||||
'pinterest' => array( 'type' => 'textfield','heading' => 'Pinterest', 'default' => ''),
|
||||
'linkedin' => array( 'type' => 'textfield','heading' => 'Linkedin', 'default' => ''),
|
||||
'telegram' => array( 'type' => 'textfield','heading' => 'Telegram', 'default' => ''),
|
||||
'twitch' => array( 'type' => 'textfield','heading' => 'Twitch', 'default' => ''),
|
||||
'discord' => array( 'type' => 'textfield','heading' => 'Discord', 'default' => ''),
|
||||
'snapchat' => array( 'type' => 'image', 'heading' => __( 'SnapChat' )),
|
||||
),
|
||||
),
|
||||
'link_group' => require( __DIR__ . '/commons/links.php' ),
|
||||
),
|
||||
require( __DIR__ . '/commons/box-styles.php' ) ),
|
||||
) );
|
||||
|
||||
// ux_builder_parse_args
|
||||
@@ -0,0 +1,4 @@
|
||||
<h3 class="accordion_title {{ shortcode.options.class }}">{{ shortcode.options.title }}</h3>
|
||||
<div class="accordion" ng-attr-rel="shortcode.options.open">
|
||||
<content></content>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class="accordion-item {{ shortcode.options.class }}">
|
||||
<a class="accordion-title plain" href="javascript:void();">
|
||||
<button class="toggle"><i class="icon-angle-down"></i></button>
|
||||
{{ shortcode.options.title }}
|
||||
</a>
|
||||
<div class="accordion-inner">
|
||||
<content></content>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<a href="javascript:void();"
|
||||
class="button is-{{ shortcode.options.style }} {{ shortcode.options.class }} {{ shortcode.options.visibility }} {{ shortcode.options.color }} is-{{ shortcode.options.size }} box-shadow-{{ shortcode.options.depth }} box-shadow-{{ shortcode.options.depthHover }}-hover {{shortcode.options.letterCase}}"
|
||||
ng-class="{'reveal-icon' : shortcode.options.iconReveal && shortcode.options.icon, 'expand' : shortcode.options.expand}"
|
||||
ng-style="{'padding' : shortcode.options.padding, 'border-radius' : shortcode.options.radius+'px'}">
|
||||
|
||||
<i ng-if="shortcode.options.icon && shortcode.options.iconPos == 'left'" class="{{ shortcode.options.icon }}"></i>
|
||||
|
||||
<span>{{ shortcode.options.text }}</span>
|
||||
|
||||
<i ng-if="shortcode.options.icon && shortcode.options.iconPos !== 'left'" class="{{ shortcode.options.icon }}"></i>
|
||||
</a>
|
||||
@@ -0,0 +1,44 @@
|
||||
<div id="{{:: shortcode.$id }}" class="col
|
||||
small-{{ shortcode.options.span }}
|
||||
col-hover-{{ shortcode.options.hover }}
|
||||
{{ shortcode.options.visibility }}
|
||||
{{ shortcode.options.class }}
|
||||
{{ shortcode.options.forceFirst }}-col-first
|
||||
"
|
||||
data-fade="true"
|
||||
ng-class="{dark: shortcode.options.color == 'light', 'col-divided': shortcode.options.divider, 'has-hover': shortcode.options.borderHover, 'uxb-sticky-column': shortcode.options.sticky == 'true'}"
|
||||
ng-attr-data-parallax="{{ shortcode.options.parallax }}"
|
||||
ng-style="{
|
||||
'min-height' : shortcode.options.height,
|
||||
}">
|
||||
|
||||
<div class="col-inner
|
||||
text-{{ shortcode.options.align }}
|
||||
box-shadow-{{ shortcode.options.depth }}
|
||||
box-shadow-{{ shortcode.options.depthHover }}-hover
|
||||
text-shadow-{{ shortcode.options.textDepth }}"
|
||||
ng-attr-data-animate="{{ shortcode.options.animate }}" data-animated="true"
|
||||
ng-style="{
|
||||
'max-width' : shortcode.options.maxWidth,
|
||||
'background-color': shortcode.options.bgColor,
|
||||
}">
|
||||
<div ng-if="shortcode.options.border"
|
||||
ng-class="{['hover-'+shortcode.options.borderHover ] : shortcode.options.borderHover}"
|
||||
class="is-border is-{{shortcode.options.borderStyle}}"
|
||||
ng-style="{
|
||||
'borderRadius': shortcode.options.borderRadius+'px',
|
||||
'borderWidth': shortcode.options.border,
|
||||
'margin': shortcode.options.borderMargin,
|
||||
'borderColor': shortcode.options.borderColor
|
||||
}"
|
||||
></div>
|
||||
|
||||
<content></content>
|
||||
|
||||
<style scope="scope">
|
||||
#{{:: shortcode.$id }} > .col-inner {padding: {{ shortcode.options.padding }}; }
|
||||
#{{:: shortcode.$id }} > .col-inner {margin: {{ shortcode.options.margin }}; }
|
||||
#{{:: shortcode.$id }} > .col-inner {border-radius: {{ shortcode.options.bgRadius }}px; }
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="col small-{{ shortcode.options.span }} {{ shortcode.options.class }} {{ shortcode.options.visibility }} grid-col grid-col-{{shortcode.options.height}}">
|
||||
<div class="col-inner box-shadow-{{ shortcode.options.depth }} box-shadow-{{ shortcode.options.depthHover }}-hover">
|
||||
<content></content>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,10 @@
|
||||
<div class="text-{{shortcode.options.align}}">
|
||||
<div class="is-divider" ng-style="{
|
||||
'max-width' : shortcode.options.width,
|
||||
'height' : shortcode.options.height,
|
||||
'margin-top' : shortcode.options.margin,
|
||||
'margin-bottom' : shortcode.options.margin,
|
||||
'background-color' : shortcode.options.color
|
||||
}
|
||||
"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<div class="google-map relative mb {{ shortcode.options.class }} {{ shortcode.options.visibility }}">
|
||||
<div id="map_{{:: shortcode.$id }}" class="map-height" style="height:{{ shortcode.options.height }}"></div>
|
||||
<div class="map_overlay"></div><!-- To prevent map drag event. -->
|
||||
<div id="map_overlay_top"></div>
|
||||
<div id="map_overlay_bottom"></div>
|
||||
<div ng-if="shortcode.options.contentEnable" class="absolute map-inner last-reset map_inner
|
||||
x{{ shortcode.options.positionX }} md-x{{ shortcode.options.positionX }} lg-x{{ shortcode.options.positionX }} y{{ shortcode.options.positionY }} md-y{{ shortcode.options.positionY }} lg-y{{ shortcode.options.positionY }}"
|
||||
style="width: {{ shortcode.options.contentWidth }}%; background-color: {{ shortcode.options.contentBg }}"
|
||||
>
|
||||
<content></content>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div class="message-box {{shortcode.options.textColor}} {{shortcode.options.class}} {{shortcode.options.visibility}} bg-fill relative" style="padding-bottom: {{shortcode.options.padding}}px; padding-top: {{shortcode.options.padding}}px;" wp-attachment="shortcode.options.bg">
|
||||
<div class="message-box-bg-image bg-fill fill" wp-attachment="shortcode.options.bg"></div>
|
||||
<div class="message-box-bg-overlay bg-overlay fill" style="background-color: {{ shortcode.options.bgColor }};"></div>
|
||||
<div class="container">
|
||||
<div class="inner last-reset">
|
||||
<content></content>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,22 @@
|
||||
<div
|
||||
id="{{:: shortcode.$id }}"
|
||||
class="row
|
||||
row-{{ shortcode.options.style }}
|
||||
row-{{ shortcode.options.width }}
|
||||
row-{{ shortcode.options.colStyle }}
|
||||
row-box-shadow-{{ shortcode.options.depth }}
|
||||
row-box-shadow-{{ shortcode.options.depthHover }}-hover
|
||||
{{ shortcode.options.class }}
|
||||
{{ shortcode.options.visibility }}
|
||||
align-{{ shortcode.options.vAlign }}
|
||||
align-{{ shortcode.options.hAlign }}"
|
||||
ng-style="{'max-width' : (shortcode.options.width == 'custom') ? shortcode.options.customWidth : ''}">
|
||||
|
||||
<content></content>
|
||||
|
||||
<style scope="scope">
|
||||
#{{:: shortcode.$id }} > .col > .col-inner{padding: {{ shortcode.options.padding }} }
|
||||
#{{:: shortcode.$id }} > .col > .col-inner{background-color: {{ shortcode.options.colBg }} }
|
||||
#{{:: shortcode.$id }} > .col > .col-inner{border-radius: {{ shortcode.options.colBgRadius != 0 ? shortcode.options.colBgRadius : '' }}px; }
|
||||
</style>
|
||||
</div>
|
||||
@@ -0,0 +1,2 @@
|
||||
<span class="scroll-to" data-bullet="true" data-link="link" data-title="Title">
|
||||
<span>About Us</span> - <span><b>#scrollID</b></span></span>
|
||||
@@ -0,0 +1,57 @@
|
||||
<section id="{{:: shortcode.$id }}" class="section mask-{{ shortcode.options.mask }} {{ shortcode.options.visibility }} {{ shortcode.options.class }}" ng-class="{dark: shortcode.options.dark == 'true', 'has-mask': shortcode.options.mask,'has-parallax' : shortcode.options.parallax, 'uxb-sticky-section': shortcode.options.sticky == 'true', 'has-hover': shortcode.options.borderHover}">
|
||||
<div class="bg section-bg bg-fill fill" data-parallax-container=".section"
|
||||
ng-attr-data-parallax="-{{ shortcode.options.parallax }}" data-parallax-background wp-attachment="shortcode.options.bg" wp-attachment-size="shortcode.options.bgSize">
|
||||
|
||||
<div ng-if="shortcode.options.videoMp4" class="video-overlay fill"></div>
|
||||
|
||||
<video ng-if="shortcode.options.videoMp4"
|
||||
class="video-bg no-click {{shortcode.options.videoVisibility}}"
|
||||
preload="auto" autoplay="true" loop="loop" muted="muted">
|
||||
<source ng-if="shortcode.options.videoMp4" ng-src="{{shortcode.options.videoMp4}}" type="video/mp4">
|
||||
<source ng-if="shortcode.options.videoOgg" ng-src="{{shortcode.options.videoOgg}}" type="video/ogg">
|
||||
<source ng-if="shortcode.options.videoWebm" ng-src="{{shortcode.options.videoWebm}}" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div ng-if="shortcode.options.bgOverlay" class="section-bg-overlay fill"></div>
|
||||
|
||||
<div ng-if="shortcode.options.effect" class="effect-{{shortcode.options.effect}} bg-effect fill no-click"></div>
|
||||
|
||||
<div ng-if="shortcode.options.border" class="is-border is-{{shortcode.options.borderStyle}}"
|
||||
ng-class="{['hover-'+shortcode.options.borderHover ] : shortcode.options.borderHover}"
|
||||
ng-style="{
|
||||
'borderRadius': shortcode.options.borderRadius+'px',
|
||||
'borderWidth': shortcode.options.border,
|
||||
'margin': shortcode.options.borderMargin,
|
||||
'borderColor': shortcode.options.borderColor,
|
||||
}"
|
||||
></div>
|
||||
|
||||
<button ng-if="shortcode.options.scrollForMore" class="scroll-for-more icon absolute bottom h-center z-5">
|
||||
<i class="icon-angle-down" style="font-size:42px;"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div ng-if="shortcode.options.dividerTop" class="ux-shape-divider ux-shape-divider--top ux-shape-divider--style-{{shortcode.options.dividerTop}}" ng-class="{'ux-shape-divider--flip': shortcode.options.dividerTopFlip == 'true','ux-shape-divider--to-front': shortcode.options.dividerTopToFront == 'true'}">
|
||||
<ng-include ng-if="$ctrl.store.flatsomeUrl" src="$ctrl.store.flatsomeUrl + '/assets/img/dividers/' + shortcode.options.dividerTop + '.svg'"></ng-include>
|
||||
</div>
|
||||
<div ng-if="shortcode.options.divider" class="ux-shape-divider ux-shape-divider--bottom ux-shape-divider--style-{{shortcode.options.divider}}" ng-class="{'ux-shape-divider--flip': shortcode.options.dividerFlip == 'true','ux-shape-divider--to-front': shortcode.options.dividerToFront == 'true'}">
|
||||
<ng-include ng-if="$ctrl.store.flatsomeUrl" src="$ctrl.store.flatsomeUrl + '/assets/img/dividers/' + shortcode.options.divider + '.svg'"></ng-include>
|
||||
</div>
|
||||
|
||||
<div class="section-content relative">
|
||||
<content></content>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#{{:: shortcode.$id }} {min-height: {{ shortcode.options.height }};}
|
||||
#{{:: shortcode.$id }} {background-color: {{ shortcode.options.bgColor }}!important;}
|
||||
#{{:: shortcode.$id }} {padding-top: {{ shortcode.options.padding }}; padding-bottom: {{ shortcode.options.padding }};}
|
||||
#{{:: shortcode.$id }} {margin-bottom: {{ shortcode.options.margin }};}
|
||||
#{{:: shortcode.$id }} .section-bg-overlay {background-color: {{ shortcode.options.bgOverlay }} }
|
||||
#{{:: shortcode.$id }} .section-bg{background-position: {{ shortcode.options.bgPos }} }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--top svg {height: {{ shortcode.options.dividerTopHeight }}; width: calc({{ shortcode.options.dividerTopWidth }}% + 2px); }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--top .ux-shape-fill {fill: {{ shortcode.options.dividerTopFill }}; }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--bottom svg {height: {{ shortcode.options.dividerHeight}}; width: calc({{ shortcode.options.dividerWidth }}% + 2px); }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--bottom .ux-shape-fill {fill: {{ shortcode.options.dividerFill }}; }
|
||||
</style>
|
||||
</section>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="panel" ng-class="{
|
||||
'active' : shortcode.parent.states.activeTab === shortcode.index
|
||||
}">
|
||||
<content></content>
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="tabbed-content {{ shortcode.options.class }} {{ shortcode.options.visibility }}">
|
||||
<h4 ng-if="shortcode.options.title" class="uppercase text-{{ shortcode.options.align }}">
|
||||
{{ shortcode.options.title }}
|
||||
</h4>
|
||||
|
||||
<ul class="nav nav-{{ shortcode.options.style }} nav-{{ shortcode.options.navStyle }} nav-size-{{ shortcode.options.navSize }} nav-spacing-{{ shortcode.options.navSpacing }} nav-{{ shortcode.options.align }}" ng-class="{ 'nav-vertical': shortcode.options.type === 'vertical' }">
|
||||
<li class="tab"
|
||||
ng-repeat="shortcode in $customCtrl.shortcode.children track by shortcode.$id"
|
||||
ng-class="{ 'active': $customCtrl.shortcode.states.activeTab === shortcode.index }">
|
||||
<a href="javascript:void(0);"
|
||||
ng-click="$customCtrl.setTab($index); $event.stopPropagation();">
|
||||
{{ shortcode.options.title }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-panels">
|
||||
<content></content>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,23 @@
|
||||
<div
|
||||
id="{{:: shortcode.$id }}"
|
||||
class="{{ shortcode.options.visibility }} {{ shortcode.options.class }}"
|
||||
ng-class="{
|
||||
text: shortcode.options.fontSize ||
|
||||
shortcode.options.lineHeight ||
|
||||
shortcode.options.textAlign ||
|
||||
shortcode.options.textColor
|
||||
}"
|
||||
ng-bind-html="shortcode.content | autop | html"
|
||||
></div>
|
||||
<style>
|
||||
#{{:: shortcode.$id }} {
|
||||
font-size: {{ shortcode.options.fontSize }}rem;
|
||||
line-height: {{ shortcode.options.lineHeight }};
|
||||
text-align: {{ shortcode.options.textAlign }};
|
||||
color: {{ shortcode.options.textColor }};
|
||||
}
|
||||
|
||||
#{{:: shortcode.$id }} > * {
|
||||
color: {{ shortcode.options.textColor }};
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,48 @@
|
||||
<div id="el_{{::$id}}"
|
||||
class="
|
||||
res-text
|
||||
banner-layer
|
||||
text-box
|
||||
{{ shortcode.options.class }}
|
||||
{{ shortcode.options.visibility }}
|
||||
text-box-{{shortcode.options.style}}
|
||||
x{{ shortcode.options.positionX }}
|
||||
md-x{{ shortcode.options.positionX }}
|
||||
lg-x{{ shortcode.options.positionX }}
|
||||
y{{ shortcode.options.positionY }}
|
||||
md-y{{ shortcode.options.positionY }}
|
||||
lg-y{{ shortcode.options.positionY }}
|
||||
" ng-class="{'has-hover-effect' : shortcode.options.hover}">
|
||||
<div ng-attr-data-animate="{{ shortcode.options.animate }}" data-animated="true">
|
||||
<div ng-class="{['hover-'+shortcode.options.hover ] : shortcode.options.hover}">
|
||||
<div class="text-box-content text
|
||||
text-shadow-{{ shortcode.options.textDepth }}
|
||||
box-shadow-{{ shortcode.options.depth }}
|
||||
box-shadow-{{ shortcode.options.depthHover }}-hover"
|
||||
ng-class="{'dark' : shortcode.options.textColor == 'light'}"
|
||||
data-parallax-fade="true"
|
||||
ng-attr-data-parallax="{{ shortcode.options.parallax }}">
|
||||
<div ng-if="shortcode.options.border" class="is-border is-{{shortcode.options.borderStyle}}"
|
||||
ng-style="{
|
||||
'borderRadius': shortcode.options.borderRadius+'px',
|
||||
'borderWidth': shortcode.options.border,
|
||||
'margin': shortcode.options.borderMargin,
|
||||
'borderColor': shortcode.options.borderColor,
|
||||
}"
|
||||
></div>
|
||||
<div class="text-inner text-{{ shortcode.options.textAlign }}">
|
||||
<content></content>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style scope="scope">
|
||||
#el_{{::$id}}{ width: {{ shortcode.options.width }}%; }
|
||||
#el_{{::$id}} { margin: {{ shortcode.options.margin }}; }
|
||||
#el_{{::$id}} .text-inner { padding:{{ shortcode.options.padding }}; }
|
||||
#el_{{::$id}} .text-box-content { background-color: {{ shortcode.options.bg }}; }
|
||||
#el_{{::$id}} .text-box-content { font-size:{{ shortcode.options.scale }}%; }
|
||||
#el_{{::$id}} .text-box-content { border-radius:{{ shortcode.options.radius }}px; }
|
||||
#el_{{::$id}} .text-box-content { transform: rotate({{ shortcode.options.rotate }}deg)};
|
||||
</style>
|
||||
</div>
|
||||
@@ -0,0 +1,47 @@
|
||||
<div class="container section-title-container {{shortcode.options.class}} {{shortcode.options.visibility}}"
|
||||
ng-style="{
|
||||
'margin-top': shortcode.options.marginTop,
|
||||
'margin-bottom': shortcode.options.marginBottom,
|
||||
'max-width': shortcode.options.width,
|
||||
}" ng-switch="shortcode.options.tagName">
|
||||
|
||||
<h1 ng-switch-when="h1" class="section-title section-title-{{shortcode.options.style}}">
|
||||
<b></b>
|
||||
<span class="section-title-main" ng-style="{'font-size': shortcode.options.size + '%', 'color': shortcode.options.color}">
|
||||
<i ng-if="shortcode.options.icon" class="{{ shortcode.options.icon }}"></i>
|
||||
{{shortcode.options.text}}
|
||||
</span>
|
||||
<b></b>
|
||||
<a ng-if="shortcode.options.linkText" href="">{{shortcode.options.linkText}}</a>
|
||||
</h1>
|
||||
|
||||
<h2 ng-switch-when="h2" class="section-title section-title-{{shortcode.options.style}}">
|
||||
<b></b>
|
||||
<span class="section-title-main" ng-style="{'font-size': shortcode.options.size + '%', 'color': shortcode.options.color}">
|
||||
<i ng-if="shortcode.options.icon" class="{{ shortcode.options.icon }}"></i>
|
||||
{{shortcode.options.text}}
|
||||
</span>
|
||||
<b></b>
|
||||
<a ng-if="shortcode.options.linkText" href="">{{shortcode.options.linkText}}</a>
|
||||
</h2>
|
||||
|
||||
<h3 ng-switch-when="h3" class="section-title section-title-{{shortcode.options.style}}">
|
||||
<b></b>
|
||||
<span class="section-title-main" ng-style="{'font-size': shortcode.options.size + '%', 'color': shortcode.options.color}">
|
||||
<i ng-if="shortcode.options.icon" class="{{ shortcode.options.icon }}"></i>
|
||||
{{shortcode.options.text}}
|
||||
</span>
|
||||
<b></b>
|
||||
<a ng-if="shortcode.options.linkText" href="">{{shortcode.options.linkText}}</a>
|
||||
</h3>
|
||||
|
||||
<h4 ng-switch-when="h4" class="section-title section-title-{{shortcode.options.style}}">
|
||||
<b></b>
|
||||
<span class="section-title-main" ng-style="{'font-size': shortcode.options.size + '%', 'color': shortcode.options.color}">
|
||||
<i ng-if="shortcode.options.icon" class="{{ shortcode.options.icon }}"></i>
|
||||
{{shortcode.options.text}}
|
||||
</span>
|
||||
<b></b>
|
||||
<a ng-if="shortcode.options.linkText" href="">{{shortcode.options.linkText}}</a>
|
||||
</h4>
|
||||
</div>
|
||||
@@ -0,0 +1,59 @@
|
||||
<div id="{{:: shortcode.$id }}" role="banner" class="banner has-hover bg-{{ shortcode.options.hover }} bg-{{ shortcode.options.hoverAlt }} slide-{{ shortcode.options.slideEffect }} {{ shortcode.options.class }} {{ shortcode.options.visibility }}"
|
||||
ng-class="{'has-slide-effect' : shortcode.options.slideEffect,
|
||||
'has-parallax' : shortcode.options.parallax, 'sticky-section' : shortcode.options.sticky}"
|
||||
ng-style="{'padding-top' : (shortcode.options.height | heightCheck), 'background-color' : shortcode.options.bgColor}">
|
||||
<div class="banner-inner fill">
|
||||
<div class="banner-bg fill" data-parallax-container=".banner" data-parallax-background
|
||||
ng-attr-data-parallax="-{{ shortcode.options.parallax }}" >
|
||||
<div class="bg fill bg-fill" ng-style="{ 'backgroundPosition': shortcode.options.bgPos }" wp-attachment="shortcode.options.bg" wp-attachment-size="shortcode.options.bgSize"></div>
|
||||
<video ng-if="shortcode.options.videoMp4"
|
||||
class="video-bg no-click {{shortcode.options.videoVisibility}}"
|
||||
preload="auto" autoplay="true" ng-attr-loop="{{shortcode.options.videoLoop !== 'false'}}" muted="muted">
|
||||
<source ng-if="shortcode.options.videoMp4" ng-src="{{ shortcode.options.videoMp4 | trusted: 'resourceUrl' }}" type="video/mp4">
|
||||
<source ng-if="shortcode.options.videoOgg" ng-src="{{ shortcode.options.videoOgg | trusted: 'resourceUrl' }}" type="video/ogg">
|
||||
<source ng-if="shortcode.options.videoWebm" ng-src="{{ shortcode.options.videoWebm | trusted: 'resourceUrl' }}" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div ng-if="shortcode.options.bgOverlay" class="overlay" style="background-color: {{ shortcode.options.bgOverlay }}"></div>
|
||||
<div ng-if="shortcode.options.effect" class="effect-{{ shortcode.options.effect }} bg-effect fill"></div>
|
||||
<div ng-if="shortcode.options.youtube" class="uxb-youtube-overlay absolute fill" style="background-color: rgba(0, 86, 130, .8); padding:30%;"><span style="color:#FFF">YouTube video only loads on Front-end. Save and visit page to preview.</span></div>
|
||||
<div ng-if="shortcode.options.videoMp4" class="video-overlay absolute fill"></div>
|
||||
<div ng-if="shortcode.options.shade" class="shade"></div>
|
||||
<div ng-if="shortcode.options.videoMp4" class="video-overlay absolute fill"></div>
|
||||
<div ng-if="shortcode.options.border"
|
||||
ng-class="{['hover-'+shortcode.options.borderHover ] : shortcode.options.borderHover}"
|
||||
class="is-border is-{{shortcode.options.borderStyle}}"
|
||||
ng-style="{
|
||||
'borderRadius': shortcode.options.borderRadius+'px',
|
||||
'borderWidth': shortcode.options.border,
|
||||
'margin': shortcode.options.borderMargin,
|
||||
'borderColor': shortcode.options.borderColor,
|
||||
}"
|
||||
></div>
|
||||
</div><!-- .banner-bg -->
|
||||
|
||||
<div ng-if="shortcode.options.dividerTop" class="ux-shape-divider ux-shape-divider--top ux-shape-divider--style-{{shortcode.options.dividerTop}}" ng-class="{'ux-shape-divider--flip': shortcode.options.dividerTopFlip == 'true','ux-shape-divider--to-front': shortcode.options.dividerTopToFront == 'true'}">
|
||||
<ng-include ng-if="$ctrl.store.flatsomeUrl" src="$ctrl.store.flatsomeUrl + '/assets/img/dividers/' + shortcode.options.dividerTop + '.svg'"></ng-include>
|
||||
</div>
|
||||
<div ng-if="shortcode.options.divider" class="ux-shape-divider ux-shape-divider--bottom ux-shape-divider--style-{{shortcode.options.divider}}" ng-class="{'ux-shape-divider--flip': shortcode.options.dividerFlip == 'true','ux-shape-divider--to-front': shortcode.options.dividerToFront == 'true'}">
|
||||
<ng-include ng-if="$ctrl.store.flatsomeUrl" src="$ctrl.store.flatsomeUrl + '/assets/img/dividers/' + shortcode.options.divider + '.svg'"></ng-include>
|
||||
</div>
|
||||
|
||||
<div class="banner-layers container">
|
||||
<content></content>
|
||||
</div><!-- .banner-layers -->
|
||||
|
||||
</div><!-- .banner-inner -->
|
||||
|
||||
<div ng-if="!shortcode.options.height" class="height-fix is-invisible">
|
||||
<img wp-attachment="shortcode.options.bg" />
|
||||
<div ng-if="!shortcode.options.bg" class="uxb-no-content uxb-image"></div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--top svg {height: {{ shortcode.options.dividerTopHeight }}; width: calc({{ shortcode.options.dividerTopWidth }}% + 2px); }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--top .ux-shape-fill {fill: {{ shortcode.options.dividerTopFill }}; }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--bottom svg {height: {{ shortcode.options.dividerHeight}}; width: calc({{ shortcode.options.dividerWidth }}% + 2px); }
|
||||
#{{:: shortcode.$id }} .ux-shape-divider--bottom .ux-shape-fill {fill: {{ shortcode.options.dividerFill }}; }
|
||||
</style>
|
||||
</div><!-- .banner -->
|
||||
@@ -0,0 +1,20 @@
|
||||
<div class="banner-grid-wrapper">
|
||||
<div id="banner-grid-{{:: shortcode.$id }}" class="banner-grid {{ shortcode.options.class }} {{ shortcode.options.visibility }}">
|
||||
<div class="row row-grid row-{{ shortcode.options.spacing }} row-{{ shortcode.options.width }}
|
||||
row-box-shadow-{{ shortcode.options.depth }}
|
||||
row-box-shadow-{{ shortcode.options.depthHover }}-hover">
|
||||
<div class="grid-size small-1"></div>
|
||||
<content></content>
|
||||
</div>
|
||||
|
||||
<style scope="scope">
|
||||
#banner-grid-{{:: shortcode.$id }} {min-height: {{ shortcode.options.height * 1 }}px }
|
||||
#banner-grid-{{:: shortcode.$id }} .grid-col-1{height: {{ shortcode.options.height * 1 }}px }
|
||||
#banner-grid-{{:: shortcode.$id }} .grid-col-1-2{height: {{ shortcode.options.height / 2 }}px }
|
||||
#banner-grid-{{:: shortcode.$id }} .grid-col-1-3{height: {{ shortcode.options.height / 3 }}px }
|
||||
#banner-grid-{{:: shortcode.$id }} .grid-col-2-3{height: {{ shortcode.options.height / 3*2 }}px }
|
||||
#banner-grid-{{:: shortcode.$id }} .grid-col-1-4{height: {{ shortcode.options.height / 4 }}px }
|
||||
#banner-grid-{{:: shortcode.$id }} .grid-col-3-4{height: {{ shortcode.options.height / 4 * 3 }}px }
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<div class="hotspot-wrapper dark
|
||||
is-{{ shortcode.options.size }}
|
||||
x{{ shortcode.options.positionX }}
|
||||
md-x{{ shortcode.options.positionX }}
|
||||
lg-x{{ shortcode.options.positionX }}
|
||||
y{{ shortcode.options.positionY }}
|
||||
md-y{{ shortcode.options.positionY }}
|
||||
lg-y{{ shortcode.options.positionY }}
|
||||
{{ shortcode.options.class }}
|
||||
{{ shortcode.options.visibility }}">
|
||||
<div data-animate="{{ shortcode.options.animate }}">
|
||||
|
||||
<a ng-if="shortcode.options.type == 'text'" class="hotspot tooltip
|
||||
box-shadow-{{shortcode.options.depth}}
|
||||
box-shadow-{{shortcode.options.depthHover}}-hover"
|
||||
title="{{ shortcode.options.text }}"
|
||||
ng-style="{'background-color' : shortcode.options.bgColor}"
|
||||
>
|
||||
<i class="icon-{{ shortcode.options.icon }}"></i>
|
||||
</a>
|
||||
|
||||
<a ng-if="shortcode.options.type == 'product'" href="#quick-view" class="quick-view hotspot tooltip
|
||||
box-shadow-{{shortcode.options.depth}}
|
||||
box-shadow-{{shortcode.options.depthHover}}-hover"
|
||||
title="{{ shortcode.options.prod_id }}"
|
||||
ng-style="{'background-color' : shortcode.options.bgColor}"
|
||||
data-prod="{{ shortcode.options.prodId }}">
|
||||
<i class="icon-{{ shortcode.options.icon }}"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1 @@
|
||||
<div class="{{ shortcode.options.visibility }} {{ shortcode.options.class }}" style="min-height: 16px;" ng-bind-html="shortcode.content | html"></div>
|
||||
@@ -0,0 +1,23 @@
|
||||
<div class="img
|
||||
has-hover
|
||||
box-shadow-{{ shortcode.options.depth }}
|
||||
{{ shortcode.options.pos }}
|
||||
box-shadow-{{ shortcode.options.depthHover }}-hover
|
||||
image-{{ shortcode.options.imageHover }}"
|
||||
style="max-width: {{ shortcode.options.width }}%">
|
||||
|
||||
<div class="test" data-animate="{{ shortcode.options.animate }}">
|
||||
<div class="img-inner">
|
||||
<a href="javascript:void();">
|
||||
<img draggable="false"
|
||||
ng-if="shortcode.options.id"
|
||||
wp-attachment="shortcode.options.id"
|
||||
wp-attachment-size="shortcode.options.imageSize">
|
||||
<div class="temp-image" ng-if="!shortcode.options.id">
|
||||
Upload an Image...
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
<div
|
||||
class="ux-menu stack stack-col justify-start {{ shortcode.options.visibility }} {{ shortcode.options.class }}"
|
||||
ng-class="{
|
||||
['ux-menu--divider-'+shortcode.options.divider]: shortcode.options.divider,
|
||||
}"
|
||||
>
|
||||
<content></content>
|
||||
</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
<div class="ux-menu-link menu-item {{ shortcode.options.visibility }} {{ shortcode.options.class }} {{ shortcode.options.label }}">
|
||||
<a class="ux-menu-link__link flex" href="javascript:void();" target="{{ shortcode.options.target }}" rel="{{ shortcode.options.rel }}">
|
||||
<i ng-if="shortcode.options.icon" class="ux-menu-link__icon text-center {{ shortcode.options.icon }}"></i>
|
||||
<span class="ux-menu-link__text">
|
||||
{{ shortcode.options.text }}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="ux-menu-title flex {{ shortcode.options.visibility }} {{ shortcode.options.class }}">
|
||||
{{ shortcode.options.text }}
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
<div id="slider-{{::$id}}" class="slider-wrapper relative slider-type-{{ shortcode.options.type }} {{ shortcode.options.visibility }} {{ shortcode.options.class }}">
|
||||
|
||||
<div class="slider slider-auto-height slider-nav-{{ shortcode.options.navPos }} slider-nav-{{ shortcode.options.navSize }} slider-style-{{ shortcode.options.style }} slider-nav-{{ shortcode.options.navColor }} slider-nav-{{ shortcode.options.navStyle }} slider-nav-dots-{{ shortcode.options.bulletStyle }} is-draggable"
|
||||
ng-class="{'slider-show-nav' : shortcode.options.hideNav}">
|
||||
<content></content>
|
||||
</div>
|
||||
|
||||
<style scope="scope">
|
||||
#slider-{{::$id}} {margin-bottom: {{ shortcode.options.margin }}; }
|
||||
#slider-{{::$id}} { background-color: {{ shortcode.options.bgColor }}; }
|
||||
#slider-{{::$id}} .flickity-slider > *{ max-width: {{ shortcode.options.slideWidth }}!important; }
|
||||
</style>
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div
|
||||
id="{{:: shortcode.$id }}"
|
||||
class="stack {{ shortcode.options.visibility }} {{ shortcode.options.class }}"
|
||||
ng-class="{
|
||||
['stack-'+shortcode.options.direction]: shortcode.options.direction,
|
||||
['items-'+shortcode.options.align]: shortcode.options.align,
|
||||
['justify-'+shortcode.options.distribute]: shortcode.options.distribute
|
||||
}"
|
||||
>
|
||||
<content></content>
|
||||
<style>
|
||||
#{{:: shortcode.$id }} > * {
|
||||
--stack-gap: {{ shortcode.options.gap }}rem;
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
@@ -0,0 +1,87 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'testimonial', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Testimonial' ),
|
||||
'category' => __( 'Content' ),
|
||||
'wrapper' => false,
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'testimonials' ),
|
||||
'allow_in' => array('text_box'),
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[testimonial]<h3>Lorem ipsum dolor sit amet</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>[/testimonial]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Row - Image Left' ),
|
||||
'content' => '[row] [col span="6" span__sm="12"] [testimonial image="9147" image_width="121" name="Mark Jance" company="Facebook"] <p>The overall use of flatsome is very VERY useful. It lacks very few, if any, things! I loved it and have created my first ever website Punsteronline.com! Best yet, flatsome gets free updates that are great! (and the support is amazing as well!:)</p> [/testimonial] [/col] [col span="6" span__sm="12"] [testimonial image="9149" image_width="121" name="Mark Jance" company="Facebook"] <p>This is a FANTASTIC Theme. Do you think that in the next version you could try and have it Multilanguage. Because I have nothing bad to say about this theme. Thank a million!</p> [/testimonial] [/col] [/row]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Row - Image On Top' ),
|
||||
'content' => '[row] [col span="4" span__sm="12"] [testimonial image="9147" image_width="121" pos="center" name="Mark Jance" company="Facebook"] <p>The overall use of flatsome is very VERY useful. It lacks very few, if any, things! I loved it and have created my first ever website Punsteronline.com! Best yet, flatsome gets free updates that are great! (and the support is amazing as well!:)</p> [/testimonial] [/col] [col span="4" span__sm="12"] [testimonial image="9149" image_width="121" pos="center" name="Mark Jance" company="Facebook"] <div class="e-box h-p2 -stacked -radius-none"> <p class="t-body h-my1">This theme is amazing, you can customize EVERYTHING! The theme is a game changer for the Envato Market, cant wait for the future with Flatsome. Soo many good experiences from this, THANKS!</p> </div> [/testimonial] [/col] [col span="4" span__sm="12"] [testimonial image="9150" image_width="121" pos="center" name="MIRORIM"] <p>Excellent work. Very good theme, No need support, works perfectly. Congratulations !! <br />Waiting for version 3.0. Very excited.</p> [/testimonial] [/col] [/row]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Row - Boxed' ),
|
||||
'content' => '[row v_align="equal" padding="30px 30px 30px 30px" depth="2" depth_hover="5"] [col span="4" span__sm="12"] [testimonial image="9147" image_width="121" pos="center" name="Mark Jance" company="Facebook"] <p>The overall use of flatsome is very VERY useful. It lacks very few, if any, things! I loved it and have created my first ever website Punsteronline.com! Best yet, flatsome gets free updates that are great! (and the support is amazing as well!:)</p> [/testimonial] [/col] [col span="4" span__sm="12"] [testimonial image="9149" image_width="121" pos="center" name="Mark Jance" company="Facebook"] <div class="e-box h-p2 -stacked -radius-none"> <p class="t-body h-my1">This theme is amazing, you can customize EVERYTHING! The theme is a game changer for the Envato Market, cant wait for the future with Flatsome. Soo many good experiences from this, THANKS!</p> </div> [/testimonial] [/col] [col span="4" span__sm="12"] [testimonial image="9150" image_width="121" pos="center" name="MIRORIM"] <p>Excellent work. Very good theme, No need support, works perfectly. Congratulations !! <br />Waiting for version 3.0. Very excited.</p> [/testimonial] [/col] [/row]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'In a slider' ),
|
||||
'content' => '[ux_slider] [ux_banner height="378px" bg="9147" bg_overlay="rgba(0, 0, 0, 0.68)" bg_pos="79% 68%"] [text_box width="78" width__sm="100"] [testimonial image="9147" image_width="142" name="Mark Jance" company="Facebook"] <p class="lead">The overall use of flatsome is very VERY useful. It lacks very few, if any, things! I loved it and have created my first ever website Punsteronline.com! Best yet, flatsome gets free updates that are great! (and the support is amazing as well!:)</p> [/testimonial] [/text_box] [/ux_banner] [ux_banner height="378px" bg="9148" bg_overlay="rgba(0, 0, 0, 0.68)" bg_pos="79% 68%"] [text_box width="78" width__sm="100"] [testimonial image="9148" image_width="142" name="Mark Jance" company="Facebook"] <p class="lead">The overall use of flatsome is very VERY useful. It lacks very few, if any, things! I loved it and have created my first ever website Punsteronline.com! Best yet, flatsome gets free updates that are great! (and the support is amazing as well!:)</p> [/testimonial] [/text_box] [/ux_banner] [/ux_slider]'
|
||||
),
|
||||
),
|
||||
'options' => array(
|
||||
'image' => array(
|
||||
"type" => "image",
|
||||
"heading" => "Image",
|
||||
"value" => ""
|
||||
),
|
||||
'image_width' => array(
|
||||
"type" => "slider",
|
||||
"heading" => "Image Width",
|
||||
"unit" => "px",
|
||||
"default" => 80,
|
||||
"max" => 300,
|
||||
"min" => 20,
|
||||
'on_change' => array(
|
||||
'selector' => '.icon-box-img',
|
||||
'style' => 'width: {{ value }}px'
|
||||
),
|
||||
),
|
||||
'pos' => array(
|
||||
"type" => "select",
|
||||
"heading" => "Image Position",
|
||||
"default" => 'left',
|
||||
"options" => array(
|
||||
'top' => 'Top',
|
||||
'center' => 'Center',
|
||||
'left' => 'Left',
|
||||
'right' => 'Right',
|
||||
)
|
||||
),
|
||||
'name' => array(
|
||||
"type" => "textfield",
|
||||
"heading" => "Name",
|
||||
"default" => ""
|
||||
),
|
||||
'company' => array(
|
||||
"type" => "textfield",
|
||||
"heading" => "Company",
|
||||
"default" => ""
|
||||
),
|
||||
|
||||
'font_size' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Text Size' ),
|
||||
'default' => 'medium',
|
||||
'options' => require( __DIR__ . '/values/text-sizes.php' ),
|
||||
),
|
||||
'stars' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __( 'Stars'),
|
||||
'default' => 5,
|
||||
'max' => 5,
|
||||
'min' => 0,
|
||||
),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
)
|
||||
) );
|
||||
74
wp-content/themes/flatsome/inc/builder/shortcodes/text.php
Normal file
74
wp-content/themes/flatsome/inc/builder/shortcodes/text.php
Normal file
@@ -0,0 +1,74 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'text', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Text', 'ux-builder'),
|
||||
'category' => __( 'Content' ),
|
||||
'compile' => false,
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'text' ),
|
||||
'template_shortcode' => function ( $element, $options, $content, $parent = null ) {
|
||||
if (
|
||||
! empty( $options ) ||
|
||||
( ! empty( $parent ) && 'ux_stack' === $parent['tag'] )
|
||||
) {
|
||||
return "[ux_text{options}]\n\n{content}\n[/ux_text]\n";
|
||||
}
|
||||
return "{content}\n";
|
||||
},
|
||||
'template' => flatsome_ux_builder_template( 'text.html' ),
|
||||
'directives' => array( 'ux-text-editor' ),
|
||||
'priority' => 1,
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Paragraph' ),
|
||||
'content' => '[text]<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Lead Paragraph' ),
|
||||
'content' => '[text]<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Paragraph with Headline' ),
|
||||
'content' => '[text]<h3>This is a simple headline</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Paragraph with Sub Headline' ),
|
||||
'content' => '[text]<h5 class="uppercase">This is a simple headline</h5><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Headline' ),
|
||||
'content' => '[text]<h2>This is a simple headline</h2>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Headline Uppercase' ),
|
||||
'content' => '[text]<h2 class="uppercase">This is a simple headline</h2>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Headline with Subtitle' ),
|
||||
'content' => '[text]<h2 class="uppercase">This is a simple headline</h2><h3 class="thin-font">This is a sub title</h3>[/text]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Image Left' ),
|
||||
'content' => '[row][col span="6" span__sm="12"][ux_image image_size="medium"][/col][col span="6" span__sm="12"][text]<h3>This is a simple headline</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>[/text][/col][/row]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Image Right' ),
|
||||
'content' => '[row][col span="6" span__sm="12"][text]<h3>This is a simple headline</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>[/text][/col][col span="6" span__sm="12"][ux_image image_size="medium"][/col][/row]'
|
||||
),
|
||||
array(
|
||||
'name' => __( 'Quote' ),
|
||||
'content' => '[text]<blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod. Consectetuer adipiscing elit, sed diam nonummy nibh euismod</blockquote>[/text]'
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
'$content' => array(
|
||||
'type' => 'text-editor',
|
||||
'full_width' => true,
|
||||
'height' => 'calc(100vh - 691px)',
|
||||
),
|
||||
'typography_options' => require( __DIR__ . '/commons/typography.php'),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
)
|
||||
) );
|
||||
188
wp-content/themes/flatsome/inc/builder/shortcodes/text_box.php
Normal file
188
wp-content/themes/flatsome/inc/builder/shortcodes/text_box.php
Normal file
@@ -0,0 +1,188 @@
|
||||
<?php
|
||||
|
||||
add_ux_builder_shortcode( 'text_box', array(
|
||||
'type' => 'container',
|
||||
'name' => __( 'Text Box' ),
|
||||
'category' => __( 'Content' ),
|
||||
'template' => flatsome_ux_builder_template( 'text_box.html' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'text_box' ),
|
||||
'require' => 'ux_banner',
|
||||
'allow' => array(
|
||||
'ux_breadcrumbs',
|
||||
'ux_the_title',
|
||||
'ux_image',
|
||||
'ux_stack',
|
||||
'ux_html',
|
||||
'text',
|
||||
'divider',
|
||||
'button',
|
||||
'title',
|
||||
'video_button',
|
||||
'row',
|
||||
'follow',
|
||||
'share'
|
||||
),
|
||||
'wrap' => false,
|
||||
'resize' => array( 'right' ),
|
||||
'move' => 'top-left',
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Default' ),
|
||||
'content' => '[text_box pos="x50 y50"][/text_box]',
|
||||
)
|
||||
),
|
||||
'options' => array(
|
||||
'layout_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Layout' ),
|
||||
'options' => array(
|
||||
'style' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Style'),
|
||||
'full_width' => true,
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Normal'),
|
||||
'square' => array( 'title' => 'Square'),
|
||||
'circle' => array( 'title' => 'Circle'),
|
||||
),
|
||||
),
|
||||
'text_color' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Color'),
|
||||
'default' => 'light',
|
||||
'options' => array(
|
||||
'light' => array( 'title' => 'Light'),
|
||||
'dark' => array( 'title' => 'Dark'),
|
||||
),
|
||||
),
|
||||
'hover' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Hover' ),
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/text-hover.php' ),
|
||||
),
|
||||
'width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Width'),
|
||||
'responsive' => true,
|
||||
'default' => '60',
|
||||
'unit' => '%',
|
||||
'max' => '100',
|
||||
'min' => '0',
|
||||
),
|
||||
'scale' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Scale'),
|
||||
'responsive' => true,
|
||||
'unit' => '%',
|
||||
'default' => '100',
|
||||
'max' => '500',
|
||||
'min' => '0',
|
||||
),
|
||||
'margin' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => __('Margin'),
|
||||
'full_width' => true,
|
||||
'responsive' => true,
|
||||
'unit' => 'px',
|
||||
'min' => -200,
|
||||
'max' => 200,
|
||||
'step' => 1,
|
||||
),
|
||||
'padding' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => __('Padding'),
|
||||
'full_width' => true,
|
||||
'min' => 0,
|
||||
'max' => 200,
|
||||
'step' => 1,
|
||||
'responsive' => true,
|
||||
),
|
||||
'rotate' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Rotate'),
|
||||
'default' => 0,
|
||||
'max' => 180,
|
||||
'min' => -180,
|
||||
),
|
||||
'animate' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __('Animate'),
|
||||
'options' => require( __DIR__ . '/values/animate.php' ),
|
||||
),
|
||||
'parallax' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Parallax'),
|
||||
'param_name' => 'parallax',
|
||||
'default' => 0,
|
||||
'unit' => '+',
|
||||
'max' => 10,
|
||||
'min' => -10,
|
||||
),
|
||||
),
|
||||
), // Layout options
|
||||
'positions' => require( __DIR__ . '/commons/position.php' ),
|
||||
'text_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Text' ),
|
||||
'options' => array(
|
||||
'text_align' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Align'),
|
||||
'default' => 'center',
|
||||
'options' => require( __DIR__ . '/values/align-radios.php' ),
|
||||
),
|
||||
'text_depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Shadow'),
|
||||
'default' => '0',
|
||||
'unit' => '+',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
)
|
||||
), // Text options
|
||||
'bg_options' => array(
|
||||
'type' => 'group',
|
||||
'heading' => __( 'Background' ),
|
||||
'options' => array(
|
||||
|
||||
'bg' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __('BG Color'),
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
),
|
||||
'radius' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Radius'),
|
||||
'default' => 0,
|
||||
'unit' => 'px',
|
||||
'max' => 500,
|
||||
'min' => 0,
|
||||
),
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Depth'),
|
||||
'default' => '0',
|
||||
'unit' => '+',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => __('Depth :hover'),
|
||||
'default' => '0',
|
||||
'unit' => '+',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
),
|
||||
)
|
||||
), // Frame
|
||||
'border_options' => require( __DIR__ . '/commons/border.php' ),
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
)
|
||||
));
|
||||
@@ -0,0 +1,43 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="68px" viewBox="0 0 100 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>accordion</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="68"></rect>
|
||||
<linearGradient x1="0%" y1="0%" x2="106.265625%" y2="109.895844%" id="linearGradient-3">
|
||||
<stop stop-color="#C8EAF4" stop-opacity="0.208021966" offset="0%"></stop>
|
||||
<stop stop-color="#3DD0FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<rect id="path-4" x="14" y="9" width="72" height="26.9899235" rx="3"></rect>
|
||||
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="72" height="26.9899235" fill="white">
|
||||
<use xlink:href="#path-4"></use>
|
||||
</mask>
|
||||
<rect id="path-6" x="14" y="38.6731086" width="72" height="8.70642695" rx="3"></rect>
|
||||
<mask id="mask-7" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="72" height="8.70642695" fill="white">
|
||||
<use xlink:href="#path-6"></use>
|
||||
</mask>
|
||||
<rect id="path-8" x="14" y="50.0187089" width="72" height="8.70642695" rx="3"></rect>
|
||||
<mask id="mask-9" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="72" height="8.70642695" fill="white">
|
||||
<use xlink:href="#path-8"></use>
|
||||
</mask>
|
||||
</defs>
|
||||
<g id="Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="accordion">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#FFFFFF" xlink:href="#path-1"></use>
|
||||
<g id="Rectangle-166-Copy" mask="url(#mask-2)" stroke="#00A0D2" stroke-width="2" fill="url(#linearGradient-3)" fill-opacity="0.15">
|
||||
<use mask="url(#mask-5)" xlink:href="#path-4"></use>
|
||||
</g>
|
||||
<path d="M34.9986535,20.9984291 C34.9986535,21.1025583 34.9584829,21.1947935 34.8781418,21.2751346 L29.2760323,26.8772442 C29.1956912,26.9575853 29.103456,26.9977558 28.9993268,26.9977558 C28.8951975,26.9977558 28.8029623,26.9575853 28.7226212,26.8772442 L23.1205117,21.2751346 C23.0401706,21.1947935 23,21.1025583 23,20.9984291 C23,20.8942998 23.0401706,20.8020646 23.1205117,20.7217235 L23.7217235,20.1205117 C23.8020646,20.0401706 23.8942998,20 23.9984291,20 C24.1025583,20 24.1947935,20.0401706 24.2751346,20.1205117 L29,24.845377 L33.7248654,20.1205117 C33.8052065,20.0401706 33.8974417,20 34.0015709,20 C34.1057002,20 34.1979354,20.0401706 34.2782765,20.1205117 L34.8794883,20.7217235 C34.9598294,20.8020646 35,20.8942998 35,20.9984291 L34.9986535,20.9984291 Z" id="Shape" fill="#00A0D2" mask="url(#mask-2)"></path>
|
||||
<g id="Rectangle-166-Copy" opacity="0.12943097" mask="url(#mask-2)" stroke="#00A0D2" stroke-width="2" fill="#FFFFFF" fill-opacity="0.0336574389">
|
||||
<use mask="url(#mask-7)" xlink:href="#path-6"></use>
|
||||
</g>
|
||||
<g id="Rectangle-166-Copy" opacity="0.12943097" mask="url(#mask-2)" stroke="#00A0D2" stroke-width="2" fill="#FFFFFF" fill-opacity="0.0336574389">
|
||||
<use mask="url(#mask-9)" xlink:href="#path-8"></use>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="61px" height="90px" viewBox="0 0 61 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>badge-bubble</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="60.9501473" height="89.4511719"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="badge-bubble">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(10.000000, 50.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.41796875" x="0" y="19" width="22" height="7"></rect>
|
||||
<rect opacity="0.78410681" x="0" y="9" width="32" height="4"></rect>
|
||||
<rect opacity="0.78410681" x="0" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
<path d="M41.8236178,31.2796038 C48.3536216,31.2796038 53.6472356,25.8444294 53.6472356,19.1398019 C53.6472356,12.4351744 48.3536216,7 41.8236178,7 C35.293614,7 30,12.4351744 30,19.1398019 C30,25.8444294 35.293614,31.2796038 41.8236178,31.2796038 Z" id="Oval-1" fill="#01799F" opacity="0.712103545"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="61px" height="90px" viewBox="0 0 61 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>badge-simple</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="60.9501473" height="89.4511719"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="badge-simple">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(15.000000, 52.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.41796875" x="5" y="19" width="22" height="7"></rect>
|
||||
<rect opacity="0.78410681" x="0" y="9" width="32" height="4"></rect>
|
||||
<rect opacity="0.78410681" x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="65px" height="90px" viewBox="0 0 65 90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>badge</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="60.9501473" height="89.4511719"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="badge">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M25.7709781,53.7798612 C25.7709781,53.7798612 32.0592793,46.6455991 33.4289724,37.0511026 C37.1152179,37.0511026 39.3920166,26.8509456 35.7057711,23.2629297 C35.8611717,19.4869502 40.4436808,-6.38936942 17.231176,-6.38936942 C-5.98132884,-6.38936942 -1.39881971,19.4869502 -1.24341917,23.2629297 C-4.92966468,26.8509456 -2.65286598,37.0511026 1.03337953,37.0511026 C2.40307272,46.6455991 8.69498785,53.7798612 8.69498785,53.7798612 C8.69498785,53.7798612 8.64439232,60.5256653 6.50492434,60.9141234 C-0.390523148,62.1713909 -26.1364183,75.1826476 -26.1364183,89.4511719 L60.5987702,89.4511719 C60.5987702,75.1826476 34.8528751,62.1713909 27.9610416,60.9141234 C25.8215736,60.5256653 25.7709781,53.7798612 25.7709781,53.7798612 Z" id="Shape-Copy-6" fill="#00A0D2" opacity="0.141965951" mask="url(#mask-2)"></path>
|
||||
<rect id="Rectangle-3" fill-opacity="0.900000036" fill="#FFFFFF" opacity="0.894647854" mask="url(#mask-2)" x="-5" y="56" width="69.6971154" height="21.723856"></rect>
|
||||
<path d="M52.8951322,30.6689732 C59.425136,30.6689732 64.71875,25.2337988 64.71875,18.5291713 C64.71875,11.8245439 59.425136,6.38936942 52.8951322,6.38936942 C46.3651284,6.38936942 41.0715144,11.8245439 41.0715144,18.5291713 C41.0715144,25.2337988 46.3651284,30.6689732 52.8951322,30.6689732 Z" id="Oval-1" fill="#01799F" opacity="0.712103545"></path>
|
||||
<path d="M44.0770081,19.9380772 L45.1271321,19.8332516 C45.1903343,20.1951513 45.3185599,20.4609564 45.5118129,20.6306749 C45.7050658,20.8003933 45.9657711,20.8852513 46.2939365,20.8852513 C46.6415487,20.8852513 46.9034693,20.8097527 47.0797063,20.6587531 C47.2559432,20.5077536 47.3440604,20.3311742 47.3440604,20.1290095 C47.3440604,19.9992248 47.3069904,19.8887847 47.2328494,19.7976858 C47.1587083,19.7065869 47.0292672,19.6273445 46.8445223,19.5599563 C46.7181178,19.5150308 46.4300659,19.4351645 45.9803578,19.320355 C45.4018144,19.1730992 44.9958677,18.9921521 44.7625057,18.7775081 C44.4343403,18.4755091 44.2702601,18.1073753 44.2702601,17.6730956 C44.2702601,17.3935593 44.3474386,17.1321219 44.5017978,16.8887756 C44.6561571,16.6454293 44.878577,16.4601144 45.1690641,16.3328256 C45.4595512,16.2055367 45.8101967,16.1418933 46.2210112,16.1418933 C46.8919271,16.1418933 47.3969295,16.2928905 47.7360337,16.5948896 C48.075138,16.8968886 48.2531954,17.2999639 48.2702114,17.8041276 L47.1909173,17.8527967 C47.1447311,17.5707645 47.0456752,17.3679789 46.8937468,17.2444339 C46.7418184,17.1208888 46.5139292,17.0591172 46.2100724,17.0591172 C45.8964921,17.0591172 45.6509795,17.1252565 45.4735271,17.2575371 C45.3592769,17.3423963 45.3021527,17.4559562 45.3021527,17.5982202 C45.3021527,17.7280049 45.3556307,17.839069 45.4625883,17.9314159 C45.5987162,18.0487213 45.9293075,18.1710166 46.4543721,18.2983054 C46.9794367,18.4255943 47.3677599,18.5572489 47.6193533,18.6932733 C47.8709468,18.8292977 48.067843,19.0152364 48.210048,19.2510952 C48.352253,19.4869539 48.4233545,19.7783412 48.4233545,20.1252657 C48.4233545,20.4397441 48.3382758,20.7342511 48.168116,21.0087957 C47.9979562,21.2833403 47.7573052,21.4873738 47.4461558,21.6209023 C47.1350064,21.7544308 46.7472909,21.8211941 46.2829977,21.8211941 C45.6072201,21.8211941 45.0882404,21.6608375 44.7260431,21.3401195 C44.3638457,21.0194015 44.1475029,20.5520587 44.0770081,19.9380772 L44.0770081,19.9380772 Z M53.7782573,21.723856 L52.6041604,21.723856 L52.1374387,20.4771802 L50.0007281,20.4771802 L49.5595302,21.723856 L48.4146034,21.723856 L50.49662,16.2354875 L51.6379005,16.2354875 L53.7782573,21.723856 Z M51.7910436,19.5524688 L51.0544983,17.5158573 L50.3325381,19.5524688 L51.7910436,19.5524688 Z M54.0065134,21.723856 L54.0065134,16.2804128 L55.0858075,16.2804128 L55.0858075,20.7991446 L57.7694576,20.7991446 L57.7694576,21.723856 L54.0065134,21.723856 Z M58.1654418,21.723856 L58.1654418,16.2354875 L62.1289304,16.2354875 L62.1289304,17.1639428 L59.2447358,17.1639428 L59.2447358,18.3806684 L61.9283859,18.3806684 L61.9283859,19.3053799 L59.2447358,19.3053799 L59.2447358,20.7991446 L62.2310258,20.7991446 L62.2310258,21.723856 L58.1654418,21.723856 Z" id="SALE" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>blank</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="blank">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M75.7063774,44.8283343 C75.7063774,44.8283343 80.7588801,39.8687512 81.8593965,33.1988669 C84.8212084,33.1988669 86.6505629,26.1079406 83.6887509,23.6136304 C83.8136116,20.9886519 87.4955504,3 68.8448464,3 C50.1941424,3 53.8760811,20.9886519 54.0009418,23.6136304 C51.0391299,26.1079406 52.8684843,33.1988669 55.8302963,33.1988669 C56.9308126,39.8687512 61.9862191,44.8283343 61.9862191,44.8283343 C61.9862191,44.8283343 61.9455668,49.5178699 60.2265544,49.7879175 C54.6862238,50.6619424 34,59.7070837 34,69.62625 L103.689693,69.62625 C103.689693,59.7070837 83.0034689,50.6619424 77.4660421,49.7879175 C75.7470297,49.5178699 75.7063774,44.8283343 75.7063774,44.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>box-left</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="0%" y1="0%" x2="106.265625%" y2="109.895844%" id="linearGradient-1">
|
||||
<stop stop-color="#C8EAF4" stop-opacity="0.208021966" offset="0%"></stop>
|
||||
<stop stop-color="#3DD0FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<rect id="path-2" x="0" y="0" width="100" height="70.04"></rect>
|
||||
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<rect id="path-6" x="10" y="9" width="46" height="51"></rect>
|
||||
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-7">
|
||||
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||
<feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.186679121 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="box-left">
|
||||
<mask id="mask-4" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<g id="BG" stroke="#00A0D2" mask="url(#mask-3)" stroke-width="2" fill-opacity="0.15" fill="url(#linearGradient-1)">
|
||||
<use mask="url(#mask-5)" xlink:href="#path-2"></use>
|
||||
</g>
|
||||
<path d="M81.7063774,47.8283343 C81.7063774,47.8283343 86.7588801,42.8687512 87.8593965,36.1988669 C90.8212084,36.1988669 92.6505629,29.1079406 89.6887509,26.6136304 C89.8136116,23.9886519 93.4955504,6 74.8448464,6 C56.1941424,6 59.8760811,23.9886519 60.0009418,26.6136304 C57.0391299,29.1079406 58.8684843,36.1988669 61.8302963,36.1988669 C62.9308126,42.8687512 67.9862191,47.8283343 67.9862191,47.8283343 C67.9862191,47.8283343 67.9455668,52.5178699 66.2265544,52.7879175 C60.6862238,53.6619424 40,62.7070837 40,72.62625 L109.689693,72.62625 C109.689693,62.7070837 89.0034689,53.6619424 83.4660421,52.7879175 C81.7470297,52.5178699 81.7063774,47.8283343 81.7063774,47.8283343 Z" id="Shape-Copy-6" fill-opacity="0.532382246" fill="#00A0D2" opacity="0.333430504" mask="url(#mask-4)"></path>
|
||||
<g id="Rectangle-93" mask="url(#mask-4)">
|
||||
<use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
|
||||
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-6"></use>
|
||||
</g>
|
||||
<g id="Group" mask="url(#mask-4)" fill="#00A0D2">
|
||||
<g transform="translate(17.000000, 24.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.485366138" x="0" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="0" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>box-right</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="box-right">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<rect id="Rectangle-7" fill="#FFFFFF" opacity="0.84923041" mask="url(#mask-2)" x="49" y="16" width="41" height="43"></rect>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#00A0D2">
|
||||
<g transform="translate(54.000000, 25.000000)" id="Rectangle-7">
|
||||
<rect x="5" y="18" width="22" height="7"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>circle-right</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="circle-right">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M49.7063774,47.8283343 C49.7063774,47.8283343 54.7588801,42.8687512 55.8593965,36.1988669 C58.8212084,36.1988669 60.6505629,29.1079406 57.6887509,26.6136304 C57.8136116,23.9886519 61.4955504,6 42.8448464,6 C24.1941424,6 27.8760811,23.9886519 28.0009418,26.6136304 C25.0391299,29.1079406 26.8684843,36.1988669 29.8302963,36.1988669 C30.9308126,42.8687512 35.9862191,47.8283343 35.9862191,47.8283343 C35.9862191,47.8283343 35.9455668,52.5178699 34.2265544,52.7879175 C28.6862238,53.6619424 8,62.7070837 8,72.62625 L77.6896927,72.62625 C77.6896927,62.7070837 57.0034689,53.6619424 51.4660421,52.7879175 C49.7470297,52.5178699 49.7063774,47.8283343 49.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<path d="M72,57 C84.1502645,57 94,47.1502645 94,35 C94,22.8497355 84.1502645,13 72,13 C59.8497355,13 50,22.8497355 50,35 C50,47.1502645 59.8497355,57 72,57 Z" id="Oval-4" fill="#000000" opacity="0.608558769" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(56.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.425139925" x="9" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>dark-box-left</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="dark-box-left">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<rect id="Rectangle-47" fill="#000000" opacity="0.680562034" mask="url(#mask-2)" x="13" y="13" width="42" height="43"></rect>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(18.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.425139925" x="9" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>sime-right</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="sime-right">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(56.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.425139925" x="9" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simle-left-light</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="0%" y1="0%" x2="106.265625%" y2="109.895844%" id="linearGradient-1">
|
||||
<stop stop-color="#C8EAF4" stop-opacity="0.208021966" offset="0%"></stop>
|
||||
<stop stop-color="#3DD0FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<rect id="path-2" x="0" y="0" width="100" height="70.04"></rect>
|
||||
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simle-left-light">
|
||||
<mask id="mask-4" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<g id="BG" stroke="#00A0D2" mask="url(#mask-3)" stroke-width="2" fill-opacity="0.15" fill="url(#linearGradient-1)">
|
||||
<use mask="url(#mask-5)" xlink:href="#path-2"></use>
|
||||
</g>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill-opacity="0.532382246" fill="#00A0D2" opacity="0.333430504" mask="url(#mask-4)"></path>
|
||||
<g id="Group" mask="url(#mask-4)" fill="#00A0D2">
|
||||
<g transform="translate(12.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.485366138" x="0" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="0" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-buttons-right</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-buttons-right">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)">
|
||||
<g transform="translate(56.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect stroke="#FFFFFF" stroke-width="1" fill="none" opacity="0.539645522" x="20" y="19" width="15" height="5"></rect>
|
||||
<rect stroke="#FFFFFF" stroke-width="1" fill="#FFFFFF" fill-rule="evenodd" opacity="0.539645522" x="0" y="19" width="15" height="5"></rect>
|
||||
<rect stroke="none" fill="#FFFFFF" fill-rule="evenodd" x="3" y="9" width="32" height="4"></rect>
|
||||
<rect stroke="none" fill="#FFFFFF" fill-rule="evenodd" x="13" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-buttons</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-buttons">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)">
|
||||
<g transform="translate(12.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect stroke="#FFFFFF" stroke-width="1" fill="none" opacity="0.539645522" x="20" y="19" width="15" height="5"></rect>
|
||||
<rect stroke="#FFFFFF" stroke-width="1" fill="#FFFFFF" fill-rule="evenodd" opacity="0.539645522" x="0" y="19" width="15" height="5"></rect>
|
||||
<rect stroke="none" fill="#FFFFFF" fill-rule="evenodd" x="0" y="9" width="32" height="4"></rect>
|
||||
<rect stroke="none" fill="#FFFFFF" fill-rule="evenodd" x="0" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-center</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-center">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M75.7063774,44.8283343 C75.7063774,44.8283343 80.7588801,39.8687512 81.8593965,33.1988669 C84.8212084,33.1988669 86.6505629,26.1079406 83.6887509,23.6136304 C83.8136116,20.9886519 87.4955504,3 68.8448464,3 C50.1941424,3 53.8760811,20.9886519 54.0009418,23.6136304 C51.0391299,26.1079406 52.8684843,33.1988669 55.8302963,33.1988669 C56.9308126,39.8687512 61.9862191,44.8283343 61.9862191,44.8283343 C61.9862191,44.8283343 61.9455668,49.5178699 60.2265544,49.7879175 C54.6862238,50.6619424 34,59.7070837 34,69.62625 L103.689693,69.62625 C103.689693,59.7070837 83.0034689,50.6619424 77.4660421,49.7879175 C75.7470297,49.5178699 75.7063774,44.8283343 75.7063774,44.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(34.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.51614972" x="8" y="19" width="16" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-left-light</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="0%" y1="0%" x2="106.265625%" y2="109.895844%" id="linearGradient-1">
|
||||
<stop stop-color="#C8EAF4" stop-opacity="0.208021966" offset="0%"></stop>
|
||||
<stop stop-color="#3DD0FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<rect id="path-2" x="0" y="0" width="100" height="70.04"></rect>
|
||||
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-left-light">
|
||||
<mask id="mask-4" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<g id="BG" stroke="#00A0D2" mask="url(#mask-3)" stroke-width="2" fill-opacity="0.15" fill="url(#linearGradient-1)">
|
||||
<use mask="url(#mask-5)" xlink:href="#path-2"></use>
|
||||
</g>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill-opacity="0.532382246" fill="#00A0D2" opacity="0.333430504" mask="url(#mask-4)"></path>
|
||||
<g id="Group" mask="url(#mask-4)" fill="#00A0D2">
|
||||
<g transform="translate(12.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.485366138" x="0" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="0" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-left</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-left">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(12.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.425139925" x="9" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-right-light</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="0%" y1="0%" x2="106.265625%" y2="109.895844%" id="linearGradient-1">
|
||||
<stop stop-color="#C8EAF4" stop-opacity="0.208021966" offset="0%"></stop>
|
||||
<stop stop-color="#3DD0FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<rect id="path-2" x="0" y="0" width="100" height="70.04"></rect>
|
||||
<mask id="mask-3" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="100" height="70.04" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-right-light">
|
||||
<mask id="mask-4" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<g id="BG" stroke="#00A0D2" mask="url(#mask-3)" stroke-width="2" fill-opacity="0.15" fill="url(#linearGradient-1)">
|
||||
<use mask="url(#mask-5)" xlink:href="#path-2"></use>
|
||||
</g>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill-opacity="0.532382246" fill="#00A0D2" opacity="0.333430504" mask="url(#mask-4)"></path>
|
||||
<g id="Group" mask="url(#mask-4)" fill="#00A0D2">
|
||||
<g transform="translate(70.500000, 35.000000) scale(-1, 1) translate(-70.500000, -35.000000) translate(50.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.485366138" x="0" y="19" width="19.21875" height="5"></rect>
|
||||
<rect x="0" y="9" width="41" height="4"></rect>
|
||||
<rect x="0" y="0" width="28.1875" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="71px" viewBox="0 0 100 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>simple-right</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="70.04"></rect>
|
||||
</defs>
|
||||
<g id="Banner-Presets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="simple-right">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#00A0D2" xlink:href="#path-1"></use>
|
||||
<path d="M59.7063774,47.8283343 C59.7063774,47.8283343 64.7588801,42.8687512 65.8593965,36.1988669 C68.8212084,36.1988669 70.6505629,29.1079406 67.6887509,26.6136304 C67.8136116,23.9886519 71.4955504,6 52.8448464,6 C34.1941424,6 37.8760811,23.9886519 38.0009418,26.6136304 C35.0391299,29.1079406 36.8684843,36.1988669 39.8302963,36.1988669 C40.9308126,42.8687512 45.9862191,47.8283343 45.9862191,47.8283343 C45.9862191,47.8283343 45.9455668,52.5178699 44.2265544,52.7879175 C38.6862238,53.6619424 18,62.7070837 18,72.62625 L87.6896927,72.62625 C87.6896927,62.7070837 67.0034689,53.6619424 61.4660421,52.7879175 C59.7470297,52.5178699 59.7063774,47.8283343 59.7063774,47.8283343 Z" id="Shape-Copy-6" fill="#FFFFFF" opacity="0.151061101" mask="url(#mask-2)"></path>
|
||||
<g id="Group" mask="url(#mask-2)" fill="#FFFFFF">
|
||||
<g transform="translate(56.000000, 23.000000)" id="Rectangle-7">
|
||||
<rect opacity="0.425139925" x="9" y="19" width="15" height="5"></rect>
|
||||
<rect x="0" y="9" width="32" height="4"></rect>
|
||||
<rect x="5" y="0" width="22" height="4"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="68px" viewBox="0 0 100 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>block</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="68"></rect>
|
||||
</defs>
|
||||
<g id="Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="block">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#FFFFFF" xlink:href="#path-1"></use>
|
||||
<path d="M66.8641075,32.2834425 L59.2888392,39.8561168 C55.1076352,44.0399148 48.3246946,44.0399148 44.1434906,39.8561168 C43.4845424,39.1997626 42.9694332,38.4597324 42.5169973,37.6961893 L46.0366591,34.1765274 C46.2040111,34.0078367 46.410607,33.9111073 46.6079986,33.7973917 C46.8511609,34.6289633 47.2760674,35.4160194 47.9298277,36.069696 C50.0177939,38.159001 53.4158746,38.1564071 55.502502,36.069696 L63.0751763,28.4970217 C65.1644814,26.4077167 65.1644814,23.0109748 63.0751763,20.9230086 C60.9884653,18.8350424 57.5918071,18.8350424 55.502502,20.9230086 L52.8091402,23.6189643 C50.6244446,22.7678124 48.2697195,22.5390424 45.9777513,22.8750013 L51.7160812,17.1366714 C55.8998792,12.9542123 62.6802258,12.9542123 66.8640238,17.1366714 C71.0453115,21.3192979 71.0453115,28.1009834 66.8641075,32.2834425 L66.8641075,32.2834425 Z M46.8381075,44.7355131 L44.1434906,47.4314688 C42.0555243,49.5181799 38.6574436,49.5181799 36.5694774,47.4314688 C34.4815112,45.3421638 34.4815112,41.9454219 36.5694774,39.8562005 L44.1434906,32.2835262 C46.2327956,30.1942212 49.6281987,30.1942212 51.7161649,32.2835262 C52.3685863,32.9359477 52.7934928,33.7230037 53.0393328,34.5532366 C53.2380632,34.4381822 53.4420652,34.3440467 53.6094171,34.1766948 L57.129079,30.6583717 C56.6793207,29.8922346 56.1615339,29.1547984 55.5025857,28.4971891 C51.3213817,24.3147299 44.5384411,24.3147299 40.3558983,28.4971891 L32.7832239,36.0698634 C28.6007648,40.2536613 28.6007648,47.034008 32.7832239,51.217806 C36.9656831,55.39901 43.7473686,55.39901 47.9299114,51.217806 L53.6695801,45.4781372 C51.3762731,45.815435 49.021548,45.5853261 46.8381075,44.7355131 L46.8381075,44.7355131 Z" id="Shape" fill="#00A0D2" mask="url(#mask-2)"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="100px" height="68px" viewBox="0 0 100 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>blog_posts</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<rect id="path-1" x="0" y="0" width="100" height="68"></rect>
|
||||
<linearGradient x1="0%" y1="0%" x2="106.265625%" y2="109.895844%" id="linearGradient-3">
|
||||
<stop stop-color="#C8EAF4" stop-opacity="0.208021966" offset="0%"></stop>
|
||||
<stop stop-color="#3DD0FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<rect id="path-4" x="0" y="0" width="40" height="48"></rect>
|
||||
<mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="40" height="48" fill="white">
|
||||
<use xlink:href="#path-4"></use>
|
||||
</mask>
|
||||
<mask id="mask-7" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="40" height="48" fill="white">
|
||||
<use xlink:href="#path-4"></use>
|
||||
</mask>
|
||||
</defs>
|
||||
<g id="Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="blog_posts">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="BG" fill="#FFFFFF" xlink:href="#path-1"></use>
|
||||
<g id="image" mask="url(#mask-2)">
|
||||
<g transform="translate(12.000000, 10.000000)">
|
||||
<mask id="mask-6" fill="white">
|
||||
<use xlink:href="#path-4"></use>
|
||||
</mask>
|
||||
<g id="Mask" stroke="#00A0D2" mask="url(#mask-5)" stroke-width="2" fill-opacity="0.15" fill="url(#linearGradient-3)" fill-rule="evenodd">
|
||||
<use mask="url(#mask-7)" xlink:href="#path-4"></use>
|
||||
</g>
|
||||
<path d="M24.3183147,33.7873964 C24.3183147,33.7873964 27.3302616,30.8497536 27.9863121,26.8990713 C29.7519362,26.8990713 30.8424687,22.698999 29.0768446,21.221578 C29.1512778,19.66676 31.3461909,9.01178536 20.2279523,9.01178536 C9.10971384,9.01178536 11.3046269,19.66676 11.37906,21.221578 C9.61343599,22.698999 10.7039685,26.8990713 12.4695925,26.8990713 C13.125643,30.8497536 16.139321,33.7873964 16.139321,33.7873964 C16.139321,33.7873964 16.1150869,36.5650855 15.0903326,36.7250391 C11.787577,37.2427384 -0.544095312,42.6003246 -0.544095312,48.4756101 L41,48.4756101 C41,42.6003246 28.6683277,37.2427384 25.3673031,36.7250391 C24.3425488,36.5650855 24.3183147,33.7873964 24.3183147,33.7873964 Z" id="Shape-Copy-6" stroke="none" fill="#00A0D2" fill-rule="evenodd" opacity="0.141965951" mask="url(#mask-6)"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="date-box" mask="url(#mask-2)" fill="#00A0D2">
|
||||
<g transform="translate(12.000000, 21.000000)" id="Rectangle-494">
|
||||
<rect x="0" y="0" width="11" height="11"></rect>
|
||||
</g>
|
||||
</g>
|
||||
<g id="headline" opacity="0.6" mask="url(#mask-2)" fill="#00A0D2">
|
||||
<g transform="translate(61.000000, 21.000000)">
|
||||
<rect id="Rectangle-167-Copy-16" x="1.20833333" y="0" width="27" height="3"></rect>
|
||||
<rect id="Rectangle-167-Copy-17" x="1.20833333" y="4.90909091" width="20" height="3"></rect>
|
||||
<rect id="Rectangle-167-Copy-8" fill-opacity="0.532382246" opacity="0.333430504" x="0.965060165" y="18.4558694" width="16" height="3"></rect>
|
||||
<rect id="Rectangle-167-Copy-7" fill-opacity="0.532382246" opacity="0.333430504" x="0.965060165" y="13.4232657" width="19" height="3"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.9 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.3 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user