Hola Jaime.
añade lo siguiente al archivo Functions.php:
/** * Change number or products per row to 4 */ add_filter('loop_shop_columns', 'loop_columns', 999); if (!function_exists('loop_columns')) { function loop_columns() { return 4; // 4 products per row } }
Tienes mas informacion en la documentacion de WooCommerce:
-> https://docs.woocommerce.com/document/change-number-of-products-per-row/
Un saludo
Hola
Debes tener algo a nivel de tu theme que no esta trabajando correctamente ya que veo que se crea una clase CSS first cada dos elementos, prueba renombrando temporalmente la carpeta woocommerce que tienes dentro de la carpeta de tu theme y verifica.
Saludos.
Ya esta verificado, al principio en mi wooocommerce tambien aparecia columna de 2 , y actualmente ya se hizo el cambio, no se puede cambiar tampoco el color del boton?
Los botones no han cambiado de color el fondo rojo y letra blanca, sigue en blanco y negro como haria para que quede asi como mi woocommerce
Hola
Para no confundir temas te sugiero dejar este tema para el cambio de color de botón, y realiza otro tema nuevo para cambio de columnas, de esta manera mantenemos el foro ordendado.
Con respecto al cambio de color de los botones puedes probar agregando el siguiente código CSS:
.woocommerce ul.products li.product .button{ background-color:blue; color:white; } .woocommerce ul.products li.product .button:hover{ background-color:black; }
Para agregar este código puedes agregarlo en el archivo .css de tu child-theme o puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html
Saludos.
Hola Tomas.
Agrega el siguiente CSS:
.woocommerce-page ul.products li.product h3 { text-align: center; } .woocommerce-page ul.products li.product h3 a { color: black !important; } .woocommerce-page ul.products li.product h3 { min-height: 80px !important; }
Saludos.
Acabo de insertarlo en css personalizado
y no visualizo los cambios y es posible poner en columnas de 4?
Hola Jaime,
Veo un problema en la carga del archivo de CSS personalizado, intenta colocando el CSS que te proporcioné en el archivo
Contenido solo visible a usuarios registrados de la siguiente manera:
.woocommerce-page ul.products li.product h3 { text-align: center !important; min-height: 80px !important; } .woocommerce-page ul.products li.product h3 a { color: black !important; }
En CSS personalizado busca esta regla:
@media only screen and (max-width: 480px) and (min-width: 320px) .woocommerce-page ul.products li.product h3 a { /* font-size: 14px; */ }
Y corrígela de la siguiente manera:
@media only screen and (max-width: 480px) and (min-width: 320px){ .woocommerce-page ul.products li.product h3 a { /* font-size: 14px; */ }}
O bórrala completamente para hacer pruebas.
Respecto a las columnas por pagina de 4 y no en 2, si se puede, tu tema es el mismo que el de tu otro sitio. Te sugiero primero realizar lo que te acabo de solicitar y probar, luego de reparar este problema nos encargamos de las columnas en 4.
ya lo quite
Hola Jaime,
Muchas gracias, agrega el siguiente CSS:
.woocommerce ul.products li.product h3 a{ color:black !important; } .woocommerce ul.products li.product h3 { text-align:center !important; } .woocommerce ul.products li.product h3{ min-height:80px !important; }
Si no te funciona en CSS Personalizado prueba en Contenido solo visible a usuarios registrados
Saludos.
Lo coloque en themes styles.css y no hay cambios.
Contenido solo visible a usuarios registrados
Tampoco se estan mostrando en columna de 4
Hola
Actualmente ya veo que el botón se muestra de color rojo, tal como se ve en la imagen adjunta y es similar al sitio web de ejemplo.
Con respecto a las columnas prueba con el siguietne código CSS, agrega ese código CSS al final de tu archivo style.css de tu theme o usa la opción de CSS del personalizador de tu theme, revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html
@media(min-width:769px){ .woocommerce.columns-4 ul.products li.product { width: 24%!important; float: left!important; clear: none!important; margin-left: 0!important; margin-right: 1%!important; } body ul.products li.product.first{ clear:none!important; } }
Saludos.
buenas tardes, las columnas se corrigieron
el boton ya esta listo, lo que me falta y lo que comentaba en este ticket
es que falta esto:
El titulo ANGIOTEM CEREBRAL aparece de color plomo, quisiera cambiarlo a color negro
el titulo ANGIOTEM CEREBRAL quiero centrarlo, porque ahora aprece para el lado izquierdo.
Luego si se dan cuenta, en el adjunto N1 lep.
señalo los botones de ver detalles, que aparece uno mas arriba y el otro mas abajo. anteriormente me dieron un codigo para que por ejemplo luego del titulo angiotem cerebral haya un espacio entre el titulo y el boton ver detalles, cosa que asi todo muestra el mismo nivel en botones, hay algunos titulos de mis productos que son largos por eso se ve desnivelado.
asi como este enlace quisiera que quede
Contenido solo visible a usuarios registrados