Post by caraban2 » Wed Nov 14, 2012 5:13 pm

Hola,

Necesito ayuda para cambiar la imagen de la lupa en el botón de búsqueda, al cambiar el color de fondo del botón, no se ve la imagen, he tratado de editarla, pero todos los programas que tengo me dicen que no pueden abrirla porque tiene un formato desconocido, he bajado de la web una imagen la he editado cambiando el color del fondo de la imagen y la he subido al directorio imagen catalog/view/theme/default/image/ renombrando antes la anterior, pero no me visualiza la nueva tampoco.

Alguien me puede ayudar ?

Gracias

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by juanrane » Wed Nov 14, 2012 5:16 pm

Puedes poner la url de tu tienda?

Image
Soluciones e-commerce profesionales en sistema de alquiler mensual.
http://www.shopyshops.com


User avatar
Active Member

Posts

Joined
Fri Sep 30, 2011 3:23 pm

Post by caraban2 » Wed Nov 14, 2012 5:23 pm

si, claro, perdón por no ponerla antes....
estoy modificando las opciones de la hoja de estilo.... aquí tienes la dirección

http://tinyton-joyas.tuars.com

y gracias por la rapidez !!

Un saludo

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by juanrane » Wed Nov 14, 2012 5:50 pm

mira en tu
http://tinyton-joyas.tuars.com/catalog/ ... esheet.css

En la linea 267 tienes la solución ;)

Image
Soluciones e-commerce profesionales en sistema de alquiler mensual.
http://www.shopyshops.com


User avatar
Active Member

Posts

Joined
Fri Sep 30, 2011 3:23 pm

Post by caraban2 » Wed Nov 14, 2012 6:13 pm

A ver.... en ese modulo he modificado las opciones, y si hago referencia a la imagen antigua, me sale pero con el fondo blanco, y quiero que salga la imagen que yo he creado con fondo azul claro..... pero debe de haber alguna diferencia en los formatos de la imagen a pesar de ser las dos .png
la original no puedo abrirla con ningún programa conocido por mi, no puedo ver sus dimensiones al no reconocerla los programas de tratamiento de imágenes, la nueva, no se si es demasiado pequeña.... demasiado grande...... pero lo cierto es que no la abre,

He renonbrado la antigua a button-search2.png y la nueva es button-search.png

y no consigo hacer que se muestre la nueva

Gracias

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by rodtango » Thu Nov 15, 2012 1:08 am

caraban2 wrote:A ver.... en ese modulo he modificado las opciones, y si hago referencia a la imagen antigua, me sale pero con el fondo blanco, y quiero que salga la imagen que yo he creado con fondo azul claro..... pero debe de haber alguna diferencia en los formatos de la imagen a pesar de ser las dos .png
la original no puedo abrirla con ningún programa conocido por mi, no puedo ver sus dimensiones al no reconocerla los programas de tratamiento de imágenes, la nueva, no se si es demasiado pequeña.... demasiado grande...... pero lo cierto es que no la abre,

He renonbrado la antigua a button-search2.png y la nueva es button-search.png

y no consigo hacer que se muestre la nueva

Gracias
http://tinyton-joyas.tuars.com/catalog/ ... search.png

en la url de arriba no se ve el button_seach.png. Asi que no hay el imagen del boton o la url del boton esta mal

otra cosa, sobre el tamaño del boton en css te podes fijar que dice que es 28px X 24px, por algo los desarrollador pone la medida de la imagen.

Tambien si pones la imagen y si cambiaste el color del fondo, para que se vea bien el boton tenes que editar o crear la imagen con fondo transparente, generalmente con el formato .png, que es lo mas comun.
Si lo guardas en jpg no sirve porque no conserva la tranparencia del fondo, y so renombraste el archivo jpg a png no te va servir.

Yo por lo que veo no existe el boton, porque? porque con la url arriba mencionada no se ve el boton

http://ocart.limclothing.com


User avatar
Active Member

Posts

Joined
Wed Sep 19, 2012 5:34 am
Location - Argentina / Mexico

Post by caraban2 » Thu Nov 15, 2012 1:57 am

