Как вывести связанный блок на всю ширину за пределы контейнера?

Question

[ligisayan]

Всем привет! Есть у меня магазин на wordpress+woocommerce. На странице товара хочу вывести карусель с похожими товарами, но не в бутстраповском контейнере темы, а на всю ширину страницы. Какую бы позицию я не задавал для функции стандартного хука

add_action('woocommerce_after_main_content', 'woocommerce_output_related_products');

все равно похожие товары выводятся в пределах контейнера. Если я прописываю шорткод в футере, то как я понимаю здесь нет привязки к конкретному товару и при таком способе похожих товаров выводится мало (даже не хватает заполнить всю ширину страницы)..

<?php if (is_product()); ?>  
<section class="related-products">
   <?php echo do_shortcode ('[related_products per_page="4"]'); ?>
</section>
<?php endif; ?>

Как же быть?

Answer 1

[WP Panda]

<?php if (is_product()); ?>  
//Тут закрываете контейнер темы т.е все col-** , row, и container и прочие дивы которые надо закрыть
<div class="contayner-fluid">
<section class="related-products">
   <?php echo do_shortcode ('[related_products per_page="4"]'); ?>
</section>
</div>
Тут заново открываете  контейнер темы т.е все col-** , row, и container и прочие дивы которые надо открыть
<?php endif; ?>

Comments

[ligisayan]

WP Panda не понимаю.. я же писал выше, что блок с шорткодом вывожу в футере (там нет никаких col-** , row, и container) и он выводится на всю ширину, но тогда возникает вопрос с привязкой к конкретному продукту, т.е. грубо говоря: если выводить хуком, то выводятся все (скажем 8 похожих товаров), но в контейнере, а если шорткодом, то уже на всю ширину, но только 2 - вот в чем дилемма..

[WP Panda]

ligisayan:
1. Читаем вопрос внимательно

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

Если я прописываю шорткод в футере, т

Чего не корректного я ответил, или формулируйте вопросы четче.

2. какие классы у вас таи в футере я не знаю, не экстрасенс.

3. Не используйте шорткод, а используйте функцию которую он вызывает woocommerce_related_products
В параметр 'args' - передайте ID текущей записи. Достать его с 2 десятка вариантов, например так - get_queried_object_id();

[ligisayan]

WP Panda да, виноват, не указал, что на всю ширину не нужны только последние товары выводить, а для всего остального нужно

Answer 2

[ligisayan]

Вообщем, в моем случае нашел решение более простое - отыскал хук за который получилось зацепиться:

add_action('footer_in_top_part','woocommerce_output_related_products',5);

Может быть кому-нить пригодится