start_controls_section(
'section_content',
[
'label' => __( 'Content', 'elementor-mosaic-gallery' ),
]
);
$this->add_control(
'mosaic_gallery',
[
'label' => __( 'Add Images', 'elementor-mosaic-gallery' ),
'type' => Controls_Manager::GALLERY,
]
);
$this->end_controls_section();
}
/**
* Render the widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.1.0
*
* @access protected
*/
protected function render() {
$settings = $this->get_settings_for_display();
$this->add_inline_editing_attributes( 'mosaic_gallery', 'none' );
echo' ';
echo'';
foreach ( $settings['mosaic_gallery'] as $image ) {
echo '
-
';
}
?>
get_render_attribute_string( 'mosaic_gallery' ); ?>>
';
}
/**
* Render the widget output in the editor.
*
* Written as a Backbone JavaScript template and used to generate the live preview.
*
* @since 1.1.0
*
* @access protected
*/
protected function _content_template() {
?>
<#
view.addInlineEditingAttributes( 'mosaic_gallery', 'none' );
#>
{{{ settings.mosaic_gallery }}}