A ver...... prepare una imagen borrando el fondo, luego la edite poniendo un fondo del color que he puesto en el fondo de la tienda, el problema es que la imagen original no puedo abrirla con ningún programa de los que tengo ni con XnView, ni con phtoshop, ni con imagy ready, ni con microsoft picture manager, ni con paint, en fin tengo algunos mas, pero no puedo abrirla con ninguno, no se si estará comprimida con algún tipo de compresor..... o que tenga algún atributo que hace que no se pueda abrir, por eso prepare una imagen en .png, pero no la acepta, por eso pedí ayuda, voy a probar dejando el fondo transparente a ver si así lo acepta.... si es así lo diré por aquí.

Gracias

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by rodtango » Thu Nov 15, 2012 2:03 am

caraban2 wrote:A ver...... prepare una imagen borrando el fondo, luego la edite poniendo un fondo del color que he puesto en el fondo de la tienda, el problema es que la imagen original no puedo abrirla con ningún programa de los que tengo ni con XnView, ni con phtoshop, ni con imagy ready, ni con microsoft picture manager, ni con paint, en fin tengo algunos mas, pero no puedo abrirla con ninguno, no se si estará comprimida con algún tipo de compresor..... o que tenga algún atributo que hace que no se pueda abrir, por eso prepare una imagen en .png, pero no la acepta, por eso pedí ayuda, voy a probar dejando el fondo transparente a ver si así lo acepta.... si es así lo diré por aquí.

Gracias
los archivos .png lo podes abrir con fireworks de macromedia
Photoshop tambien lo podes editar o el web tambien

http://pixlr.com/editor/


http://shop.limclothing.com/ <---------- button search sample

Attachments

button-search.png

sample button .png - button-search.png (27.97 KiB) Viewed 1977 times


http://ocart.limclothing.com


User avatar
Active Member

Posts

Joined
Wed Sep 19, 2012 5:34 am
Location - Argentina / Mexico

Post by caraban2 » Thu Nov 15, 2012 3:17 am

Ya logre poner la lupa en el botón de search, tuve que hacer un archivo nuevo y quitarle el fondo después de reducirlo a 25x24, creo que ese era el problema.

Gracias

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by caraban2 » Fri Nov 16, 2012 12:35 am

Sigo teniendo el problema con la imagen del botón button-search.png no se visualiza en la tienda..... aunque suba el orinal

Alguien puede saber que es lo que ocurre ?

Gracias

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by rodtango » Fri Nov 16, 2012 1:50 am

caraban2 wrote:Sigo teniendo el problema con la imagen del botón button-search.png no se visualiza en la tienda..... aunque suba el orinal

Alguien puede saber que es lo que ocurre ?

Gracias
borra el cahe de tu explorador [ iexplorer, chrome,firefox ]
y si tenes el mismo problema, creo que tocaste el css algo que no debiste tocar.

fijate el post anterior que puse, yo probe con el mio y funciona bien con el boton que subi
ahi tenes el boton que utilice y te di la pagina donde podes editar los imagenes png.

Proba con eso.

ps: Podes adjuntar el archivo button-search.png que usas? para ver ?

http://ocart.limclothing.com


User avatar
Active Member

Posts

Joined
Wed Sep 19, 2012 5:34 am
Location - Argentina / Mexico

Post by caraban2 » Fri Nov 16, 2012 8:17 pm

Bueno, no logro cambiar la imagen de la lupa en el boton de search...... lo he editado quitándo el fondo, he copiado uno nuevo lo he editando para quitar el fondo, en formato .png pero al subirlo al servidor ya no se ve, y tampoco con el visor del editor del servidor..... ya no se que hacer

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by rodtango » Fri Nov 16, 2012 11:06 pm

caraban2 wrote:Bueno, no logro cambiar la imagen de la lupa en el boton de search...... lo he editado quitándo el fondo, he copiado uno nuevo lo he editando para quitar el fondo, en formato .png pero al subirlo al servidor ya no se ve, y tampoco con el visor del editor del servidor..... ya no se que hacer
....... eres terco eh?

Por lo que veo es asi
vos queres cambiar el fondo de tu pagina y como el boton tiene fondo blanco queres eliminar el fondo blanco.
en este caso se puede hacer de dos formas. 1) cambiar el color blanco x el color que queres 2) la otra es eliminar el fondo para que despues si cambias del color de la pagina no tengas el mismo problema.

