Cuadrar y alinear módula Productos destacados  

#9
Id90

Gracias

Hola Alink,

Te adjunto una imagen para que tengas una visualización de lo que te consulto. Por favor como te indico en la imagen coloca el modulo en la posición user1 y selecciona el menú de solo la tienda.

Saludos.

Para empezar hay un pequeño problema

Si lees el hilo del tema, el módulo que estoy usando es el módulo mod_virtuemart_featureprod y no el módulo mod_tpvm

Si lo hago como dices queda cuadrado y alineado pero con las imagenes deformes. utilizamos el módulo que te comento

Gracias Johhny

Hola Alink,

Me puedes enviar una captura de la actual configuración que tienes en el modulo para poderla verificar.

Saludos.

Johhny

te envío captura de la actual config del módulo que realmente estamos utilizando y es el que ahora mismos está publicado : mod_virtuemart_featureprod y no el módulo mod_tpvm

No nos confundamos con el módulo mod_tpvm que comentas antes

Con esta captura es como queda así : http://www.airsoftlink.com/tienda.html

Gracias

Hola Alink,

Comprendo perfectamente lo que me indicas, los dos módulos hacen exactamente la misma función la única diferencia es que un modulo tiene el estilo ya predefinido y el otro no, en este caso estas escogiendo el básico.

Te adjunto una captura de lo pasos para que puedas crear el modulo:

Te deberia quedar de la siguiente manera:

Saludos.

Hola Johhny

No se por que crear el módulo que me dices cuando el módulo mod_tpvm ya está creado y ya lo he probado como te puse antes.

Igual te hecho caso y lo he "vuelto" a crear y queda así : http://www.airsoftlink.com/tienda.html

Como te dije antes : cuadrado y alineado pero con las imagenes como ves deformes

Entonces ?

Hola Alink,

Tenemos que ir modificando el archivo css poco a poco hasta que quede correctamente: la ruta del archivo es la siguiente /modules/mod_tpvm/tmpl/tpvm.css aproximadamente en la línea 35, comenta las siguientes líneas para evitar que se deformen.

.tpvmthumb a img {
  /*  height: 140px; */
  /*  width: 210px;  */
}

Te adjunto una captura de como iría quedando.

Como veras faltan correcciones de css en los fondos, etc. Pero necesitamos que nos dejes el modulo visto para seguirte dando las indicaciones.

Saludos.

Hecho : http://www.airsoftlink.com/tienda.html

Siguiente paso ?

Hola Alink,

En la misma ruta del archivo: /modules/mod_tpvm/tmpl/tpvm.css aproximadamente en la línea 18, aproximadamente realiza los siguientes cambios en la configuración en el css:

.tpvmthumb a:link, .tpvmthumb a:visited, .tpvmthumb a:active {
 /*   background-color: #FFFFFF; */
    border: 1px dotted #E8E8E8;
    display: block;
    height: 171px;
    margin-bottom: 25px;
    margin-top: -15px;
    text-align: center;
    width: 210px;
}

Con estos cambios te debe quedar correctamente configurado, te comente la línea background-color ya que si otro objeto que hayas subido tenga otro fondo que no sea blanco no interfiera.

Saludos.

Hola Johhny

Luego de tantos y tantos intentos quedan así : http://www.airsoftlink.com/tienda.html y creo que dentro de todo muy decente ¡¡¡ Bien Johhny ¡

Este módulo que está publicado es el mod_tpvm y en realidad el que yo quisiera publicar es el
mod_virtuemart_featureprod . Si publico éste último queda así como adjunto captura

Me podrías guiar , por favor, para conseguir con éste módulo mod_virtuemart_featureprod quede exactamente con el mismo resultado, es decir todo alineado y cuadrado ?

Gracias ¡¡

Hola Alink

Debes publicar el módulo mod_virtuemart_featureprod para ver el código generado y poder ayudarte

Saludos.

John, publicado

Gracias

Hola Alink

Coloca el siguiente código en el archivo : /templates/mystore_plazza/css/general.css

.featured_product a img {
display:block;
width:150px;
height:150px;
}

Asumiendo que las imágenes son menores o iguales de 150x150

Saludos.

Estimado Jhon

Las imagenes que ahora mismo hay no son todas del mismo tamaño como puedes ver y asi igual quedaron bien con la solución de Johhny.

Como comentas "asumiendo que las imagenes sonmenores o iguales a 150x150" ... igual lo hago ?

No hay una ruta igual a la seguida para el anterior módulo pero para mod_virtuemart_featureprod ?

Si es así : en que´parte del archivo coloco lo que me dices ? Principio, final ,mitad ?

Gracias