¿Alguien sabe cómo puedo aumentar el tamaño del logo?

[Que Tupe]

Hola! Buenas tardes. Estoy en Prestashop 1.7.8.11, tengo una plantilla de Leo Zoli.

Quiero cambiar el tamaño del logo porque se ve un tanto pequeño, sobre todo en la versión móvil.

Y también alinear los iconos de Mi Cuenta y el carrito de compras.

Vi otras entradas del tema que recomiendan modificar el header.tpl y el custom.css pero no logro encontrar donde. Quizas sea por la plantilla que utilizo.

mi web es www.quetupe.com

gracias!

 

[Knowband Plugins]

En tu instalación de PrestaShop, navega a los archivos de la plantilla. Normalmente, los encontrarás en themes/leo_zoli/templates/_partials/.

Abre header.tpl. Este archivo controla el diseño del encabezado, incluido el logo:
<div id="header_logo">
<a href="{$base_dir}">
<img src="{$logo}" alt="{$shop_name}" />
</a>
</div>
Añade en el archivo CSS, es decir, themes/leo_zoli/assets/css/, y ajusta el id según corresponda:
#header_logo img {
max-width: 300px; /* Ajusta según sea necesario */
height: auto;
}

[Que Tupe]

On 22/8/2024 at 8:38, Knowband Plugins said:

En tu instalación de PrestaShop, navega a los archivos de la plantilla. Normalmente, los encontrarás en temas/leo_zoli/templates/_partials/.

Abre encabezado.tpl. Este archivo controla el diseño del encabezado, incluido el logo:
<div id="header_logo">
<a href="{$base_dir}">
<img src="{$logo}" alt="{$shop_name}" / >
</a>
</div>
Agrega en el archivo CSS, es decir, themes/leo_zoli/assets/css/, y ajusta el id según corresponda:
#header_logo img {
max-width: 300px; /* Ajusta según sea necesario */
height: auto;
}

Hola! Si, fui a ese archivo pero lo único que hay dentro es esto! No figura nada del logo. Por eso no supe como seguir.

Gracias!

[Que Tupe]

On 22/8/2024 at 8:38, Knowband Plugins said:

En tu instalación de PrestaShop, navega a los archivos de la plantilla. Normalmente, los encontrarás en temas/leo_zoli/templates/_partials/.

Abre encabezado.tpl. Este archivo controla el diseño del encabezado, incluido el logo:
<div id="header_logo">
<a href="{$base_dir}">
<img src="{$logo}" alt="{$shop_name}" / >
</a>
</div>
Agrega en el archivo CSS, es decir, themes/leo_zoli/assets/css/, y ajusta el id según corresponda:
#header_logo img {
max-width: 300px; /* Ajusta según sea necesario */
height: auto;
}

Encontré en el layout.tpl algo en torno al logo, pero no se si es lo que me indicas. O si por defecto el tema del logo estará en el tema clásico que viene por defecto en Prestashop.

[Knowband Plugins]

Hola,

En el HTML de su tienda, se refiere al siguiente archivo:
módulos\appagebuilder\views\templates\hook\ApGenCode

Por favor verifique si tiene el código correspondiente.

Saludos.

[Que Tupe]

On 9/4/2024 at 5:24 AM, Knowband Plugins said:

Hola,

En el HTML de su tienda, se refiere al siguiente archivo:
módulos\appagebuilder\views\templates\hook\ApGenCode

Por favor verifique si tiene el código correspondiente.

Saludos.

Hola! Creería que no

[aixos]

Hola

en el tema classic si tienes un logo grande, lo cambias normalmente por la administración en Diseño/logo   cambiar y luego sale el logo grande, así de fácil

[German Florez]

Hola, el problema que tienes es que esta zona de la página está dividida en tres columnas, y el logo tiene definida una clase (max-width: 100%) que lo condiciona a reducirse cuando la columna es menor a 200px. Por esta razón, cuando se llega al tamaño móvil, el espacio es muy pequeño y se ve de esa manera.

Puede ser que en el apartado de configuraciones del tema haya alguna opción que permita cambiar esta disposición y solucionarlo.

De no ser así, el problema se puede resolver modificando los estilos CSS en el archivo custom, de manera que, cuando haya una actualización del tema, esta modificación se mantenga 

El archivo lo tienes en la administración de la plantilla, en los apartados donde puedes agregar CSS y JavaScript.

No es complicado solucionar estos problemas, pero tocaría mirar la administración para saber lo que permite hacer la plantilla que módulos ocupa y como administra las posiciones.