Optaste por el 2) que es lo correcto y mas funcional. hasta ahi vamos bien.

a) al querer eliminar el button-search.png original, no tenias el programa para editar, o mejor dicho tenes el photoshop y no sabes editar, y te dije que usaras el fireworks o una pagina de web para editar imagen.

b) No se porque pero elejiste una imagen de la web que suongo que es mas grande que el tamaño del css y aunque hayas eliminado el fondo no veias la lupa porque estaba fuera de cuadros....

c) Lograste adaptar el tamaño del imagen y hasta ayer se miraba la lupa y no se que hiciste y pones el post diciendo que la lupa no se ve

d) te contesto que subas el archivo que usas para ver si lo estas haciendo bien

e) Parece que no lees y no subes la imagen y el dia siguiente dices otra vez que la lupa no se ve.

f) Si ves arriba te puse un url donde estoy probando las extensiones y modifique la parte search para que veas que la manera que yo hago es la correcta y... nose... no sigues los paso que te dije.

CONCLUSION: No toques nada porque mas tocas mas empeoras parece. Usa el template original o si queres hacer algo pides ayuda a un profesional.

Suerte.

http://ocart.limclothing.com


User avatar
Active Member

Posts

Joined
Wed Sep 19, 2012 5:34 am
Location - Argentina / Mexico

Post by caraban2 » Sat Nov 17, 2012 3:13 am

Mira, usé este editor que me recomendaste, http://pixlr.com/editor/ y si, funciona muy bien, le quito el fondo a la imagen (que es la misma que hay en el original OP, la grabo la subo al servidor en el directorio suyo, y no funciona, no se ve, tiene un tamaño de 13x13 px. que es el tamaño que tiene el original, el formato .png, el mismo que el original, pero no se ve, me puedes decir que he hecho mal ?

este proceso lo hice con la imagen original del programa, con otra que busque en la web.... y no funciona con ninguna, ya no tengo mas opciones para seguir, solo se me ocurre que al subirla al servidor se corrompa, pero eso debería pasar con las demás que se subieron al instalar el programa, hay algo que alcanzo a comprender,

Este es el directorio donde están las imágenes de esos ficheros.....
http://tinyton-joyas.tuars.com/catalog/ ... ult/image/ uno es el original button-search.png y el button-search-3.png es el que he editado, veras que tienen el mismo tamaño.

si me puedes decir que hiciste tu para que salga bien......

gracias

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm

Post by rodtango » Sat Nov 17, 2012 4:36 am

OK

A ver si solucionas de una vez esto.

Si fuiste a la pagina para editar, esta bien, pero como lo estas haciendo?

Para editar una imagen que tiene fondo y queres borrarlas para que quede transparente el fondo hay que hacer de la siguiente manera.

1) Abrir imagen a editar en http://pixlr.com/editor/
2) Crear una imagen del mismo tamaño "CON FONDO TRANSPARENTE"
3) Copiar la imagen original y pegar(paste) en la imagen que creaste.
4) Borrar el fondo o la parte que quieras modificar.
5) Guardar la imagen en png en este caso button-seach.png
6) Subir al servidor donde esta esa imagen
7) Borrar el cache del browser
8] ingresar a la pagina.

Lo de arriba ya lo probe y lo compruebas en http://shop.limclothing.com


Y si no te da resultado.... no se que es...

http://ocart.limclothing.com


User avatar
Active Member

Posts

Joined
Wed Sep 19, 2012 5:34 am
Location - Argentina / Mexico

Post by caraban2 » Sat Nov 17, 2012 6:51 pm

Creo que ya definitivamente di con la solución, y es que no borraba la caché del navegador, pero ahora tengo otro problema..... y es que no se que hice que los botones se cambian cuando pasas el cursor por encima, yo solo cambie el color del fondo pero en la pagina de pruebas esta bien, y aqui, http://tinyton.tuars.com/ se cambia el color....

si alguien me ayuda....

Gracias

Ya he solucionado el tema de los botones.....

Active Member

Posts

Joined
Mon Oct 29, 2012 9:38 pm
Who is online

Users browsing this forum: No registered users and 10 guests