Avisos
Vaciar todo

Problema visualizando atributos en el detalle del producto  

 
Lluis
 Lluis
Usuario activo

Hola,

Tengo el pack de tienda con el template Yourshop, joomla 1.5.25 y VM 1.1.9.

En algunos productos, necesito añadir hasta 3 atributos extra: codificación (si el cliente desea que el chip que vendo le llegue codificado o sin codificar), Acabado (mate o brillante) y Personalización (SI/NO).

El problema que tengo es que a partir del segundo atributo, cuando voy a visualizar el detalle del producto los veo alineados uno detrás de otro y el tercer atributo me queda cortado:

Además, el problema más grande es que en algunos artículos voy a necesitar hasta 5 atributos.

¿Cómo puedo hacer para que en vez de listados en una única línea se presenten cada uno de los atributos en una línea diferente, uno debajo del otro?

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/01/2013 1:26 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Lluis, pon la URL donde se pueda ver el problema que tienes para que te digamos. Se trata de VirtueMart 1.1 o VirtueMart 2??

Se trata de un problema de personalización de la página de detalle de productos, pero necesitamos saber que versión de VM tienes..

Saludos

ResponderCitar
Respondido : 03/01/2013 4:16 pm

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

Lluis
 Lluis
Usuario activo

Hola David,

Tal y como especifico en mi primer mensaje "Tengo el pack de tienda con el template Yourshop, joomla 1.5.25 y VM 1.1.9."

Puedes ver el producto de prueba que me descuadra tanto en la imagen que te he adjuntado como visitando este enlace: http://www.nfc-house.com/tienda/adhesivos-nfc/adhesivo-nfc-rectangular-ntag203-preimpreso

Gracias

ResponderCitar
Respondido : 03/01/2013 6:02 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Lluis,

He visualizado con Firefox, e Internet Explorer y se visualiza bien. En Chrome se visualiza cortado.

Modificando CSS se visualiza correctamente, pero tienes que probar en los otros navegadores para ajustar después del cambio.

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 : 04/01/2013 8:19 am

Cursos Gratuitos WordPress

Lluis
 Lluis
Usuario activo

Gracias por tu respuesta Jordi,

Si lo tengo claro, puedo modificar las CSS con un editor y probar en los diferentes navegadores. Si no me funciona, restauraré las CSS originales.

En el pantallazo que me adjuntas no me queda claro el cambio que debo hacer y dónde. Si bien parece que tengo que cambiar el width del 100% al 60%, no veo en qué archivo .css hacerlo ni en qué línea.

¿Podrías por favor aclarármelo?

Gracias

ResponderCitar
Respondido : 08/01/2013 10:58 am
Lluis
 Lluis
Usuario activo

Como prueba, he modificado el archivo vm.css y he añadido unos atributos a este producto: http://www.nfc-house.com/tienda/adhesivos-nfc-predise%C3%B1ados/adhesivo-nfc-ntag203-rectangular-55x85mm

Donde ponía .vmCartAttributes { /* Attributes Div*/ width:110%; }
He modificado .vmCartAttributes { /* Attributes Div*/ margin-top: 8px; width:60%; }

No me acaba de funcionar. En Chrome sigue mostrando todo en la misma línea y en firefox e IE me hace algo raro :

¿Alguna sugerencia, please?

ResponderCitar
Respondido : 08/01/2013 11:13 am

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Lluis

Creo que lo más conveniente es colocar cada elemento en una fila de esta manera deberás verlo correctamente, guiate de la imagen adjunta en donde se defiene un width:100%, adicionalmente puedes agregar un estilo de separación de los atributos con respecto a la caja de cantidad con el siguiente código que puedes colocar en cualquiera de tus archivos CSS :

.vmCartChild{
margin-bottom:20px;
}

Saludos.

ResponderCitar
Respondido : 08/01/2013 7:14 pm