¿Es posible subir el logotipo en formato svg para que no se vea pixelado al hacer zoom en la imagen?  

Hola

En el caso de PrestaShop para incluír el logo .svg tendrías que hacerlo directamente en los archivos del theme ya que como comprabaste de manera nativa no lo soporta.

Para saber que archivo tocar, depende del theme que estas usando, sin embargo de manera general debes buscar el archivo header.tpl

Saludos.

Gracias por tu respuesta.
He visto el archivo header.tpl, pero no se como subir el logo en svg.
He visto este tutorial: http://antonio-ventura.com/logo-in-svg-format/ , no se si será correcto para mi caso,
o quizás me recomiendas otra manera de hacerlo. Algún otro tutorial, algún vídeo ...
Saludos

Hola Rodrigo,

He revisado el post de Antonio Ventura y aparentemente parece viable (no lo he probado). Su post es de 2014 y muchas cosas han cambiado en PrestaShop desde entonces por lo que si lo pruebas haz primero una copia de seguridad de tu web y específicamente de los archivos a modificar para evitar contratiempos.

Saludos

Buenos días, gracias. He seguido las indicaciones del tutorial, pero como resultado no se ve el logo. Ni en jpg ni en svg. Solo se ve cuando la web está en modo mantenimiento.

Explico algunos detalles y dudas, es posible que notéis algún error de mi parte:

Mi archivo header.tpl , en las líneas a las que hace referencia el tutorial, estaba asÏ:

Y LO HE DEJADO TAL CUAL PONE EL TUTORIAL

CON RESPECTO A LA IMAGEN CON EL LOGO, HE RENOMBRADO AL LOGO, COMO logo.svg y lo he colocado en la carpeta img de la carpeta themes(mi plantilla)

POR ÚLTIMO, he abierto el archivo global.css , y he agregado el código que indica el tutorial, lo he agregado en la parte final del archivo, dejo una copia aquí de como ha quedado esa parte final, incluyendo unas lineas anteriores.

font-size: 17px; padding: 8px 29px 10px; }table#product_comparison .prices-container .old-price { padding: 0 10px; }#habla_window_div #habla_topbar_div { background: #161717 !important; }.label-danger,.label-success { color: #fff; padding: 6px 7px 5px; margin-bottom: 3px; font: 300 12px/1 Arial, Helvetica, sans-serif; border-radius: 0; border: none; }li { list-style-type: none; }ul.step li.step_current,ul.step li.step_current span:after { background: #158423; border-color: #158423; }ul.step li.step_done a:after,ul.step li.step_done.step_done_last a:after,ul.step li.step_done { background: #232323; border-color: #000; color: #5d6a7f; }ul.step a:hover,ul.step a:hover:after { background: #161717 !important; border-color: #161717 !important; }.block .products-block li .products-block-image { background-color: #fff; }.account_creation :nth-child(9) { display: none !important;}.checkbox label { color: #30b0fb!important;}/*************************************************************** EXTRA STYLES - MODIFICACIONES 2017-07-04****************************************************************//******************************* BLOCK GENERAL********************************/@media (max-width:767px) AND (min-width:480px){ #htmlcontent_top ul.htmlcontent-home { margin-top: 0; }}@media (max-width:767px){ .stickUpTop { background: #000; }}/******************************* END BLOCK GENERAL********************************/
#header_logo {
fondo: url (../ img / logo.svg) no-repeat scroll 0 0/100% 100% RGBA (0, 0, 0, 0);
display: inline-block;
anchura: 330px;
altura: 150 píxeles;

}

#header_logo a {
display: block;
altura: 150 píxeles;
overflow: hidden;
text-indent: -34em;
}

#header_logo a: focus {
frontera: medio ninguno;
Esquema: medio ninguno;
}
#header_logo a: active {
frontera: medio ninguno;
Esquema: medio ninguno;
}

Gracias, saludos!

Hola

En el tutorial lo pone como fondo de una etiqueta de link, esto es más complicado, simplemente en código que tienes

Cambia simplemente la ruta:
src="{$logo_url}"

Suponiendo que tu logo esta en la raiz de tu sitio, entonces:
Por la ruta en donde esta tu logo
src="/logo.svg"

Saludos.

Pongo un momento, en modo online la tienda.
Podrías, por favor, indicarme como debería quedar el código.
No logro entender lo que me indicas.
Gracias

Hola

Tal como te indiqué, sólo necesitas cambiar la fuente de la etiqueta img, es decir el atribut src
Sube tu logo .svg dentro de la carpeta img de tu sitio, suponiendo que se llame logo.svg entonces tendrías que usar esta url:

Contenido solo visible a usuarios registrados

Saludos.

Buenas Jhon,

He subido nuevamente el archivo original header.tpl , y modifiqué la ruta al src, dejando el archivo como te lo muestro a continuación. Y sigue sin mostrar el logo.