Avisos
Vaciar todo

presentación productos

18 Respuestas
5 Usuarios
0 Reactions
1,881 Visitas
 Aida
Respuestas: 267
Reputable Member
Topic starter
 

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


 
Respondido : 15/06/2013 8:18 am
 Aida
Respuestas: 267
Reputable Member
Topic starter
 

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


 
Respondido : 19/06/2013 8:05 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 19/06/2013 11:49 pm
 Aida
Respuestas: 267
Reputable Member
Topic starter
 

Muchisimas gracias Jhony por tu ayuda!!

Lo he hecho y ya no sale el botón.

Revisaré toda la información que me indicas.

Saludos,
Aida


 
Respondido : 20/06/2013 8:20 am
Página 2 / 2