presentación productos - Página 2 – VirtueMart 2.0 ̵ …

Aida

Reputable Member

Buenos dias!

Estoy migrando la web www.tspsurf.com/jupgrade y montando la tienda con virtuemart 2.0.20b al presentar los productos me gustaría que al lado de la imagen del producto saliera la descripción el precio y el botón de añadir al carro tambien a la altura de la imagen.

Actualmente me sale toda esa información abajo a la derecha, os mando una captura de pantalla y un enlace para ver un ejemplo
http://www.tspsurf.com/jupgrade/index.php/es/surfshop-2/gorras/gorra-detail

¿cómo puedo modificar la presentación y que salga la imagen y al lado la información del producto, precio y el botón añadir al carrito?

Gracias
Aida

URL del sitio: Contenido solo visible a usuarios registrados

Citar

Respondido : 15/06/2013 9:18 am

Aida

Reputable Member

Hola Jhon! Tal vez me esté complicando un poco así que voy a optar por ocultar el botón...

Tu compañero anteriormente me recomendó hacerlo aplicando una clase para ocultarlo "display: none;"

¿podrías indicarme cómo hacerlo? ¿en qué archivo?

Te adjunto captura de pantalla

Gracias
Aida

ResponderCitar

Respondido : 19/06/2013 9:05 pm

Johnny Heredia Montiel

Miembro Moderator

Hola Aida,

Puedes ir a la ruta: http://www.tspsurf.com/jupgrade/components/com_virtuemart/assets/css/vmsite-ltr.css y modificar la linea 2:

.general-bg, input.custom-attribute, input.quantity-input, .manufacturer-product-link a, a.ask-a-question, input.vm-default, a.product-details, a.details, div.details, button.default {
    background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll center top #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    color: #777777;
    display: none;
    padding: 5px 5px 4px;
    text-decoration: none;
}

Te recuerdo que no brindamos soporte CSS te recomiendo revisar la herramienta firebug. En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos.

ResponderCitar

Respondido : 20/06/2013 12:49 am

Aida

Reputable Member