Buenos días,
Actualmente tengo la tienda segmentada por categorías y para llegar al producto se tiene que clicar primero en la categoría, me gustaría ponerlo como en la imagen siguiente, todos los productos en la página de tienda y las categorías arriba para seleccionar la deseada.
Contenido solo visible a usuarios registrados
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 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!!
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