Categorías Woocommerce  

Hola Jonathan,

Entiendo que deseas añadir tus categorías en la pagina de tienda, para ello puedes probar añadiendo el shortcode para desplegar las categorías y seleccionar cuales deseas añadir, por ejemplo

[product_categories]

Esto mostrará un listado de todas las categorías de la tienda, de igual forma puedes configurar desde el apartado Apariencia -> Personalizar -> Woocommerce  -> Catálogo de productos  como deseas mostrar las opciones de catalogo en tu tienda, puedes seleccionar por ejemplo mostrar categorías y productos

Verifica esto y nos comentas como ha ido todo

Un Saludo

Quiero que se muestre como en la imagen que he puesto antes, todos los productos en la página de tienda y etiquetas de categorías en la parte de arriba

Hola Jonathan,

No logro visualizar bien la imagen que nos compartes, si es posible envíanos la URL que nos mencionas de esta forma podremos verificar con mayor detalle

Un Saludo

Hola Jonathan,

Entiendo para ello necesitaras modificar un poco los estilos de tu tema, puedes probar por ejemplo añadir en el modulo de texto debajo de la sección que quieres añadir las categorías el shortocode por ejemplo

[product_categories]

Esto desplegara las categorías de la siguiente forma

Luego debes ocultar las imágenes de las categorías por ejemplo con el siguiente código

#tm_builder_outer_content .tm_pb_module img {
display: none !important;
}

Finalmente añadir los estilos a los títulos de la categoría para que se muestren como deseas, recuerda modificar el color de fondo por el color que deseas añadir

.woocommerce-loop-category__title {
background: #007cba !important;
padding: 15px 10px !important;
border-radius: 20px !important;
color: #fff !important;
text-align: center !important;
}

El resultado sera algo como por ejemplo

Comprueba si con esto logras añadir las categorías como deseas

Un Saludo

Hola de nuevo, 

He conseguido poner los títulos como quería pero no se quitan las imágenes con el código css que he insertado...

También me gustaría quitar los puntos verdes que se ven en la esquina superior de todas las imágenes y categorías. 

Un saludo, 

Hola Jonathan

 no se quitan las imágenes 

prueba con lo siguiente:

li.product-category.product img {
display: none!important;
}

quitar los puntos verdes

li.product-category.product:before {
display: none;
}
li.has-thumb.product.type-product:before {
display: none;
}

Un saludo

MUCHAS GRACIAS!!

No se ven alineadas las categorías...

Hola Jonathan,

Disculpa si no logro entender bien la consulta, puedo ver que en la imagen las categorías se encuentran alineadas. Ya que esta es una nueva consulta te recomiendo abras un nuevo tema para ello, de esta forma podemos verificar con mayor detalle lo que nos comentas.

Si es posible envíanos una captura indicando donde no se ven alineados

Un Saludo