Split: Using WooCommerce cross sales for conditional display

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem:
The customer asked how to hide the WooCommerce cross-sales section when there are no products in it.

Solution:
Guided to include some custom CSS code to hide that section in the view's "No Items Found Text" field.

Relevant Documentation:
n/a

This support ticket is created hace 2 años, 4 meses. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Hoy no hay técnicos de soporte disponibles en el foro Juego de herramientas. Siéntase libre de enviar sus tiques y les daremos trámite tan pronto como estemos disponibles en línea. Gracias por su comprensión.

Este tema deriva de https://toolset.com/es/forums/topic/add-to-cart-other-block-doesnt-render-cant-figure-out-why/

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Etiquetado: Content Templates, How to build a site with Toolset, Toolset Blocks, Views plugin, WooCommerce

Este tema contiene 2 respuestas, tiene 2 mensajes.

Última actualización por Diego Walter Ricciardi hace 2 años, 4 meses.

Asistido por: Waqar.

Autor

Mensajes

julio 25, 2022 at 1:39 pm #2424711

Diego Walter Ricciardi

Excellent.
One last thing Waqar.
I've been trying to show/hide in the conditional block a container and I can't work out how.
In templates > wooSinglePage
There's 2 containers, the 2nd one has yet another template for showing cross_sales, I would like to hide the entire container if the product in question doesn't have cross_sales. But I can't seem to make it work, I tried with the shortcode wpv-woo-related_products if not empty show, but idk.

julio 25, 2022 at 2:01 pm #2424743

Waqar

Hi,

Thank you for contacting us and I'd be happy to assist.

To hide the container for the "Productos Relacionados" when the view to show the cross-sell products ( 'Cross-sell-Final' ) has no results, you can follow these steps:

1. In the container block for this view, you can include a special class "cross-sell-container".
( screenshot: enlace oculto )

2. Next, in the view's "No Items Found Text" field in the "View Loop" block, you can include the following CSS code, that hides the container with the special class "cross-sell-container":
( screenshot: enlace oculto )


<style>
.tb-container.cross-sell-container {
display:none;
}
</style>

As result, whenever this view will have no results, the CSS code that hides the cross-sell products container, will be applied.

regards,
Waqar

julio 25, 2022 at 5:20 pm #2424879

Diego Walter Ricciardi

My issue is resolved now. Thank you!

Wow excellent. I was thinking about just using a display none but didn't figure out the logic.
Thank you!