Alinear verticalmente artículos k2

Diseño y Posicionamiento Web con Joomla Foros Componentes Especiales K2 Joomla! Alinear verticalmente artículos k2

Mostrando 6 respuestas a los debates
  • Autor
    Entradas
    • #108111
      ilopezlacalleIgnacio
      Participante

      Buenos días.

      Llevo días intentando alinear los artículos que están emparejados y supongo que será algo relativamente sencillo, pero no encuentro nada de información.

      Introduzco 2 Item que contendrán una imagen cargada desde K2, un texto y un grupo de datos de campo extra. Algo muy sencillo.

      Le doy la posición y estilo deseado de la información mostrada y todo perfecto. Pero cuando una imagen es mas alta que la emparejada, como en los artículos joomla, se apilan uno debajo del otro sin tomar de referencia el mas alto de la fila (este caso es 2, pero pueden ser 3 o 4).

      Consigo hacer un apaño puesto que el proyecto es algo que voy a controlar yo y siempre puedo contar con eso y ser consecuente. La forma es muy sencilla. Puesto que se que una imagen cargada no va a tener un tamaño superior en altura a los 300px, el texto siempre tiene el mismo tamaño y los campos extras siempre se mostrarán, en los estilos css pongo que la caja que contiene el artículo no debe ser inferior a 300px esto obliga que todas las cajas estén alineadas pero si una imagen es mas alta de 300px, me hace ver que la solución, solo es un apaño.

      Agradecería que alguien me diera por lo menos una pista, para poder seguir desarrollando y que esta información pueda servir a bastante gente que tiene el mismo problema.

      Muchas gracias.

    • #108120
      lorena28lorena
      Participante

      Manda una captura y el nombre de la plantilla joomla que estas utilizando. Y si la web esta online mejpr.

    • #108127
      ilopezlacalleIgnacio
      Participante

      Hola lorena28 !!

      Lo primero agradecerte por responder tan rápido.

      La web no está online aun, estoy trabajando en local porque estoy realizando bastantes cambios y no es cómodo trabajar en el servidor.

      Trabajo sobre el Framework de YOOTheme Warp para poder ir dando los estilos que quiero y tener buena parte del código adelantado, creo que es un buen Framework y sencillo de modificar. Pero yo entiendo que no hay que atacar a este, porque el contenido lo construye el propio componente K2 dándole sus estilos y sus cajas…no?

      Te mando un par de pantallazos. Uno es con el contenido alineado de la forma que comentaba y otro es sin el “apaño”. No digo que sea malo siempre y cuando la altura de la imagen no pase de 300px, pero lo que no queda bonito es que donde hay imágenes mas pequeñas como en la primera fila, queda mucho hueco vacío y no es estético.

      Entiendo que hay que decirle que compare la altura del artículo “compañero/os” y que se adapte a la máxima pero no entiendo muy bien donde tengo que atacar para poder hacerlo.

      Muchas gracias.

    • #108134
      lorena28lorena
      Participante

      Accede a /templates/TU_PLANTILLA/html y mira si ahi esta la carpeta com_k2 . A ver si esta utilizando la tecnica templates overrides.

      Si no esta, es recomendable que subas los archivos que te adjunto y realizes los ajustes ahi > /tempaltes/TU_PLANTILLA/. Te evitaras problemas en las siguientes actualizaciones de K2.

      Versiones para K2 2.6.2 y 2.6.3

      Documentación sobre k2 y templates overrides

    • #108137
      ilopezlacalleIgnacio
      Participante

      Hola de nuevo lorena28.

      Se que existen problemas si se modifica el componente y luego actualizamos. Pero creía que todo se solucionaba cuando creamos un estilo dentro de la carpeta components/com_k2/templates/MI ESTILO. Pero veo que no es así, que los problemas pueden persistir. Así que haciendo caso de tu indicaciones he colocado los archivos que me mandas dentro de la carpeta que me indicas. Eso es sencillo…peeero cuando voy al administrador–>categorías K2–>diseño de elemento en categoría…veo que me aparece las carpetas que yo he colocado (las que me pasas) eso me indica que algo si que hace.

      Tampoco entiendo muy bien…se supone que el sistema tiene que coger esos nuevos archivos y que notaría diferencias porque hay una muy evidente y es que la que he modificado esta primero el título y luego la fecha de creación, y en los originales que son iguales que los que me pasas, está primero la fecha de creación y luego el título. También hago cambios en estos archivos y es como si no hicieran nada de nada. No se muy bien que es lo que hago mal. Y de veras sigo agradeciendo mucho tu ayuda!!!

      Bueeno!! ahora tengo dos problemas…jejeje. Uno, todo lo anterior y otro es que con esto no se soluciona el problema de alineación vertical.

      Si doy o damos con la solución de esto…creo que es digno de un tutorial…jejeje!

      Muchas gracias

    • #108138
      lorena28lorena
      Participante

      Cuando descomprimes el archivo que te he adjuntado, veras que hay una carpeta llamada CSS con dos archivos dentro ( K2.css y k2.print.css ) que se añaden a la carpta CSS de la plantilla y NO dentro de la carpeta /html de la plantilla. Ahi es donde se debe ajustar la programación segun cada clase, para que puedas ajustarlo a tu antojo.

      Y lo que comentas tambien es factible, creando tu propio theme para k2 y luego seleccionandolo en segun que categorias queremos que haga efecto. Recuerda que editando las categorias, podras ver la opción de seleccionar un theme u otro.

      Fijate en lo que hizo Redlo con K2 > http://www.solojoomla.org/trabajos-realizados/web-servicios-escorts.html

    • #108139
      ilopezlacalleIgnacio
      Participante

      Entiendo lo que dices…

      Lo que ha hecho Redlo con K2 es un trabajo bien hecho. La verdad es que yo quiero hacer algo bastante mas sencillo, pero sigo sin saber como poder alinear los artículos verticalmente.

      Y sigo pensando que es algo sencillo…

      Seguire dandole…

      Gracias!

Mostrando 6 respuestas a los debates
  • Debes estar registrado para responder a este debate.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad