我想为 woocommerce 档案中的产品库制作光滑的滑块，我做错了什么？

如何解决我想为 woocommerce 档案中的产品库制作光滑的滑块，我做错了什么？

显示不正确。带有灯箱的光滑，但我尝试在没有它的情况下使用它，所以它不是灯箱导致不正确的工作。我想要确切的编码，而不是插件。

PHP 部分，我在其中显示图库

add_action( 'woocommerce_before_shop_loop_item_title',' themename_loop_product_div_image_open',5);
function themename_loop_product_div_image_open(){
?>
  <div class="wrap-loop-img-item">
    <?PHP 
    global $product;       
    
    $attachment_ids = $product->get_gallery_attachment_ids();
    if ( ! empty( $attachment_ids ) ) {         
    foreach( $attachment_ids as $attachment_id ) {?><div class="slider-item"><?PHP 
    echo wp_get_attachment_image( $attachment_id,'woocommerce_thumbnail' )?></div><?PHP ;
  }}else{
    $attachment_id = get_post_thumbnail_id( $product->get_id() );
    $product_thub = wp_get_attachment_image_url($attachment_id,'woocommerce_thumbnail'); ?>
    <img src="<?PHP echo $product_thub;?>" alt="">      
      <?PHP 
  }
  ?>
<?PHP }
add_action( 'woocommerce_before_shop_loop_item_title',' themename_loop_product_div_image_close',30);
function  themename_loop_product_div_image_close(){  
  ?>
  </div>   
   <?PHP }

js 部分

jQuery('.wrap-loop-img-item').each(function() {
  var slider = jQuery(this);
  slider.slick({
  infinite: true,slidesToShow: 1,slidesToScroll: 1,dots:false,arrows: false,driggable:false,swipe: false,swipetoSlide: false,touchMove: false,});
var sLightBox = jQuery(this);
  sLightBox.slickLightBox({
    src: 'src',itemSelector: '.img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail',});
});

也许你知道我哪里出错了？或者也许我对此一无所知，但我必须知道。