Alinear o encuadrar productos en virtuemart 2.5

Diseño y Posicionamiento Web con Joomla Foros Componentes Especiales Virtuemart Alinear o encuadrar productos en virtuemart 2.5

Mostrando 9 respuestas a los debates
  • Autor
    Entradas
    • #113532
      IntelmuManel
      Participante

      Buenas a todos, este es mi primer post y auque llevo tiempo haciendo uso de el foro, en este caso no he encontrado la respuesta.
      Estoy liado con un tienda sobre libros y con la plantilla que uso de Rocket theme (enigma) no veo como puedo alinear el libro con el bloque de añadir precio.
      Adjunto la imagen de como esta y como mediante firebug me gustaria que quedase.

      Attachments:
    • #113533
      Federico PiccoliFederico Piccoli
      Participante

      Ciao

      Buscas la clase icons dentro del php y modificas el float left por un float right o center si lo quieres centrado, si lo quieres bajar usa la propiedad padding.

    • #113534
      IntelmuManel
      Participante

      Del template que uso, supongo ?
      No tiene nada que ver el vm.
      Luego miro de hacer la modificación y posteo.
      Gracias.

    • #113538
      redloModerador Foro
      Participante

      Lee en este apartado > Template Overrides sobre Virtuemart 2 / 3 que esta relacionado con tu pregunta.

    • #113540
      IntelmuManel
      Participante

      Ya mire el tema y siguiendo los pasos creee un override, pero no se si es porque tengo mutl idioma o que, pero perdi el relleno del botón añadir al carro.
      Con las plantillas de RocketTheme y quizas con otras también, para poner el site en multi idioma se debe crear a parte de los idiomas con todo lo que lleva, un overrride para cada uno de ellos y assignar un modulo/menu a cada uno.

      En la web del Rocket Theme si buscas multilanguage lo explica muy bien. Si no lo encuentras me mandas un privado y te paso el link, que soy nuevo por aqui y no em queda claro si puedo poner el link.

    • #113541
      lorena28lorena
      Participante

      Si esta justificado, como en este caso, puedes poner el link sin problema.

      [quote=”Intelmu” post=33807]Ya mire el tema y siguiendo los pasos creee un override, pero no se si es porque tengo mutl idioma o que, pero perdi el relleno del botón añadir al carro.
      Con las plantillas de RocketTheme y quizas con otras también, para poner el site en multi idioma se debe crear a parte de los idiomas con todo lo que lleva, un overrride para cada uno de ellos y assignar un modulo/menu a cada uno.

      En la web del Rocket Theme si buscas multilanguage lo explica muy bien. Si no lo encuentras me mandas un privado y te paso el link, que soy nuevo por aqui y no em queda claro si puedo poner el link.[/quote]

    • #113542
      IntelmuManel
      Participante

      [quote=”lorena28″ post=33808]Si esta justificado, como en este caso, puedes poner el link sin problema.

      [quote=”Intelmu” post=33807]Ya mire el tema y siguiendo los pasos creee un override, pero no se si es porque tengo mutl idioma o que, pero perdi el relleno del botón añadir al carro.
      Con las plantillas de RocketTheme y quizas con otras también, para poner el site en multi idioma se debe crear a parte de los idiomas con todo lo que lleva, un overrride para cada uno de ellos y assignar un modulo/menu a cada uno.

      En la web del Rocket Theme si buscas multilanguage lo explica muy bien. Si no lo encuentras me mandas un privado y te paso el link, que soy nuevo por aqui y no em queda claro si puedo poner el link.[/quote][/quote]

      http://www.rockettheme.com/docs/joomla/basic/how_to_create_a_multilingual_site.md

      Sin hacer esto, el multi ifioma funciona, pero hay comportamientos que no funcionan como deberian.
      Ademas el tema recursivo de los override, vi que se puede hacer desde la misma plantilla.

    • #113543
      IntelmuManel
      Participante

      [quote=”Federico Piccoli” post=33800]Ciao

      Buscas la clase icons dentro del php y modificas el float left por un float right o center si lo quieres centrado, si lo quieres bajar usa la propiedad padding.[/quote]

      Todo esto te lo entiendo, pero no soy capaz de encontrar el php.
      Con el firebug veo que el la linea que muestro el las capturas anteriores, si lo pongo a 0 queda bien, pero si lo trasmito al fichero “vmsite-ltr.css” :

      /* .main-image img {max-width:100%;height:auto} original */
      .main-image img {max-width:100%;max-height:0px}
      /* queda alinedao pero desaparece la imagen*/

      Supongo que es porque la visualización es de dos filas, dos columnas, y la imagen esta el la parte superior izquierda mientras que la imagen y texto estan en la inferior derecha.

    • #113545
      Federico PiccoliFederico Piccoli
      Participante

      Ciao

      Yo te dije:

      [quote=”Federico Piccoli” post=33800]
      Buscas la clase icons dentro del php y modificas el float left por un float right o center si lo quieres centrado, si lo quieres bajar usa la propiedad padding.[/quote]

      y tu me buscas la .main-image img en el css? és la clase icons, se ve perfectamente en la imagen que has adjuntado.

    • #113552
      IntelmuManel
      Participante

      Dime cabezón, pero al final lo he solucionado poniendo este codigo en el vmsite-ltr.css.
      [code type=css]
      body .component-content .floatleft, body .component-content .floatright {
      margin: 0;
      }
      .main-image img {max-width:100%;max-height:auto}[/code]

      He puesto la linea de abajo para que sepais por donde esta, linea 166 más o menos.

      SOLUCIONADO. Gracias por la paciencia Federico.

Mostrando 9 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