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
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.
Ya se encuetra habilitada la pagina
https://teknik.com.pe/productos/electr%C3%B3nica/plc-arduin-detail.html
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; }
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
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
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.
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
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
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