first commit

wp-content/plugins/jet-elements/templates/jet-images-layout/global/images-layout-loop-end.php

@@ -0,0 +1,6 @@
+<?php
+/**
+ * Features list end template
+ */
+?>
+</div>

wp-content/plugins/jet-elements/templates/jet-images-layout/global/images-layout-loop-item.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Images list item template
+ */
+$settings = $this->get_settings_for_display();
+$col_class = '';
+
+if ( 'grid' === $settings['layout_type'] ) {
+	$col_class = jet_elements_tools()->col_classes( array(
+		'desk' => $this->__get_html( 'columns' ),
+		'tab'  => $this->__get_html( 'columns_tablet' ),
+		'mob'  => $this->__get_html( 'columns_mobile' ),
+	) );
+}
+
+$link_instance = 'link-instance-' . $this->item_counter;
+
+$link_type = $this->__loop_item( array( 'item_link_type' ), '%s' );
+
+$this->add_render_attribute( $link_instance, 'class', array(
+	'jet-images-layout__link',
+	// Ocean Theme lightbox compatibility
+	class_exists( 'OCEANWP_Theme_Class' ) ? 'no-lightbox' : '',
+) );
+
+if ( 'lightbox' === $link_type ) {
+	$this->add_render_attribute( $link_instance, 'href', $this->__loop_item( array( 'item_image', 'url' ), '%s' ) );
+	$this->add_render_attribute( $link_instance, 'data-elementor-open-lightbox', 'yes' );
+	$this->add_render_attribute( $link_instance, 'data-elementor-lightbox-slideshow', $this->get_id()  );
+} else {
+	$target = $this->__loop_item( array( 'item_target' ), '%s' );
+	$target = ! empty( $target ) ? $target : '_self';
+	$rel    = $this->__loop_item( array( 'item_rel' ), '%s' );
+	$rel    = ! empty( $rel ) ? $rel : '';
+
+	$this->add_render_attribute( $link_instance, 'href', $this->__loop_item( array( 'item_url' ), '%s' ) );
+	$this->add_render_attribute( $link_instance, 'target', $target );
+	$this->add_render_attribute( $link_instance, 'rel', $rel );
+}
+
+$this->item_counter++;
+
+?>
+<div class="jet-images-layout__item <?php echo $col_class ?>">
+	<div class="jet-images-layout__inner">
+		<div class="jet-images-layout__image-loader"><span></span></div>
+		<a <?php echo $this->get_render_attribute_string( $link_instance ); ?>>
+			<div class="jet-images-layout__image">
+				<?php echo $this->__loop_image_item(); ?>
+			</div>
+			<div class="jet-images-layout__content"><?php
+				echo $this->__render_icon( 'item_icon', '<div class="jet-images-layout__icon"><div class="jet-images-layout-icon-inner">%s</div></div>', '', false );
+
+				$title_tag = $this->__get_html( 'title_html_tag', '%s' );
+
+				echo $this->__loop_item( array( 'item_title' ), '<' . $title_tag . ' class="jet-images-layout__title">%s</' . $title_tag . '>' );
+				echo $this->__loop_item( array( 'item_desc' ), '<div class="jet-images-layout__desc">%s</div>' );
+			?></div>
+		</a>
+	</div>
+</div>

wp-content/plugins/jet-elements/templates/jet-images-layout/global/images-layout-loop-start.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * Features list start template
+ */
+
+$settings = $this->get_settings_for_display();
+$class_array[] = 'jet-images-layout__list';
+$attr_array = [];
+
+if ( 'grid' === $settings['layout_type'] ) {
+	$class_array[] = 'col-row';
+	$class_array[] = 'disable-cols-gap';
+	$class_array[] = 'disable-rows-gap';
+}
+
+if ( 'masonry' === $settings['layout_type'] ) {
+	$attr_array[] = 'data-columns';
+}
+
+$columns        = $this->__get_html( 'columns' );
+$columns_tablet = $this->__get_html( 'columns_tablet' );
+$columns_mobile = $this->__get_html( 'columns_mobile' );
+
+$columns        = empty( $columns ) ? 3 : $columns;
+$columns_tablet = empty( $columns_tablet ) ? 2 : $columns_tablet;
+$columns_mobile = empty( $columns_mobile ) ? 1 : $columns_mobile;
+
+$class_array[] =  'column-desktop-' . $columns;
+$class_array[] =  'column-tablet-' . $columns_tablet;
+$class_array[] =  'column-mobile-' . $columns_mobile;
+
+$classes = implode( ' ', $class_array );
+$attrs = implode( ' ', $attr_array );
+
+?>
+<div class="<?php echo $classes; ?>" <?php echo $attrs; ?>>

wp-content/plugins/jet-elements/templates/jet-images-layout/global/index.php

@@ -0,0 +1,14 @@
+<?php
+/**
+ * Images Layout template
+ */
+$settings = $this->get_settings_for_display();
+$data_settings = $this->generate_setting_json();
+
+$classes_list[] = 'layout-type-' . $settings['layout_type'];
+$classes = implode( ' ', $classes_list );
+?>
+
+<div class="jet-images-layout <?php echo $classes; ?>" <?php echo $data_settings; ?>>
+	<?php $this->__get_global_looped_template( 'images-layout', 'image_list' ); ?>
+</div>