Avisos
Vaciar todo

Categorías Woocommerce

11 Respuestas
3 Usuarios
0 Reactions
37 Visitas
Respuestas: 117
Estimable Member
Topic starter
 

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.

image

Contenido solo visible a usuarios registrados


 
Respondido : 30/11/2020 10:51 am
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

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


Esta publicación ha sido modificada el hace 5 años por Karen Rios
 
Respondido : 30/11/2020 1:17 pm
Respuestas: 117
Estimable Member
Topic starter
 

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


 
Respondido : 30/11/2020 3:32 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

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


 
Respondido : 30/11/2020 3:45 pm
Respuestas: 117
Estimable Member
Topic starter
 


 
Respondido : 02/12/2020 8:44 am
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

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

Screenshot

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

Screenshot

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

Un Saludo


 
Respondido : 02/12/2020 12:01 pm
Respuestas: 117
Estimable Member
Topic starter
 

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, 

image

 
Respondido : 12/01/2021 10:40 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Jonathan

 no se quitan las imágenes 

prueba con lo siguiente:

 
 
screenshot nimbus capture 2021.01.12 11 47 28

quitar los puntos verdes

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

 

Un saludo

 


 
Respondido : 12/01/2021 11:14 am
Respuestas: 117
Estimable Member
Topic starter
 

MUCHAS GRACIAS!!


 
Respondido : 12/01/2021 3:53 pm
Respuestas: 117
Estimable Member
Topic starter
 

No se ven alineadas las categorías...

image

 
Respondido : 12/01/2021 3:55 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

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


 
Respondido : 12/01/2021 3:59 pm