<?php
$_delay_item = (isset($nasa_opt['delay_overlay']) && (int) $nasa_opt['delay_overlay']) ? (int) $nasa_opt['delay_overlay'] : 100;
$_delay = 0;
?>
<div class="row">
    <?php /* Main products */?>
    <div class="large-4 columns margin-bottom-20">
        <div class="product_list_widget nasa_product_list_widget_main_list">
            <?php
            while ($main->have_posts()) : 
                $main->the_post();
                wc_get_template(
                    'content-widget-product.php', 
                    array(
                        'class_column' => 'large-12 medium-12 small-12 columns',
                        'show_category'=> false,
                        'is_animate' => true,
                        'wapper' => 'div',
                        'delay' => $_delay,
                        '_delay_item' => $_delay_item,
                        'list_type' => 'list_main'
                    )
                );
                $_delay += $_delay_item;
            endwhile; ?>
        </div>
    </div>
    
    <?php /* Extra products */?>
    <?php if ($others->post_count) : ?>
        <div class="large-8 columns">
            <div class="product_list_widget row">
                <?php
                while ($others->have_posts()) : 
                    $others->the_post();
                    wc_get_template(
                        'content-widget-product.php', 
                        array(
                            'class_column' => 'large-6 medium-6 small-12 columns',
                            'show_category'=> false,
                            'is_animate' => true,
                            'wapper' => 'div',
                            'delay' => $_delay,
                            '_delay_item' => $_delay_item,
                            'list_type' => 'list_extra'
                        )
                    );
                    $_delay += $_delay_item;
                endwhile; ?>
            </div>
        </div>
    <?php endif; ?>
</div>