Avisos
Vaciar todo

Se puede cambiar el formato por defecto de virtuemart  

 
Hans
 Hans
Usuario eminente

Quiero saber si existe la manera de cambiar el formato asignado por virtuemart para mostrar los productos. Por ejemplo en la imagen adjunta se ve como se muestra actualmente, sin embargo yo deseo que la posición de la imagen sea al lado derecho y que la descripcion se muestre al lado izquierdo a la misma altura de la imagen.

Esto se puede realizar?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/04/2018 8:04 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que comentas depende del template que estas usando.
Envíanos la url específica de un producto, habilita tu sitio web para ver el código HTML que se genera.

Saludos.

ResponderCitar
Respondido : 06/04/2018 11:00 pm

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

Hans
 Hans
Usuario eminente

Ya se encuetra habilitada la pagina
https://teknik.com.pe/productos/electr%C3%B3nica/plc-arduin-detail.html

ResponderCitar
Respondido : 06/04/2018 11:08 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes crear un fichero CSS personalizado https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html con el siguiente código:

#rt-mainbody .vm-product-container{
float:right;
}
ResponderCitar
Respondido : 07/04/2018 3:12 am

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

Hans
 Hans
Usuario eminente

Estimado, el codigo me funciono correctamente.
Sin embargo para que la imagen se vea mucho mejor, deseo bajar el cuadraro de solicitar precio (este cuadro deberia de estar debajo de la imagen) ademas deseria que la imagen sea mas grande para que se aprecie mi producto.

https://teknik.com.pe/productos/electr%C3%B3nica/plc-arduin-detail.html

ResponderCitar
Respondido : 07/04/2018 6:33 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Añade lo siguiente a tu archivo de estilos japeto-custom.css

.product-price {
    margin-top: 18em;
    }
    
 .main-image {
    margin-left: 5em;
    width: 150%;
}

Un saludo

ResponderCitar
Respondido : 07/04/2018 11:05 am

Hans
 Hans
Usuario eminente

Ya lo realice, pero en la pagina ( https://teknik.com.pe/productos/electr%C3%B3nica.html) los cuadros de mis equipos se han hecho demasiado largos. Esto se puede revertir?

Además en algunos casos se ven dos lineas del titulo de cada producto, esto afecta a que mis productos se puedan ver desordenados. Y como una consulta adicional en el texto debajo del titulo se muestra la marca y el modelo de cada equipo, pero en una sola linea y no se distingue muy bien, por lo cual deseo que la marca sea una linea y el modelo en otra.

Agradezco de antemano la ayuda que me siguen brindando.
Muchas gracias.

ResponderCitar
Respondido : 07/04/2018 3:36 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Ostras si, discúlpame, te pase unos códigos demasiado genéricos y afecta a toda tu web.
Prueba sustituirlos por lo siguiente:

.vm-product-details-container .product-price {
    margin-top: 18em;
}
 
.vm-product-media-container .main-image {
    margin-left: 4em;
    width: 150%;
}

Espero que esto te sirva 😉

se muestra la marca y el modelo de cada equipo, pero en una sola linea
Tendrías que tocar código de la pagina, no es como las modificaciones que realizas en el diseño y podría provocar problemas en la web, no te aconsejo que lo cambies.

Un saludo

ResponderCitar
Respondido : 07/04/2018 3:56 pm

Cursos Gratuitos WordPress

Hans
 Hans
Usuario eminente

Este codigo funciono mejor. Pero habia solicitado que la imagen sea un poco mas grande. Esto puede realizarse?

Además tengo otro inconveniente dentro en cada producto. Que la palabra descripción se muestra muy grande, quisiera que se muestre tal cual como la palabra "Características". Ademas la palabra "Descripcion tiene un subrayado que a la hora que pongo mis lineas de descripcion en todas los productos tengo que darle primero un espacio sino el subrayado se ve encima de las lineas. Se puede quitar el subrayado?

https://teknik.com.pe/productos/electr%C3%B3nica/pantalla-hmi-detail.html

ResponderCitar
Respondido : 07/04/2018 7:51 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

la imagen sea un poco mas grande.

El tamaño de la imagen la aumentamos con el código que te pase antes:

.vm-product-media-container .main-image {
    margin-left: 4em;
    width: 150%;
}

Puedes variar el valor de width: 150%; para adaptarlo al tamaño que quieras.

.- la palabra descripción se muestra muy grande
.- Se puede quitar el subrayado?

.title, .component-content h2 {
    font-size: 20px;
    border-bottom:none;
}

Un saludo

ResponderCitar
Respondido : 08/04/2018 10:46 am

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