default.php

<?php
  $data = array(
    'id' => $instance['panels_info']['id'].$instance['panels_info']['grid'].$instance['panels_info']['cell'],
    'data' => $instance['box_repeater'],
    'title' => $instance['title'],
    'description' => $instance['description'],
  );
  $result = array(
    'template' => '',
    'data' => array(),
    'count' => 0
  );
  ob_start();
?>
<div class="box-list">
  <a href="{{url}}" style="cursor:default !important;" onclick="return false;">
    <div class="block-wrapper">
      <div class="block-image">
        <div class="skeleton-loader"></div>
        {{image}}
      </div>
      <div class="block-content">
        <span class="title">{{title}}</span>
        <div class="description">
          {{description}}
        </div>
      </div>
    </div>
  </a>
</div>
<?php
  $result['template'] = ob_get_clean();
  $result['template'] = preg_replace('/\s+/', ' ', trim($result['template']));
?>
<section id="imm-box-carousel-<?php echo $data['id'];?>" class="imm-box-carousel btm-animate imm-box-carousel-<?php echo $data['id'];?> <?php echo ($data['use_bg']) ? 'use_bg' : 'no_bg'; ?>">
  <div class="imm-box-carousel-container container">
    <div class="imm-box-carousel-row row">
      <div class="col-md-4 col-lg-4 col-sm-12 col-12">
        <div class="imm-box-carousel-content">
          <h2 class="heading" data-sal="slide-left" data-sal-delay="200" data-sal-duration="500"><?php echo $data['title']; ?></h2>
          <div class="description" data-sal="slide-left" data-sal-delay="400" data-sal-duration="500">
            <?php echo wpautop($data['description']);?>
          </div>
        </div>
      </div>
      <div class="col-md-8 col-lg-8 col-sm-12 col-12">
        <div class="imm-box-carousel-carousel" data-sal="slide-up" data-sal-delay="600" data-sal-duration="500">
        </div>
      </div>
    </div>
    <?php
      foreach ($data['data'] as $key => $value) {
        $image = wp_get_attachment_image_src( $value['box_image'], 'full' );
        $imagel = wp_get_attachment_image_src( $value['box_image'], 'large' );
        $imagem = wp_get_attachment_image_src( $value['box_image'], 'medium_large' );
        $images = wp_get_attachment_image_src( $value['box_image'], 'medium' );
        $result['data'][] = array(
          'title' => $value['box_title'],
          'description' => wpautop($value['box_desc']),
          'image' => $image,
          'imagel' => $imagel,
          'imagem' => $imagem,
          'images' => $images,
          'url' => sow_esc_url($value['box_url'])
        );
        $result['count']++;
      }
    ?>
  </div>
  <input type="hidden" name="imm-box-carousel-<?php echo $data['id'];?>" value="<?php echo htmlentities(json_encode($result));?>">
</section>