Avisos
Vaciar todo

Como ordenar los artículos en lineas horizontales en una pagina de wordpress  

Página 1 / 2
 
Julio Jaime
 Julio Jaime
Estimable Member

Deseo colocar en una linea horizontal los productos de una pagina
Articulo articulo articulo
Articulo articulo articulo
Adjunto el orden en que están ahora
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/12/2017 4:00 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Julio,

Accedo a la url que indicas y veo que los tienes añadidos en horizontal en una línea llamada "SUGERENCIAS" ¿cual es la duda?

Para que se muestren de determinada forma tendrías que hacer cambios en los archivos de la vista de productos destacados, lo que requiere conocimientos de programación.

Saludos

ResponderCitar
Respondido : 24/12/2017 9:49 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Julio Jaime
 Julio Jaime
Estimable Member

Si en sugerencias de la home están horizontales pero están así porque venia programado en Helena.
Sin embargo en las paginas que yo he creado, las diferentes CATEGORIAS, los productos que he ido añadiendo se colocan primero uno, luego dos, después nuevamente uno, etc. y lo que deseo es ponerlos en horizontal como en sugerencias.
Gracias por tu ayuda

ResponderCitar
Respondido : 25/12/2017 11:24 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Prueba editando el archivo style.css que encontraras en wp-content/themes/helena_wp/style.css y añade lo siguinete:

#content .products li{
	clear:none !important;
}

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

Un saludo

ResponderCitar
Respondido : 25/12/2017 12:45 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Mira he seguido todos los pasos que me indicas entrando desde Cpanel pero al entrar en Helena_wp/ no esta el archivo que me indicas style.css

Gracias

ResponderCitar
Respondido : 25/12/2017 1:07 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Lo tienes en wp-content/themes/helena_wp, es un archivo que lo tenemos en todas las instalaciones.

Puedes crear un archivo para las modificaciones dentro de custom y añadir en ese archivo las modificaciones que realices en la plantilla.

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Un saludo

ResponderCitar
Respondido : 25/12/2017 1:49 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Finalmente he encontrado el archivo style.css, pero he editado dentro de el lo que me indicas y sigue igual el alineamiento de los productos.
Después es seguido lo que indica el video de crear el archivo en la carpeta helena_wp crear helena_wp-custom.csss y colocar lo que me indicas e igualmente no funciona.
Lo he hecho bien? El archivo esta como lo edite.
Gracias

ResponderCitar
Respondido : 25/12/2017 8:02 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El archivo debe ser .css has puesto csss:
helena_wp-custom.csss

Sin embargo prueba colocar primero en el style.css, en este archivo:
wordpress/wp-content/themes/helena_wp/style.css

Al final agrega el siguiente código CSS, para ver los cambios refresca tu navegador o lmpia la cache.

#content ul.products li.product{
  clear:none;
  padding:10px;
  min-height: 320px;
}
 

Saludos.

ResponderCitar
Respondido : 25/12/2017 8:23 pm

Cursos Gratuitos WordPress

Julio Jaime
 Julio Jaime
Estimable Member

Muchas gracias solucionado perdonad mi horror ortográfico.
Felices Fiestas a todos y mucha salud

ResponderCitar
Respondido : 26/12/2017 1:53 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Genial me alegra que lo solucionaras :cheer:
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Un Saludo y Felices Fiestas !!!!!!

ResponderCitar
Respondido : 26/12/2017 2:02 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Julio Jaime
 Julio Jaime
Estimable Member

Hola Pepé te comento porque reinicio el hilo, no se si es posible, pero todo marchaba bien y los productos se ordenaban correctamente desde que coloque el código CSS, pero al pasar a una tercera linea de productos comienza nuevamente el desorden. Lo podéis ver en cualquiera de las categorías y en la pagina tienda también.
Si no es correcto continuar aquí abro un nuevo hilo.
Gracias

ResponderCitar
Respondido : 30/12/2017 7:51 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Julio Jaime,

Esto suele suceder cuando se eliminan productos que ya estaban en la vista grid (rejilla).

¿Has eliminado productos que antes si cargaban en esa vista de productos?

Quedo pendiente de tus indicaciones.

ResponderCitar
Respondido : 30/12/2017 9:20 pm

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

Julio Jaime
 Julio Jaime
Estimable Member

Si lo he hecho

ResponderCitar
Respondido : 31/12/2017 11:07 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Julio.

Añade lo siguiente a tu archivo style.css ( El que estamos utilizando para las modificaciones )

.woocommerce ul.products li.product a img {
  width:95%!important;
}

Un saludo

ResponderCitar
Respondido : 31/12/2017 11:48 am

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

Julio Jaime
 Julio Jaime
Estimable Member

Con este archivo se ha solucionado. Esto significa que si se borra más adelante un producto esto ya soluciona automáticamente el efecto que produjo el borrar los anteriores?

Lo que también veo que en la categoría "versiones de clásicos españoles" la página se ha descentrado y el Footer se ha reducido.

Gracias por vuestra ayuda

ResponderCitar
Respondido : 31/12/2017 12:52 pm
Página 1 / 2