SalvaSeven Posted July 30, 2013 Share Posted July 30, 2013 (edited) Hola a tod@s. Llevo varios días intentado cambiar los botones de "ver" y añadir a "carrito" por unos iconos. He leído infinidad de entradas y no lo he encontrado. Hay muchos que te explican como cambiar el color de fondo, el texto que aparece, etc... pero lo que yo quiero es poner un icono, imagen o como le quieran llamar, en lugar del texto que aparece. En la página de inicio ya esta así y ahora lo quiero hacer tambien en la lista de productos por categoría. Ahora mismo hay un pequeño desastre. A ver si me pueden ayudar. Gracias de antemano. Edited July 31, 2013 by SalvaSeven (see edit history) Link to comment Share on other sites More sharing options...
SalvaSeven Posted July 31, 2013 Author Share Posted July 31, 2013 Ya lo he solucionado haciendo mil y una prueba. Si alguien le interesa saberlo que me lo diga y se lo explico. Si no, que el moderador borre este post si quiere por que no aporta nada a nadie. Gracias de todas formas. Link to comment Share on other sites More sharing options...
Paula Martinez Posted July 31, 2013 Share Posted July 31, 2013 (edited) Ya lo he solucionado haciendo mil y una prueba. Hola ! Me llamo Raúl Martinez, Lo normal es que si consigues solucionar un tema, pongas la solución públicamente.... Gracias, Edited July 31, 2013 by Raul Martinez (see edit history) Link to comment Share on other sites More sharing options...
SalvaSeven Posted July 31, 2013 Author Share Posted July 31, 2013 Sin Problemas. Pues lo he conseguido editando el product_list.css en las lineas donde aparece: #product_list li .lnk_view para el boton VER y #product_list li .ajax_add_to_cart_button para el botón Añadir a carrito. He cambiado la imagen de ambos por el icono que quería mostrar. Un carrito y un ojo en mi caso. Y le he dicho que no repitiera la imagen. background:url(../../../img/green_icons/cart-black-40.png) no-repeat 0 0 Para que no salga el texto simplemente le he puesto: Color: transparent Y luego he hecho lo mismo en las lineas: #product_list li .lnk_view:hover para el botón VER cuando pasa el ratón por encima #product_list li .ajax_add_to_cart_button:hover para el botón Añadir a carrito, tambien al pasar el ratón por encima. Cambiando la imagen que se muestra a otro color. No se si es la forma correcta pero me ha funcionado. Si se puede hacer de otra forma comentarlo. Un saludo. Link to comment Share on other sites More sharing options...
Recommended Posts