Mover ubicación de atributos en mi producto (cambiar su acomodo)  

 
Victor
 Victor
Usuario experto

Joomla 2.5.24
VirtueMart 2.6.8
Plantilla Tienda Tiris

Hola buen día, les comento brevemente mi caso; dentro de mi tienda virtuemart tengo mostrado un solo producto, el cual cuanta con 9 variables/atributos, todos ellos mediante radiobuttons, los cuales por defecto se muestran en 2 filas, en la primer fila aparecen 5 atributos y en la segunda fila aparecen los otros 4. No se porque pero los atributos de la primer fila aparecen como en escalera, es decir el primero aparece mas arriba que el segundo, el segundo se muestra mas arriba que el tercero y así sucesivamente hasta el numero 5; cosa que no pasa en la segunda fila, pues en la fila inferior si se muestran los 4 atributos en el mismo nivel. Al terminar todos los elementos de la segunda fila se muestra el botón de "Añadir al carro" en esa misma fila. A continuación les comento los cambios que quisiera hacer en mi tienda.

1- Quisiera mostrar solamente 3 atributos por cada fila, eso me daría un total de 3 filas, cada fila con 3 atributos.
2- Me gustaría que los atributos de la primer fila se mostraran en el mismo nivel/altura. Sin que aparezcan escalonados como aparecen actualmente.
3- Quisiera que el botón de "Añadir al carrito" se mostrara debajo de mis 9 atributos, como en una cuarta fila por así decirlo, y centrado.
4- Quisiera que entre cada atributo existiera un poco de espacio, algo así como mas margen entre uno y otro, pues aparecen demasiado juntos. Pero que igual que como están ahora, ese margen siga siendo transparente.
5- Quisiera ver la opción de añadir una pequeña imagen sobre el titulo de cada atributo.

Les adjunto 2 imágenes, la primera es como esta actualmente mi tienda, y la segunda de como quisiera que quedara con los cambios mencionados.
En caso de necesitar mas datos por favor haganmelo saber. De antemano muchísimas gracias y estamos en contacto. 🙂

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/09/2014 11:04 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para mostrarlo como buscas será necesario aplicar unos cambios en los estilos CSS.

Edita el archivo templates/ja_tiris/css/template.css. Previa copia de seguridad del mismo agrega el siguiente código al final del archivo:

.addtocart-area div.product-fields div.product-field {
width: 33%;
margin-bottom: 15px;
}

.addtocart-area div.product-fields br {
display: none;
}

Es posible que esto funcione.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/09/2014 12:44 pm

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

Victor
 Victor
Usuario experto

Quedo perfecto!!! te comento que incluso dude un poco cuando vi tu respuesta, dado que son solo 5 lineas de codigo 😀 pero genial, eres grande Pablo gracias!!

Como adicional quisiera ver la manera de colocar el boton de "Añadir al carro" un poco mas centrado, es decir, mas o menos debajo de la segunda columna de los atributos; al igual que los botones que apuntan a las redes sociales, si pudieran quedar centrados seria muy bueno.

Muchas gracias por tu tiempo.

ResponderCitar
Respondido : 08/09/2014 10:18 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Victor

Al mismo archivo CSS indicado por Pablo, agrega lo siguiente :

.addthis_toolbox.addthis_default_style {
	position:relative;
	left:180px;
}

.addtocart-bar .carrito{
	display:block;
  text-align:center;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 08/09/2014 4:56 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro