Sid Gifari Advanced File Manager

✏️ Editing: layout-1.php

<?php $html_id = pxl_get_element_id($settings); 
$is_new = \Elementor\Icons_Manager::is_migration_allowed();
if(isset($settings['tabs']) && !empty($settings['tabs']) && count($settings['tabs'])): 
    $tab_bd_ids = [];
    ?>
    <div class="pxl-tabs tab-effect-cretive pxl-banner-tabs1 <?php echo esc_attr($settings['pxl_animate']); ?>" data-wow-delay="<?php echo esc_attr($settings['pxl_animate_delay']); ?>ms">
        <div class="pxl-tabs--inner">
            <div class="pxl-tabs--title">
                <?php foreach ($settings['tabs'] as $key => $title) : 
                    $icon_key = $widget->get_repeater_setting_key( 'pxl_icon', 'icons', $key );
                    $widget->add_render_attribute( $icon_key, [
                        'class' => $title['pxl_icon'],
                        'aria-hidden' => 'true',
                    ] ); ?>
                    <div class="pxl-tab--title pxl-cursor--cta <?php if($settings['tab_active'] == $key + 1) { echo 'active'; } ?>" data-target="#<?php echo esc_attr($html_id.'-'.$title['_id']); ?>">
                        <div class="pxl-title--icon">
                            <?php if ( $is_new ):
                                \Elementor\Icons_Manager::render_icon( $title['pxl_icon'], [ 'aria-hidden' => 'true' ] );
                            elseif(!empty($title['pxl_icon'])): ?>
                                <i class="<?php echo esc_attr( $title['pxl_icon'] ); ?>" aria-hidden="true"></i>
                            <?php endif; ?>
                        </div>
                        <h6 class="pxl-title--text">
                            <?php echo pxl_print_html($title['title']); ?>
                        </h6>
                        <div class="pxl-title--subtitle"><?php echo esc_attr($title['sub_title']); ?></div>
                    </div>
                <?php endforeach; ?>
            </div>
            <div class="pxl-tabs--content">
                <?php if(!empty($settings['shape_img_left']['id'])) { 
                    $shape_img1 = pxl_get_image_by_size( array(
                        'attach_id'  => $settings['shape_img_left']['id'],
                        'thumb_size' => 'full',
                        'class' => 'no-lazyload',
                    ));
                    $thumbnail_shape_left = $shape_img1['thumbnail'];?>
                    <div class="shape-img-left slide-right-to-left"><?php ?><?php echo pxl_print_html($thumbnail_shape_left); ?></div>
                <?php } ?>
                <?php foreach ($settings['tabs'] as $key => $content) : 
                    $image = isset($content['image']) ? $content['image'] : '';
                    $highlight = isset($content['highlight']) ? $content['highlight'] : ''; ?>
                    <div id="<?php echo esc_attr($html_id.'-'.$content['_id']); ?>" class="pxl-tab--content <?php if($settings['tab_active'] == $key + 1) { echo 'active'; } ?>">
                        <?php if(!empty($image['id'])) { 
                            $img = pxl_get_image_by_size( array(
                                'attach_id'  => $image['id'],
                                'thumb_size' => 'full',
                                'class' => 'no-lazyload',
                            ));
                            $thumbnail_url = $img['url'];?>
                            <div class="pxl-content--image bg-image" style="background-image: url(<?php echo esc_url($thumbnail_url); ?>);"></div>
                        <?php } ?>
                        <?php if(!empty($highlight)) : ?>
                            <div class="pxl-content--holder">
                                <div class="pxl-content--highlight"><i class="flaticon-medal pxl-mr-14"></i><?php echo esc_attr($highlight); ?></div>
                            </div>
                        <?php endif; ?>
                    </div>
                <?php endforeach; ?>
                <?php if(!empty($settings['shape_img_right']['id'])) { 
                    $shape_img2 = pxl_get_image_by_size( array(
                        'attach_id'  => $settings['shape_img_right']['id'],
                        'thumb_size' => 'full',
                        'class' => 'no-lazyload',
                    ));
                    $thumbnail_shape_right = $shape_img2['thumbnail'];?>
                    <div class="shape-img-right pxl-image-spin"><?php ?><?php echo pxl_print_html($thumbnail_shape_right); ?></div>
                <?php } ?>
            </div>
        </div>
    </div>
<?php endif; ?>

📁 File Manager Pro