como cambiar boton de agragar al carrito

[C.Perez]

A ver quien me puede orientar en como le tengo que hacer para poder asignarle una imagen al boton de añadir al carrito... Mis conocimiento en CSS son menos que basicos je... Lo poco que eh podido modificar a sido usando ingenieria inversa.. Les dejo el link de mi tienda www.phototrendi.com a ver si alguien me puede ayudar.. Que creo que meter imagenes enlugar de bloques de color como lo tengo pues le darian una mejor impresion.

 

Si eh logrado poner el gif en product, pero no sale del tamaño que lo eh hecho, asi como le sale alrededor un cuadro de 1 px justo como el de cuantas unidades quiere pedir el cliente..

 

Bueno espero me puedan ayudar, ya estoy en la ultima tirada para empezar a publicitar mi pagina.

 

Saludos.

[nadie]

A ver quien me puede orientar en como le tengo que hacer para poder asignarle una imagen al boton de añadir al carrito... Mis conocimiento en CSS son menos que basicos je... Lo poco que eh podido modificar a sido usando ingenieria inversa.. Les dejo el link de mi tienda www.phototrendi.com a ver si alguien me puede ayudar.. Que creo que meter imagenes enlugar de bloques de color como lo tengo pues le darian una mejor impresion.

 

Si eh logrado poner el gif en product, pero no sale del tamaño que lo eh hecho, asi como le sale alrededor un cuadro de 1 px justo como el de cuantas unidades quiere pedir el cliente..

 

Bueno espero me puedan ayudar, ya estoy en la ultima tirada para empezar a publicitar mi pagina.

 

Saludos.

Tienes la tienda desactivada, si quieres que la comunidad vea tu tienda, para ayudarte activa la tienda.

[C.Perez]

Justo ahorita la desactive.. pues estaba probando un modulo.. Ya esta activada de nuevo.

 

Gracias.

Edited June 8, 2012 by C.Perez (see edit history)

[nadie]

Ahora mismo el botón del carrito, esta vinculado en el fichero /themes/tu-plantilla/css/global.css

 

En esta linea tienes ahora mismo el color del botón.

 

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
background-color:#659303;
text-decoration: none !important;
color:white!important;
}

 

Y los bordes redondos de todos los botones.., los coje de esta linea:

 

input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
background: none repeat scroll 0 0#DBDBDB;
border: 0px solid #E3E3E3;
Border-radius: 8px 8px 8px 8px;
color:#333 !important;
cursor: pointer;
display: block;
font: bold 12px "Arial" !important;
height: 26px !important;
text-align: center;
text-decoration: none;
border-radius: ;
}

 

*border-radius

[C.Perez]

Lo del border radius yo lo puse al principio cuando empeze a desarrollar la tienda.. Pero lo que no se es como poner la funcion para que el boton de agregar a carrito sea el .gif que yo he hecho.. vamos hize esto http://www.prestasho...post__p__163841 Pero nomas no eh podido hacerlo funcionar..

 

Y lo mismo cambiar el boton de "Pagar" son principalmente los que me interesan cambiar..

 

Gracias.

 

Mira entiendo que el hover es cuando pasa el mouse por encima.. Por ejemplo

 

Si remplazo el codigo

 

}
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
   background-color: #87C504;
   color: #FFFFFF !important;
}

 

Por

 

}
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
   background-image: url('../img/carrito.gif');
   color: #FFFFFF !important;
}

 

Muestra el boton que hize temporal, pero tambien lo mete en pagar, y no sale del tamaño original Y obviamente el texto default de Pagar y Añadir al carrito me los deja encima..

Edited June 8, 2012 by C.Perez (see edit history)

[C.Perez]

uhmmm sigo sin poder lograrlo de manera satisfactorio.. Por lo menos ya pude deducir que el input.exclusive corresponde al boton de añadir al carrito. Pero de ahi en fuera mas nada !