Здравствуйте, друзья! В этом небольшом уроке мы поговорим о том, как изменить внутри страницы товара количество «Похожих товаров».
«Похожие товары» — это товары с той же категории, что и товар на котором они отображаются. Обычно блок с похожими товарами находится внизу страницы, сразу под описанием товара.
Количество похожих товаров изменяют индивидуально, в зависимости от ширины страницы, размера миниатюр, по личным предпочтениям или банально по требованию клиента.
Изменяем количество «сопутствующих товаров» в 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;
Вот такой результат получается если использовать код из примера урока:
Если у Вас возникнут вопросы или что-то не получится, пишите в комментариях.
Здравствуйте
проставляйте пожалуйста Теги у материалов, мне интересно почитать про WooCommerc но перывать весь сайт тяжело
Здравствуйте!
Теги проставлены, найти их Вы можете на правом сайдбаре, в «Облако меток».
Здравствуйте! Скажите пожалуйста, хотелось бы что бы вывод сопутствующих товаров был каруселью (слайдером) есть такая возможность? Плагин? Или если есть возможность в ручную то цеплять надо. Заранее спасибо
Здравствуйте!
Вывод товаров слайдером (каруселью) можно сделать с помощью плагинов:
1) WPB Woocommerce Product slider
2) WooCommerce Product Slider
3) Woocommerce Products Slider
Спасибо! Попробую
добрый день,
подскажите,
в карточке товара 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 темы следующий код:
спасибо
Здравствуйте! Подскажите, пожалуйста, как убрать вовсе «Похожие товары»?
Здравствуйте! Если Вы хотите полностью убрать «Похожие товары» из карточки товара, тогда добавьте в functions.php следующий код:
Приветствую.
В моей теме тоже не работает данный код.
Изменить количество рекомендуемых товаром — получается.
А отключить рекомендуемые товары — не работает 🙁
Не получилось, «Похожие товары» остались, вверху сайта написался добавленный мною код
Значит неправильно добавили код. Убедитесь что вы вставили его перед закрывающим тегом ?>
Вышло)) Спасибо большое! 🙂
Сопутствующие это You may also like или Related?
Эти Related у меня всегда выводятся только два и одни и те же (первые два товара из категории).
Сейчас попробую сделать, как вы написали и отпишусь.
Related. А то что первые два, так это не ошибка. Так вывод и работает.
Здравствуйте, у меня проблема отображения «Похожих товаров» , отображаются всегда первые 4 добавленных товара. В чем может быть проблема?
cottonnew.ru . в любой категории Постельное белье отображаются 4 первых добавленных товара в списке, и они отображаются в любой категории практически.
Он не должен так работать 100%
Та же проблема — товар лежит в 3х уровнях категорий а не только во втором уровне и поэтому показываются все товары — как заставить выводить похожие только из второго уровня категорий я пока не знаю
У меня та же беда. Пробовал менять теги, категории и прочее… ничего не помогло… отображались только первые четыре товара, которые даже близко не подобные и не имеют ничего общего к товару, рядом с которым отображаются…
Благодаря этой статье сделал 8 товаров в две строки 🙂
Теперь отображаются те злосчастные первые четыре и ещё четыре других… Хотя они тоже нифига не подобные…
Если у кого есть совет, буду благодарен.
Здравствуйте! У меня вопрос, можно ли в Woocommerce самому выбирать похожие товары?
Можно сказать, что да. Для этого есть «Апселлы». Указать товары в апселлы можно из страницы товара (в админке), перейдя на вкладку «Сопутствующие» и указать нужные товары в поле «Апселлы».
Пробовал, не то:( нужно прикреплять к каждому товару отдельно, как бы они не взаимосвязаны(к примеру, вы выбрали кружку и привязали к ней табурет, если вы откроете страницу с кружкой то там будет табурет( вроде то что надо),но если вы открываете табурет, то в похожих товарах не будет той кружки)
Я попробовал делать через категории-подкатегории, но проблема, товары из подкатегорий отображаются вместе с товарами из родительской категории(( как быть? Может плагин есть какой-нибудь?
В апселлы можно прикреплять любые товары. Если нужно привязать кружку к табурету — укажите кружку в апселлах табурета. Получится так, что в кружке будет апселл табурет, а в табурете — кружка.
Не работает код к сожалению у меня всегда выводиться по 3 товара, в чем может быть проблема?
В настройках Вашей темы.
Александр, добрый день.
Хочу обратиться к Вам за помощью.
Я установила на сайт плагин 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:
Спасибо вам огромное!!!! Я только размеры миниатюр исправила на 23.333% и встало все как влитое и даже лучше, чем было!!!
Здравствуйте. Подскажите, где в этой карусели изменить надпись «Related Products» ?
Попробуйте изменить перевод с помощью плагина Codestyling Localization.
Спасибо. Плагином не перевел, но хоть файл нашел.
Как-то надежнее ВинРаром искать)
А вот еще вопрос, где-то находил готовый код главной страницы 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»]»
вот он не работает.
Вот,если кому надо
templatesnext.org/icraft/wp-content/uploads/2015/02/front.txt
А есть возможность на главной сделать слайдер, который бы брал изображения со всех товаров, и, возможно, сразу с ссылкой на тот товар?
К сожалению, я не так хорошо знаком с данной темой. Думаю, что есть плагины, которые точно решат Вашу задачу 🙂
А что делать, если этот хук вообще не влияет на количество товаров и колонок? Вставлял разные значения, все равно 4 выводится
скажите, как изменить вид миниатюры на полную картинку, но размер чтоб остался самой миниатюры? и как сделать так, чтобы товары были в 5 колонок? интересно скорее CSS чем какой либо плагин, уже много проверил)
Здравствуйте, сделал как вы сказали, отображается сначала 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 меньше в %
Написал, чтобы вы время не тратили и может кто то наткнётся на мой комментарий и будет полезно, спасибо)
А как сделать тоже самое, но в корзине с кроссейл товарами?