Домой / WordPress / Как изменить количество похожих товаров в WooCommerce
Как изменить количество похожих товаров в WooCommerce

Как изменить количество похожих товаров в WooCommerce

Здравствуйте, друзья! В этом небольшом уроке мы поговорим о том, как изменить внутри страницы товара количество «Похожих товаров».

«Похожие товары» — это товары с той же категории, что и товар на котором они отображаются. Обычно блок с похожими товарами находится внизу страницы, сразу под описанием товара.

Количество похожих товаров изменяют индивидуально, в зависимости от ширины страницы, размера миниатюр, по личным предпочтениям или банально по требованию клиента.

Изменяем количество «сопутствующих товаров» в WooCommerce

1. Открываем functions.php. (Файл находится в корневой папке активной темы)

2. Копируем и вставляем код ниже в functions.php:


add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' );
 function jk_related_products_args( $args ) {

$args['posts_per_page'] = 6; // количество "Похожих товаров"
 $args['columns'] = 3; // количество колонок
 return $args;
}

3. Сохраняем файл.

Вот и все. Используя код выше, у Вас будет отображаться 6 товаров на 3 колонки (по 3 товара в ряд).

Согласитесь, все достаточно просто! Теперь для лучшего понимания давайте более подробно разберем код.

Строчка кода:


$args['posts_per_page'] = 6;

отвечает за количество «Похожих товаров» на странице. Если Вы установите цифровое значение в этой строчке 9, то соответственно получите 9 «похожих товаров» на странице.

Строчка ниже отвечает за количество колонок, в которых будут отображаться товары. В нашем примере стоит значение 3, это значит что будет 3 колонки. Если Вам нужно чтобы товары отображались в 4 колонки, установите значение 4.

$args['columns'] = 3;

Вот такой результат получается если использовать код из примера урока:

Как изменить количество похожих товаров в WooCommerce

3 колонки на которых отображаются 6 «похожих товаров»

Если у Вас возникнут вопросы или что-то не получится, пишите в комментариях.

Здравствуйте, друзья! В этом небольшом уроке мы поговорим о том, как изменить внутри страницы товара количество "Похожих товаров". "Похожие товары" - это товары с той же категории, что и товар на котором они отображаются. Обычно блок с похожими товарами находится внизу страницы, сразу под описанием товара. Количество похожих товаров изменяют индивидуально, в зависимости от ширины страницы, размера миниатюр, по личным предпочтениям или банально по требованию клиента. Изменяем количество "сопутствующих товаров" в WooCommerce 1. Открываем functions.php. (Файл находится в корневой папке активной темы) 2. Копируем и вставляем код ниже в functions.php: add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' ); function jk_related_products_args( $args ) { $args['posts_per_page'] =…

Обзор

Оценка урока

Рейтинг: 4.86 ( 7 голосов )
100

