光滑的轮播显示不正确

如何解决光滑的轮播显示不正确

我正在尝试在圆滑的轮播中展示产品推荐。但产品只是显示在列表中，而不显示在轮播中。

轮播在购物车页面上正确显示，但在产品页面上显示不正确。页面之间的唯一区别是产品页面是使用缓存插件缓存的，而购物车页面不是。

Woocommerce 4.8.0 版

没有 javascript 错误，jquery migrate 已安装。

请看下面的代码

if (!defined('ABSPATH')) {
    exit;
}

if ( $deployment && $products ) : ?>

<section class="related products">
    <div class="container py-5 my-md-3">

        <?PHP if ( ! empty( $deployment->get_title() ) ): ?>
            <h3 class="text-center pb-4"><?PHP echo esc_html( $deployment->get_title() ); ?></h3>
        <?PHP endif; ?>

        <?PHP if ( ! empty( $deployment->get_description() ) ): ?>
            <div><?PHP echo $deployment->get_description( true ); ?></div>
        <?PHP endif; ?>
<?PHP
$dots= false;
$slidesToShow = 4;
$defaults = apply_filters( 'cartzilla_related_products_carousel_args',array(
    'carousel_args' => array(
        'slidesToShow' => apply_filters('cartzilla_related_products_slide_count',$slidesToShow),'slidesToScroll' => 1,'infinite' => false,'autoplay' => false,'arrows' => true,'dots' => apply_filters( 'cartzilla_related_products_dots',$dots ),'responsive' => array(
            array(
                'breakpoint'    => 0,'settings'      => array(
                    'slidesToShow'      => 1,'slidesToScroll'    => 1
                )
            ),array(
                'breakpoint' => 576,'settings' => array(
                    'slidesToShow' => 1,'slidesToScroll' => 1
               )
           ),array(
               'breakpoint' => 768,'settings' => array(
                   'slidesToShow' => 2,'slidesToScroll' => 2
               )
           ),array(
               'breakpoint' => 992,'settings' => array(
                   'slidesToShow'      => 3,'slidesToScroll'    => 3
               )
           ),array(
               'breakpoint' => 1200,'settings' => array(
                   'slidesToShow'      => 4,'slidesToScroll'    => 4
               )
           )
       ),)
) );

$args = wp_parse_args( $args,$defaults );

if( is_rtl() ) {
    $args['carousel_args']['rtl'] = true;
    if( isset( $args['carousel_args']['prevArrow'] ) && isset( $args['carousel_args']['nextArrow'] ) ) {
        $carousel_args_temp_arrow = $args['carousel_args']['prevArrow'];
        $args['carousel_args']['prevArrow'] = $args['carousel_args']['nextArrow'];
        $args['carousel_args']['nextArrow'] = $carousel_args_temp_arrow;
    }
 }

?>
<div class="products-carousel-wrap related-product-carousel" data-ride="ct-slick-carousel" data-wrap=".products" data-slick="<?PHP echo esc_attr( json_encode( $args['carousel_args'] ),ENT_QUOTES,'UTF-8' ); ?>">
    <?PHP woocommerce_product_loop_start(); ?>
    <?PHP foreach ( $products as $product ) : ?>
    <?PHP
        $post_object = get_post( $product );

        setup_postdata( $GLOBALS['post'] =& $post_object ); // PHPcs:ignore wordpress.WP.GlobalVariablesOverride.Prohibited,Squiz.PHP.disallowMultipleAssignments.Found

        wc_get_template_part( 'content','product' );
    ?>
    <?PHP endforeach; ?>
    <?PHP woocommerce_product_loop_end(); ?>
</div>
</div>
</section>
<?PHP endif;

wp_reset_postdata();