init
This commit is contained in:
202
wp-content/themes/flatsome/inc/builder/shortcodes/ux_image.php
Normal file
202
wp-content/themes/flatsome/inc/builder/shortcodes/ux_image.php
Normal file
@@ -0,0 +1,202 @@
|
||||
<?php
|
||||
|
||||
$position_options = require( __DIR__ . '/commons/position.php' );
|
||||
$position_options['options']['position_x']['on_change'] = array(
|
||||
'recompile' => false,
|
||||
'class' => 'x{{ value }} md-x{{ value }} lg-x{{ value }}'
|
||||
);
|
||||
$position_options['options']['position_y']['on_change'] = array(
|
||||
'recompile' => false,
|
||||
'class' => 'y{{ value }} md-y{{ value }} lg-y{{ value }}'
|
||||
);
|
||||
|
||||
add_ux_builder_shortcode( 'ux_image', array(
|
||||
'name' => __( 'Image', 'ux-builder'),
|
||||
'category' => __( 'Content' ),
|
||||
'toolbar_thumbnail' => 'id',
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'ux_image' ),
|
||||
'wrap' => false,
|
||||
|
||||
'presets' => array(
|
||||
array(
|
||||
'name' => __( 'Blank' ),
|
||||
'content' => '[ux_image][/ux_image]',
|
||||
),
|
||||
),
|
||||
|
||||
'options' => array(
|
||||
|
||||
'id' => array(
|
||||
'type' => 'image',
|
||||
'heading' => __('Image'),
|
||||
'default' => ''
|
||||
),
|
||||
'image_size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Image Size',
|
||||
'param_name' => 'image_size',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Normal',
|
||||
'large' => 'Large',
|
||||
'medium' => 'Medium',
|
||||
'thumbnail' => 'Thumbnail',
|
||||
'original' => 'Original',
|
||||
)
|
||||
),
|
||||
'width' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Width',
|
||||
'responsive' => true,
|
||||
'default' => '100',
|
||||
'unit' => '%',
|
||||
'max' => '100',
|
||||
'min' => '0',
|
||||
'on_change' => array(
|
||||
'style' => 'width: {{ value }}%'
|
||||
),
|
||||
),
|
||||
'height' => array(
|
||||
'type' => 'scrubfield',
|
||||
'heading' => __('Height'),
|
||||
'default' => '',
|
||||
'placeholder' => __('Auto'),
|
||||
'min' => 0,
|
||||
'max' => 1000,
|
||||
'step' => 1,
|
||||
'helpers' => require( __DIR__ . '/helpers/image-heights.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.image-cover',
|
||||
'style' => 'padding-top: {{ value }}'
|
||||
)
|
||||
),
|
||||
'margin' => array(
|
||||
'type' => 'margins',
|
||||
'heading' => __( 'Margin' ),
|
||||
'value' => '',
|
||||
'full_width' => true,
|
||||
'min' => -100,
|
||||
'max' => 100,
|
||||
'step' => 1,
|
||||
),
|
||||
'lightbox' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Lightbox'),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Off'),
|
||||
'true' => array( 'title' => 'On'),
|
||||
),
|
||||
),
|
||||
|
||||
'lightbox_image_size' => array(
|
||||
'type' => 'select',
|
||||
'heading' => __( 'Lightbox Image Size' ),
|
||||
'conditions' => 'lightbox == "true"',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => 'Default',
|
||||
'large' => 'Large',
|
||||
'medium' => 'Medium',
|
||||
'thumbnail' => 'Thumbnail',
|
||||
'original' => 'Original',
|
||||
)
|
||||
),
|
||||
|
||||
'caption' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __('Caption'),
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Off'),
|
||||
'true' => array( 'title' => 'On'),
|
||||
),
|
||||
),
|
||||
|
||||
'lightbox_caption' => array(
|
||||
'type' => 'radio-buttons',
|
||||
'heading' => __( 'Caption on Lightbox' ),
|
||||
'conditions' => 'lightbox == "true"',
|
||||
'default' => '',
|
||||
'options' => array(
|
||||
'' => array( 'title' => 'Off' ),
|
||||
'true' => array( 'title' => 'On' ),
|
||||
),
|
||||
),
|
||||
|
||||
'image_overlay' => array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => __( 'Image Overlay' ),
|
||||
'default' => '',
|
||||
'alpha' => true,
|
||||
'format' => 'rgb',
|
||||
'position' => 'bottom right',
|
||||
'on_change' => array(
|
||||
'selector' => '.overlay',
|
||||
'style' => 'background-color: {{ value }}',
|
||||
),
|
||||
),
|
||||
|
||||
'image_hover' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Image Hover',
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/image-hover.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.img-inner',
|
||||
'class' => 'image-{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'image_hover_alt' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Image Hover Alt',
|
||||
'default' => '',
|
||||
'options' => require( __DIR__ . '/values/image-hover.php' ),
|
||||
'on_change' => array(
|
||||
'selector' => '.img-inner',
|
||||
'class' => 'image-{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'depth' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Depth',
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
'on_change' => array(
|
||||
'selector' => '.img-inner',
|
||||
'class' => 'box-shadow-{{ value }}'
|
||||
)
|
||||
),
|
||||
|
||||
'depth_hover' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Depth :hover',
|
||||
'default' => '0',
|
||||
'max' => '5',
|
||||
'min' => '0',
|
||||
'on_change' => array(
|
||||
'selector' => '.img-inner',
|
||||
'class' => 'box-shadow-{{ value }}-hover'
|
||||
)
|
||||
),
|
||||
'parallax' => array(
|
||||
'type' => 'slider',
|
||||
'heading' => 'Parallax',
|
||||
'default' => '0',
|
||||
'max' => '10',
|
||||
'min' => '-10',
|
||||
),
|
||||
'animate' => array(
|
||||
'type' => 'select',
|
||||
'heading' => 'Animate',
|
||||
'default' => 'none',
|
||||
'options' => require( __DIR__ . '/values/animate.php' ),
|
||||
),
|
||||
'link_options' => require( __DIR__ . '/commons/links.php' ),
|
||||
'position_options' => $position_options,
|
||||
'advanced_options' => require( __DIR__ . '/commons/advanced.php'),
|
||||
),
|
||||
) );
|
Reference in New Issue
Block a user