Домой / 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.9 ( 6 голосов )
100

36 комментариев

  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. А есть возможность на главной сделать слайдер, который бы брал изображения со всех товаров, и, возможно, сразу с ссылкой на тот товар?

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

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

*