За последние 24 часа нас посетили 8395 программистов и 482 робота. Сейчас ищут 247 программистов ...

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

Тема в разделе "Сделайте за меня", создана пользователем garmoni, 22 ноя 2018.

  1. garmoni

    garmoni Новичок

    С нами с:
    14 ноя 2018
    Сообщения:
    8
    Симпатии:
    0
    Не знаю в тор раздел написала или нет.
    Хочу добавить товар магазина в 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" то товар должен выводится в виде слайдера.
    Но выводит слайдер так
    пусто, пусто, весть товар в столбец, пусто, пусто

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

    Artur_hopf Новичок

    С нами с:
    7 май 2018
    Сообщения:
    276
    Симпатии:
    40
    Скорее всего товар в массиве, у которого ключи 0,1,3,4 пустые. Вам нужно вытянуть ключ 2 типо того:
    PHP:
    1. $array // ваш массив который вы тащите
    2. $array[2] // возможно все лежит тут
    Но скорее всего я далек от истины, просто предположение.
     
  3. garmoni

    garmoni Новичок

    С нами с:
    14 ноя 2018
    Сообщения:
    8
    Симпатии:
    0
    Как же обратиться к нужному массиву?
     
  4. yanuzay

    yanuzay Новичок

    С нами с:
    28 мар 2018
    Сообщения:
    180
    Симпатии:
    22
    Очень напомнило меню содержащее второй уровень страниц.
    то есть первый уровень страниц расположены горизонтально, а следующий уровень меню в виде столбца списком.
    То есть возможно теги ul внутри тега li выводятся.
     
  5. garmoni

    garmoni Новичок

    С нами с:
    14 ноя 2018
    Сообщения:
    8
    Симпатии:
    0
    Нет внутри li находится
    HTML:
    1.  
    2. <a>
    3.     <img>
    4.     <h2></h2>
    5. </a>
    6. <a>
    7. </a>
    8.  
     
  6. MRSgiba

    MRSgiba Новичок

    С нами с:
    22 дек 2017
    Сообщения:
    137
    Симпатии:
    22
    @garmoni Вы хотите список всех товаров добавить в slick-slider или конкретных, нужных вам?
     
  7. garmoni

    garmoni Новичок

    С нами с:
    14 ноя 2018
    Сообщения:
    8
    Симпатии:
    0
    все товары
     
  8. MRSgiba

    MRSgiba Новичок

    С нами с:
    22 дек 2017
    Сообщения:
    137
    Симпатии:
    22
    вот этот код можно подробно
    PHP:
    1. <li>
    2.         Карточка товара
    3.    </li>
    Не из инспектора, а из php
     
  9. garmoni

    garmoni Новичок

    С нами с:
    14 ноя 2018
    Сообщения:
    8
    Симпатии:
    0
    Код (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>
     
  10. MRSgiba

    MRSgiba Новичок

    С нами с:
    22 дек 2017
    Сообщения:
    137
    Симпатии:
    22
    Ну если это действительно тот код, то поменяйте <ul> и <li> на <div> и дальше по инструкции от slick-slider'a
     
    garmoni нравится это.
  11. garmoni

    garmoni Новичок

    С нами с:
    14 ноя 2018
    Сообщения:
    8
    Симпатии:
    0
    спасибо. помогло