Na}{

File Content: layout-1.php

<?php
$default_settings = [
    'clients' => [],
];
$settings = array_merge($default_settings, $settings);
extract($settings);
$arrows = $widget->get_setting('arrows','false');  
$dots = $widget->get_setting('dots','false');

$opts = [
    'slide_direction'               => 'horizontal',
    'slide_percolumn'               => '1', 
    'slide_mode'                    => 'slide', 
    'slides_to_show_xxl'            => $widget->get_setting('col_xxl', '5'), 
    'slides_to_show'                => $widget->get_setting('col_xl', '5'), 
    'slides_to_show_lg'             => $widget->get_setting('col_lg', '4'), 
    'slides_to_show_md'             => $widget->get_setting('col_md', '4'), 
    'slides_to_show_sm'             => $widget->get_setting('col_sm', '3'), 
    'slides_to_show_xs'             => $widget->get_setting('col_xs', '2'), 
    'slides_to_scroll'              => $widget->get_setting('slides_to_scroll', '1'), 
    'slides_gutter'                 => 80, 
    'slides_gutter_lg'              => 50, 
    'slides_gutter_md'              => 30, 
    'arrow'                         => $arrows,
    'dots'                          => $dots,
    'dots_style'                    => 'bullets',
    'autoplay'                      => $widget->get_setting('autoplay', 'false'),
    'pause_on_hover'                => $widget->get_setting('pause_on_hover', 'true'),
    'pause_on_interaction'          => 'true',
    'delay'                         => $widget->get_setting('autoplay_speed', '5000'),
    'loop'                          => $widget->get_setting('infinite','false'),
    'speed'                         => $widget->get_setting('speed', '500')
];

$widget->add_render_attribute( 'carousel', [
    'class'         => 'pxl-swiper-container',
    'dir'           => is_rtl() ? 'rtl' : 'ltr',
    'data-settings' => wp_json_encode($opts)
]);

$arrows_on_hover_cls = $arrows_on_hover == 'true' ? 'arrow-on-hover' : ''; 
?>

<?php if(isset($clients) && !empty($clients) && count($clients)): ?>
    <div class="pxl-swiper-slider pxl-clients layout-<?php echo esc_attr($settings['layout'])?>">
        <div class="pxl-swiper-slider-wrap pxl-carousel-inner overflow-hidden">
            <div <?php pxl_print_html($widget->get_render_attribute_string( 'carousel' )); ?>>
                <div class="pxl-swiper-wrapper swiper-wrapper">
                    <?php foreach ($clients as $key => $value):
                        $client_img       = isset($value['client_img']) ? $value['client_img'] : [];
                        $client_img_hover = isset($value['client_img_hover']) ? $value['client_img_hover'] : [];
                        $name             = isset($value['name']) ? $value['name'] : '';
                        $image_link       = isset($value['image_link']) ? $value['image_link'] : [];
                         
                        $thumbnail1 = $thumbnail2 = '';
                        if(!empty($client_img['id'])) {
                            $img = pxl_get_image_by_size( array(
                                'attach_id'  => $client_img['id'],
                                'thumb_size' => 'full',
                                'class' => 'no-lazyload',
                            ));
                            $thumbnail1 = $img['thumbnail'];
                        }  
                        if(!empty($client_img_hover['id'])) {
                            $img = pxl_get_image_by_size( array(
                                'attach_id'  => $client_img_hover['id'],
                                'thumb_size' => 'full',
                                'class' => 'no-lazyload',
                            ));
                            $thumbnail2 = $img['thumbnail'];
                        }

$link_key = $widget->get_repeater_setting_key( 'image_link', 'clients', $key ); 
                        if ( ! empty( $image_link['url'] ) ) {
                            $widget->add_render_attribute( $link_key, 'href', $image_link['url'] );

if ( $image_link['is_external'] ) {
                                $widget->add_render_attribute( $link_key, 'target', '_blank' );
                            }

if ( $image_link['nofollow'] ) {
                                $widget->add_render_attribute( $link_key, 'rel', 'nofollow' );
                            }

if( ! empty($image_link['custom_attributes'])){
                                $custom_attributes = explode('|', $image_link['custom_attributes']);
                                foreach ($custom_attributes as $atts_value) {
                                    $_custom_attributes = explode(':', $atts_value);
                                    $widget->add_render_attribute( $link_key, $_custom_attributes[0], $_custom_attributes[1] );
                                }

}

}
                        $link_attributes = $widget->get_render_attribute_string( $link_key );
                        
                        $hover_img_cls = !empty($thumbnail2) ? 'hover-img' : 'not-hover-img';
                        ?>
                        <div class="pxl-swiper-slide swiper-slide">
                            <div class="item-inner relative <?php echo esc_attr($hover_img_cls) ?>">
                                <div class="item-image-wrap">
                                    <?php if(!empty($thumbnail1)) : ?>
                                        <div class="item-image">
                                            <?php if ( ! empty( $image_link['url'] ) ) echo '<a '. $link_attributes .'>';
                                                echo wp_kses_post($thumbnail1);  
                                            if ( ! empty( $image_link['url'] ) ) echo '</a>';
                                            ?>
                                        </div>
                                    <?php endif; ?>
                                    <?php if(!empty($thumbnail2)) : ?>
                                        <div class="item-image-hover">
                                            <?php if ( ! empty( $image_link['url'] ) ) echo '<a '. $link_attributes .'>';
                                                echo wp_kses_post($thumbnail2);  
                                            if ( ! empty( $image_link['url'] ) ) echo '</a>';
                                            ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                                <?php if(!empty($name)): ?>
                                    <div class="item-content d-none">
                                        <h4 class="item-name"><?php echo esc_html($name); ?></h4>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
        <?php if($arrows !== 'false'): ?>
            <div class="pxl-swiper-arrows nav-out-vertical <?php echo esc_attr($arrows_on_hover_cls) ?>">
                <div class="pxl-swiper-arrow pxl-swiper-arrow-next"><span class="pxl-icon bi-chevron-right"></span></div>
                <div class="pxl-swiper-arrow pxl-swiper-arrow-prev"><span class="pxl-icon bi-chevron-left"></span></div>
            </div>
        <?php endif; ?>
        <?php if($dots !== 'false'): ?>
            <div class="pxl-swiper-dots"></div>
        <?php endif; ?>
    </div>
<?php endif; ?>