Widget_Image_Box::_content_template()
Render image box widget output in the editor.
Description
Written as a Backbone JavaScript template and used to generate the live preview.
Changelog
Version | Description |
---|---|
1.0.0 | Introduced. |
Source
includes/widgets/image-box.php
?> <# var html = '<div class="elementor-image-box-wrapper">'; if ( settings.image.url ) { var image = { id: settings.image.id, url: settings.image.url, size: settings.thumbnail_size, dimension: settings.thumbnail_custom_dimension, model: view.getEditModel() }; var image_url = elementor.imagesManager.getImageUrl( image ); var imageHtml = '<img src="' + image_url + '" class="elementor-animation-' + settings.hover_animation + '" />'; if ( settings.link.url ) { imageHtml = '<a href="' + settings.link.url + '">' + imageHtml + '</a>'; } html += '<figure class="elementor-image-box-img">' + imageHtml + '</figure>'; } var hasContent = !! ( settings.title_text || settings.description_text ); if ( hasContent ) { html += '<div class="elementor-image-box-content">'; if ( settings.title_text ) { var title_html = settings.title_text; if ( settings.link.url ) { title_html = '<a href="' + settings.link.url + '">' + title_html + '</a>'; } view.addRenderAttribute( 'title_text', 'class', 'elementor-image-box-title' ); view.addInlineEditingAttributes( 'title_text', 'none' ); html += '<' + settings.title_size + ' ' + view.getRenderAttributeString( 'title_text' ) + '>' + title_html + '</' + settings.title_size + '>'; } if ( settings.description_text ) { view.addRenderAttribute( 'description_text', 'class', 'elementor-image-box-description' ); view.addInlineEditingAttributes( 'description_text' ); html += '<p ' + view.getRenderAttributeString( 'description_text' ) + '>' + settings.description_text + '</p>'; } html += '</div>'; } html += '</div>'; print( html ); #> <?php } }