Добавить товар магазина в Slick slider

Не знаю в тор раздел написала или нет.
Хочу добавить товар магазина в Slick slider.
По документации нужен такой html код

HTML:

1. <div class="your-class">
2.   <div>your content</div>
3.   <div>your content</div>
4.   <div>your content</div>
5. </div>

В woocommerce, код который выводит товар выглядит так

HTML:

1. <ul class="products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">
2.     <li>
3.         Карточка товара
4.     </li>
5.     ...
6.     <li>
7.         Карточка товара
8.     </li>
9. </ul>

Этот код находится в разных файлах, но судя по инспектору такая структура вывода.
По логике, если я добавлю в ul класс "your-class" то товар должен выводится в виде слайдера.
Но выводит слайдер так
пусто, пусто, весть товар в столбец, пусто, пусто

Что я не так делаю?

 

Как же обратиться к нужному массиву?

 

Нет внутри li находится

HTML:

1.  
2. <a>
3.     <img>
4.     <h2></h2>
5. </a>
6. <a>
7. </a>
8.  

 

все товары

 

Код (Text):

1. <li <?php wc_product_class(); ?>>
2.     <?php
3.     /**
4.      * Hook: woocommerce_before_shop_loop_item.
5.      *
6.      * @hooked woocommerce_template_loop_product_link_open - 10
7.      */
8.     do_action( 'woocommerce_before_shop_loop_item' );
9.  
10.     /**
11.      * Hook: woocommerce_before_shop_loop_item_title.
12.      *
13.      * @hooked woocommerce_show_product_loop_sale_flash - 10
14.      * @hooked woocommerce_template_loop_product_thumbnail - 10
15.      */
16.     do_action( 'woocommerce_before_shop_loop_item_title' );
17.  
18.     /**
19.      * Hook: woocommerce_shop_loop_item_title.
20.      *
21.      * @hooked woocommerce_template_loop_product_title - 10
22.      */
23.     do_action( 'woocommerce_shop_loop_item_title' );
24.  
25.     /**
26.      * Hook: woocommerce_after_shop_loop_item_title.
27.      *
28.      * @hooked woocommerce_template_loop_rating - 5
29.      * @hooked woocommerce_template_loop_price - 10
30.      */
31.     do_action( 'woocommerce_after_shop_loop_item_title' );
32.  
33.     /**
34.      * Hook: woocommerce_after_shop_loop_item.
35.      *
36.      * @hooked woocommerce_template_loop_product_link_close - 5
37.      * @hooked woocommerce_template_loop_add_to_cart - 10
38.      */
39.     do_action( 'woocommerce_after_shop_loop_item' );
40.     ?>
41. </li>

 

спасибо. помогло