42 комментария

  1. Аватар

    Здравствуйте
    проставляйте пожалуйста Теги у материалов, мне интересно почитать про WooCommerc но перывать весь сайт тяжело

  2. Аватар

    Здравствуйте! Скажите пожалуйста, хотелось бы что бы вывод сопутствующих товаров был каруселью (слайдером) есть такая возможность? Плагин? Или если есть возможность в ручную то цеплять надо. Заранее спасибо

  3. Аватар

    Спасибо! Попробую

  4. Аватар

    добрый день,
    подскажите,
    в карточке товара http://tiens5.com.ua/katalog-produkcii/cosmetica/vosstanavlivayushhaya-maska-dlya-lica-time-shadow/ прописал Сопутствующие товары. В визуальной части товары отобразились но, во-первых, отобразились в двух местах, а во-вторых, название этого модуля на английском языке -YOU MAY ALSO LIKE…
    где можно подкорректировать шаблон, чтобы данный модуль выводился один раз. И где изменить название модуля на русский

    • Аватар

      Здравствуйте, Юрий!
      Перевести название «YOU MAY ALSO LIKE…» на русский можно двумя способами:
      1) С помощью специального плагина, подробнее в этом уроке. (Рекомендую)
      2) Открыть файл /wp-content/plugins/woocommerce/templates/single-product/up-sells.php и заменить текст.

      По поводу сопутствующих товаров сказать что-то сложно, нужно знать и тему и каким образом делался вывод. Но можете просто скрыть лишний блок с помощью CSS:
      Добавьте в CSS темы следующий код:

      .product .upsells {
          display:none!important!;
      }
      
  5. Аватар
    Светлана

    Здравствуйте! Подскажите, пожалуйста, как убрать вовсе «Похожие товары»?

    • Аватар

      Здравствуйте! Если Вы хотите полностью убрать «Похожие товары» из карточки товара, тогда добавьте в functions.php следующий код:

      function wc_remove_related_products( $args ) {
      	return array();
      }
      add_filter('woocommerce_related_products_args','wc_remove_related_products', 10); 
      
      • Аватар

        Приветствую.
        В моей теме тоже не работает данный код.

        Изменить количество рекомендуемых товаром — получается.
        А отключить рекомендуемые товары — не работает 🙁

  6. Аватар
    Светлана

    Не получилось, «Похожие товары» остались, вверху сайта написался добавленный мною код

  7. Аватар
    Светлана

    Вышло)) Спасибо большое! 🙂

  8. Аватар

    Сопутствующие это You may also like или Related?
    Эти Related у меня всегда выводятся только два и одни и те же (первые два товара из категории).
    Сейчас попробую сделать, как вы написали и отпишусь.

  9. Аватар
    Евгений

    Здравствуйте, у меня проблема отображения «Похожих товаров» , отображаются всегда первые 4 добавленных товара. В чем может быть проблема?

    • Аватар
      Евгений

      cottonnew.ru . в любой категории Постельное белье отображаются 4 первых добавленных товара в списке, и они отображаются в любой категории практически.
      Он не должен так работать 100%

      • Аватар

        Та же проблема — товар лежит в 3х уровнях категорий а не только во втором уровне и поэтому показываются все товары — как заставить выводить похожие только из второго уровня категорий я пока не знаю

      • Аватар
        Алексей

        У меня та же беда. Пробовал менять теги, категории и прочее… ничего не помогло… отображались только первые четыре товара, которые даже близко не подобные и не имеют ничего общего к товару, рядом с которым отображаются…

        Благодаря этой статье сделал 8 товаров в две строки 🙂
        Теперь отображаются те злосчастные первые четыре и ещё четыре других… Хотя они тоже нифига не подобные…

        Если у кого есть совет, буду благодарен.

  10. Аватар

    Здравствуйте! У меня вопрос, можно ли в Woocommerce самому выбирать похожие товары?

    • Аватар

      Можно сказать, что да. Для этого есть «Апселлы». Указать товары в апселлы можно из страницы товара (в админке), перейдя на вкладку «Сопутствующие» и указать нужные товары в поле «Апселлы».

      • Аватар

        Пробовал, не то:( нужно прикреплять к каждому товару отдельно, как бы они не взаимосвязаны(к примеру, вы выбрали кружку и привязали к ней табурет, если вы откроете страницу с кружкой то там будет табурет( вроде то что надо),но если вы открываете табурет, то в похожих товарах не будет той кружки)
        Я попробовал делать через категории-подкатегории, но проблема, товары из подкатегорий отображаются вместе с товарами из родительской категории(( как быть? Может плагин есть какой-нибудь?

        • Аватар

          В апселлы можно прикреплять любые товары. Если нужно привязать кружку к табурету — укажите кружку в апселлах табурета. Получится так, что в кружке будет апселл табурет, а в табурете — кружка.

  11. Аватар

    Не работает код к сожалению у меня всегда выводиться по 3 товара, в чем может быть проблема?

  12. Аватар
    Наталия

    Александр, добрый день.
    Хочу обратиться к Вам за помощью.
    Я установила на сайт плагин woocommerce grid для возможности отображения товаров не только в виде миниатюр, но и в виде списка. и, как водится, получила ошибку 500, которая исчезла только после деактивации всех плагинов. последний плагин и еще несколько мне пришлось удалить, настроить все заново. Но теперь у меня под карточкой товара похожие товары отображаются уродливей некуда. Раньше было 4 миниатюры в 1 ряд, а теперь в одну колонку фото растянулись по ширине поля — просто мрак. Я перепроверила все настройки в разных их вариациях, вставляла код в functions.php — вообще никакой реакции. Помогите, пожалуйста. terem-ok.by/?product=nabor-force-6-gran-golovok-sf-golovok-bit-46-pr-art-2561-5&v=25172504e69e

    • Аватар

      Попробуйте добавить в CSS:

      .woocommerce .site-main .site-content .product .related.products ul.products li {
          width: 33.333%!important;
      }
      
      • Аватар
        Наталия

        Спасибо вам огромное!!!! Я только размеры миниатюр исправила на 23.333% и встало все как влитое и даже лучше, чем было!!!

  13. Аватар

    Здравствуйте. Подскажите, где в этой карусели изменить надпись «Related Products» ?

  14. Аватар

    А вот еще вопрос, где-то находил готовый код главной страницы i-craft с шорткодами, теперь не могу. Интересует, как вывести название для «карусели». Вот, что-то начудил вот с таким кодом (пример): «[tx_spacer size = «16»]
    [tx_heading style=heading_text»default»=»Категории»tag=»h2″size»by default»=»24″Margin=»24″]
    [tx_prodscroll type = «product_categories» IDS = «34, 39, 42, 46, 49, 51, 59» columns = «5» cells = «8»]»
    вот он не работает.

  15. Аватар

    А есть возможность на главной сделать слайдер, который бы брал изображения со всех товаров, и, возможно, сразу с ссылкой на тот товар?

    • Аватар

      К сожалению, я не так хорошо знаком с данной темой. Думаю, что есть плагины, которые точно решат Вашу задачу 🙂

      • Аватар

        А что делать, если этот хук вообще не влияет на количество товаров и колонок? Вставлял разные значения, все равно 4 выводится

  16. Аватар

    скажите, как изменить вид миниатюры на полную картинку, но размер чтоб остался самой миниатюры? и как сделать так, чтобы товары были в 5 колонок? интересно скорее CSS чем какой либо плагин, уже много проверил)

  17. Аватар

    Здравствуйте, сделал как вы сказали, отображается сначала 2 колонки, а после 3, в чём может быть проблема? уже пару часов сижу над этим..

    add_filter( ‘woocommerce_output_related_products_args’, ‘jk_related_products_args’ );
    function jk_related_products_args( $args ) {

    $args[‘posts_per_page’] = 5; // количество «Похожих товаров»
    $args[‘columns’] = 5; // количество колонок
    return $args;
    }

    • Аватар

      Разобрался, просто сделал ширину li меньше в %
      Написал, чтобы вы время не тратили и может кто то наткнётся на мой комментарий и будет полезно, спасибо)

  18. Аватар

    А как сделать тоже самое, но в корзине с кроссейл товарами?

Оставить комментарий

Ваш email не будет опубликован.

*