Avisos
Vaciar todo

Productos por fila Tienda Woocomerce  

 
Diego
 Diego
Estimable Member

Buenos dias,
Necesitamos que los productos se visualizen en filas de 3 articulos.
No sabemos desde donde se puede controlar los articulos que queremos visualizar por fila, en virtuemart existe una opcion para que en la pagina principal de tienda se muestren los productos por filas que necesites. La idea es que sean igual que en la plantilla pero sin la columna de la izquierda de categorias, etc.
La plantilla que estamos usando es Jano.
Saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/07/2016 9:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes corregirlo por CSS, ubica el siguiente archivo :
/wp9/wp-content/themes/jano_wp/css/jano_wp-custom.css

Al final agrega el siguiente archivo :

#content .products li{
	clear:none;
}

Saludos.

ResponderCitar
Respondido : 07/07/2016 11:00 pm

Diego
 Diego
Estimable Member

Buenas,
Hemos visto la solucion que nos ha aportado, pero tenemos un pequeño detalle que hace que se desposicione totalmente los productos cuando pasamos el puntero sobre la imagen ( concretamente por las imagenes/productos de la tercera columna ).
Adjuntamos enlace para que puedas visualizarlo y comprender a lo que nos referimos así como hardcopy de la pantalla descolocada.
Enlace a pantalla problematica:
http://taller-cp54.webjoomla.es/wp9/fincas/

saludos y gracias,

ResponderCitar
Respondido : 20/07/2016 8:36 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente no veo el efecto que comentas, entienco que estas haciendo cambios, con lo que tienes ahora se muestran cuatro productos por fila, agrega el siguietne código adicional a tu archivo :
/wp9/wp-content/themes/jano_wp/css/jano_wp-custom.css

@media (min-width:768px){
  .woocommerce ul.products li.product{	width : 30%; }
}

Saludos.

ResponderCitar
Respondido : 20/07/2016 10:48 pm

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

Diego
 Diego
Estimable Member

Buenos días, he puesto el código pero nada, sigue igual. lo que tengo es tres productos por fila. pero si te fijas, cuando paso el puntero del ratón sobre la imagen de los productos de la tercera columna. se me desplazan los productos de las filas siguientes una fila hacia abajo y a la derecha. quedando desordenada la tabla. pero cuando quito el puntero del ratón de la imagen, los productos descolocados vuelven a su posición original..
Enlace a la pantalla. (posiciona el ratón sobre las imagenes de los productos de la tercera columna..)
taller-cp54.webjoomla.es/wp9/fincas/

gracias.

ResponderCitar
Respondido : 21/07/2016 10:30 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.
Según veo en la demo del desarrollado, tampoco es responsive -> http://hunyadi.info.hu/levente/en/sigplus/demo

Parece según indican que cuando se realizo no era responsive y que para solucionarlo te dan la opción de mostrar solo dos imágenes en la galería.

Revisa -> http://hunyadi.info.hu/levente/en/sigplus/faq

Sobre todo la opción Layout is not responsive for the slider.

Por que no evalúas la utilización de otra extensión?
RokSprocket
RokGallery

Un saludo

ResponderCitar
Respondido : 21/07/2016 12:20 pm

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

Diego
 Diego
Estimable Member

Buenos días,

Creo que el mensaje que has puesto no es para mi.

mi problema es con la tabla de la tienda de woocommerce.
¿Puedes mirar lo que me pasa?
gracias.

ResponderCitar
Respondido : 22/07/2016 10:46 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El tema del efecto que te desplaza los elementos es por que se le quita el padding, podrìas evaluar librarte de este efecto, agrega el siguiente còdigo al final de tu archivo CSS personalizado:

ul.products li.product:hover{
padding:10px!important;
}

Saludos.

ResponderCitar
Respondido : 22/07/2016 6:57 pm

Cursos Gratuitos WordPress