Upsells customization add_action problem

By the way, after switching between themes, returning to Woodmart Child, I immediately noticed a few things:

Warning on the main page:
Warning: Undefined array key “file” in /home/siteua/site.com/www/wp-includes/media.php on line 1768
Warning: Undefined array key “file” in /home/siteua/site.com/www/wp-includes/media.php on line 1768
(I change here site name in path)

Notification in the admin panel:
Thumbnail regeneration is performed in the background. Depending on the number of images in your store, this will take some time.

I also noticed that all my customized Woodmart widgets disappeared from the “Store Page Widget Area”. Now they need to be manually restored there.

This should be warned about when you say to switch the theme for verification.

Another problem that I haven’t written about in this thread yet is the loading speed (performance) if you display a lot of additional products (dozens).

The Upsells, Related and Cross Sells blocks affect the loading speed of the product page. Caching and optimizations don’t help much here.

Therefore, I posted a proposal (for voting) to implement Ajax for them – https://woodmart.canny.io/feature-requests/p/deferred-loading-via-ajax-of-product-blocks-upsells-related-cross-sells-etc-and

I also contacted Woocommerce developers regarding the same issue https://github.com/woocommerce/woocommerce/issues/58004

Their response:
“Thanks for the suggestions! Frontend performance is something we will be looking at more closely (and wholistically) in the nearish future (1-2 months) and strategies like what you describe will be among the considerations. However, since this is something already being tracked elsewhere and not immediately actionable, I’m going to close the issue.”

To be even more precise, there is a Gutenberg block for cross-selling from WooCommerce, but I need theme styles and theme settings (there is none in the Gutenberg blocks from the theme).

• This reply was modified 2 months, 2 weeks ago by Alex.
• This reply was modified 2 months, 2 weeks ago by Alex.

Converted to layouts. Cross-sale output on the product page via shortcode.

The following question arose:
For upsells and related in the Gutenberg block there is an option “Init carousel on scroll”, when I activate it I see that the scroll-init class is added to these carousels.
How to activate “Init carousel on scroll” in my own code for cross-sales? I looked through the code and documentation, I did not find any information.

Now the code for outputting the shortcode is as follows:

add_shortcode('my_product_cross_sells2', function($atts) {
    global $product;

    if ( ! is_product() || ! $product instanceof WC_Product ) {
        return '';
    }

    $atts = shortcode_atts([
        'limit' => 24,
        'columns' => 4,
        'orderby' => 'rand',
        'order' => 'desc'
    ], $atts, 'my_product_cross_sells2');

    $cross_sells = array_filter(
        array_map('wc_get_product', $product->get_cross_sell_ids()),
        'wc_products_array_filter_visible'
    );

    if (empty($cross_sells)) return '';

    if (function_exists('woodmart_lazy_loading_init')) {
        woodmart_lazy_loading_init(true);
    }
    if (function_exists('woodmart_enqueue_inline_style')) {
        woodmart_enqueue_inline_style('lazy-loading');
    }
	

    ob_start();

    wc_set_loop_prop('name', 'cross-sells');
    wc_set_loop_prop('columns', apply_filters('woocommerce_cross_sells_columns', $atts['columns']));

    $orderby = apply_filters('woocommerce_cross_sells_orderby', $atts['orderby']);
    $order = apply_filters('woocommerce_cross_sells_order', $atts['order']);
    $cross_sells = wc_products_array_orderby($cross_sells, $orderby, $order);

    $limit = apply_filters('woocommerce_cross_sells_total', $atts['limit']);
    $cross_sells = $limit > 0 ? array_slice($cross_sells, 0, $limit) : $cross_sells;

    wc_get_template(
        'cart/cross-sells.php',
        [
            'cross_sells' => $cross_sells,
            'posts_per_page' => $atts['limit'],
            'orderby' => $atts['orderby'],
            'columns' => $atts['columns'],
        ]
    );
	

    return ob_get_clean();
});