Guía – ¿Como personalizar la página 404 en Prestashop? by victor-rodenas.com

Fuente: http://victor-rodenas.com/2013/02/16/guia-como-personalizar-la-pagina-404-en-prestashop/

Cuando vemos un error 404, es que el recurso/dirección al cual intentamos acceder no esta disponible.

Prestashop 1.5 y sus versiones anteriores llevan una pagina “Predefinida” para estos casos.

404

Página 404 en Prestashop

¿Como podemos cambiar la traducción de los textos?

La traducción de los textos la podemos cambiar desde el panel de administración de tu tienda Prestashop, en la pestaña Localización -> Traducciones -> Traducciones del Front-Office.

¿Como puedo cambiar la imagen que aparece en la pagina referente al error 404 en Prestashop?

La imagen se encuentra alojada aquí:

/themes/default/img/bg_404.png (En este caso estamos trabajando sobre la plantilla por defecto en Prestashop 1.5)

Y en el fichero:

/themes/default/css/global.css

Encontraremos lo siguiente:

1.#pagenotfound .pagenotfound {
2.padding: 30px 300px 0 0;
3.height: 330px;
4.font-size: 14px;
5.background: url(../img/bg_404.png) no-repeat 100% 0;
6.}

Si nos damos cuenta en background, esta haciendo referente a la imagen de la que hemos hablado con anterioridad.

Mas cosas interesantes sobre el css, si seguimos buscando en el fichero:

/themes/default/css/global.css

Encontramos esto:

1.#pagenotfound #left_column,
2.#pagenotfound #right_column,
3.#pagenotfound #footer {display:none}

Esto quiere decir que actualmente con el display:none, nos oculta la columna izquierda, derecha y el pie de pagina cuando vemos la pagina personalizada sobre el error 404 en Prestashop, si quitamos el display:none, veremos tanto la columna izquierda, derecha y pie de página en la página 404 de Prestashop.

Si seguimos buscando, tambien encontramos la siguiente linea:

1.#pagenotfound #center_column {width:940px;}

Como la columna izquierda y derecha se oculta con la instrucción que habiamos comentado anteriormente, lo que hace ahora es aumentar el ancho de la columna dentral para la pagina de error personalizada.

Podríamos seguir comentado el css, pero solo he querido comentar las opciones “Curiosas”.

¿Cual es el fichero *.tpl de la pagina 404 en Prestashop?

El fichero, lo podemos encontrar en la siguiente ruta:

/themes/default/404.tpl (Recordamos que estamos hablando de la plantilla por defecto en Prestashop)

¿Que encontramos en este fichero?

Encontramos la estructura de la pagina 404 de Prestashop, esta estructura la podemos modificar como queramos.

– See more at: http://victor-rodenas.com/2013/02/16/guia-como-personalizar-la-pagina-404-en-prestashop/#sthash.iWe6oAmj.dpuf

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s