Avisos
Vaciar todo

Problemas para ocultar un producto  

 
Leonardo
 Leonardo
Usuario experto

Buenas noches, me gustaría saber si es posible ocultar un producto en específico sólo en la página de inicio. Adjunto el capture del producto que deseo ocultar. ¿Es posible ocultarlo con algún código?, eso si, quisiera que se mostrara en las demás páginas o secciones de la tienda, sólo ocultarlo en la home. Actualmente utilizo Divi Builder como maquetador visual de mi web.

capture

 

Estaré esperando su respuesta. Gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 05/05/2023 4:23 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Leonardo.

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.page-id-26 li.product.type-product.post-3255.status-publish.first.instock.product_cat-otros.product_cat-productos.product_tag-cafe.product_tag-hogar.product_tag-oficina.has-post-thumbnail.shipping-taxable.product-type-external.et_pb_shop_item_2_0 {
display:none;
}

 

Un saludo

ResponderCitar
Respondido : 05/05/2023 10:15 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Leonardo
 Leonardo
Usuario experto

@pepesoler lo intenté con el código que me compartiste y si se logra ocultar, sin embargo, queda un espacio en blanco y no se muestra otro producto de esa sección, es decir, no lo reemplaza, queda ese espacio en blanco. Adjunto capture de cómo se veía aplicando el código. No existirá una forma en que se oculte y woocomerce automáticamente reemplace ese producto oculto por uno que si se pueda ver?, por ejemplo un producto cuyo ID es 2366.

Espero su respuesta. Gracias.

Firefox Screenshot 2023 05 05T12 24 04.348Z

 

ResponderCitar
Respondido : 05/05/2023 1:29 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Leonardo.

El código oculta el producto pero claro al ocultarlo no añade un producto mas.

Lo que tienes que hacer es editar el modulo y en vez de mostrar 8 productos indicarle que muestre 9

 

Un saludo

ResponderCitar
Respondido : 05/05/2023 2:03 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Leonardo
 Leonardo
Usuario experto

@pepesoler realicé lo que me dijiste pero no funcionó, te adjunto 2 captures, en el capture 1 podrás ver que añadí 9 productos con divi pero sigue el espacio vacío y en el capture 2 podrá ver que el producto que se añadió y que debería estar en el espacio vacío, sale es abajo de los demás productos de esa sección y sólo.

Existirá alguna forma de corregir eso?

Capture 2
Capture 1
ResponderCitar
Respondido : 05/05/2023 3:18 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leonardo, 

En este caso el espacio se mantiene porque solo ocultas el producto, pero la sección completa de la fila permanece, una mejor solución es que crees una categoría como destacada dentro de este añadas los productos que deseas mostrar en el home y sea esta la categoría que selecciones para mostrarse en esta sección. 

image

De esta forma puedes controlar mejor que productos deseas destacar en tu página de inicio. 

Un Saludo

ResponderCitar
Respondido : 05/05/2023 5:40 pm

Leonardo
 Leonardo
Usuario experto

@karen muchas gracias por esa solución, sólo que no se quieren crear más categorías, en este caso, no existe otra forma bajo código o con divi donde pueda anexar los productos por su ID?

ResponderCitar
Respondido : 05/05/2023 6:36 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leonardo, 

Entiendo que lo que deseas es configurar que productos mostrar con un shortcode en lugar del módulo de Divi, si es así puedes probar utilizar el shortcode de WooCommerce como:

[products limit="8" columns="4" orderby="popularity" ids="34,32,30,27" ]

Debes reemplazar los ids por los que tus productos que desees mostrar, te comparto este artículo donde mencionan los shortcodes de WooCommerce → https://www.webempresa.com/blog/como-usar-shortcodes-woocommerce.html

Un Saludo 

ResponderCitar
Respondido : 05/05/2023 7:03 pm
Leonardo me gusta

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Leonardo
 Leonardo
Usuario experto

@karen he aplicado lo que me compartiste y funciona, lo malo es que no se copian los estilos de la sección ya mencionada y divi no me permite con la función de código modificarlos, qué podría hacer para copiar los estilos de esa sección y así poder integrarlos con este código que me compartiste?

ResponderCitar
Respondido : 05/05/2023 8:02 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leonardo, 

En este caso para revisarlo necesitamos añadas la sección con los shortcodes, agrégalos y nos comentas cuando los tengas

Un Saludo 

ResponderCitar
Respondido : 05/05/2023 8:11 pm

Cursos Gratuitos WordPress