Avisos
Vaciar todo

Problemas para editar pies de página de storefront

6 Respuestas
3 Usuarios
0 Reactions
53 Visitas
Respuestas: 0
 

Hola,
Tengo varias dudas para editar el footer de la plantilla storefront:
En la primera columna, cada vez que añado imagen o icono de RRSS, se posiciona abajo y no en lateral, lo que provoca que se amplíe el pie, quisiera que aparecieran uno al lado del otro y reducir tamaño. También que el enlace se abra en otra página.

En la cuarta columna, donde aparece el e-mail quisiera que al pinchar sobre el mismo se pudiese abrir automáticamente un outlook o el correo que se utilice.
Gracias,

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 03/09/2019 10:55 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si estas usando HTML, tienes que agregar todos tus íconos en un solo widget HTML, las imágenes que agregues tienen que usar etiquetas de enlace e imagen, no divs, de esta manera se mostrarán uno al costado del otro.

Saludos.


 
Respondido : 04/09/2019 6:20 am
Respuestas: 0
 

No entiendo muy bien lo que comentas.
En el mismo widget html donde está facebook, he puesto:

Contenido solo visible a usuarios registrados

Pero no sirve. En vez del icono aparece escrito y debajo.


 
Respondido : 05/09/2019 12:04 am
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

En la cuarta columna, donde aparece el e-mail quisiera que al pinchar sobre el mismo se pudiese abrir automáticamente un outlook o el correo que se utilice.

Modifica lo que has insertado como a continuación se muestra:

atencioncliente@granadasecologicas.com

A lo que Jhon se refiere es que en lugar de que insertes en un widget distinto cada ícono generando un HTML como este:

facebook
granadasecologicaspain
Sello Certificación CAECV

Agregando todo en un widget debería generar un html como el siguiente:


Saludos.


 
Respondido : 05/09/2019 5:37 am
Respuestas: 0
 

Gracias Bulmaru.
He hecho unos cambios para que el icono de facebookno saliese alargado. lo que no he conseguido es dejar un poco de espacio entre los iconos (aparecen todos pegados) y que enlacen en una página nueva. No sé el código a utilizar.
Gracias


 
Respondido : 06/09/2019 4:22 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Veo que ya tienes algunas imágenes con enlaces, prueba agregar el siguiente código CSS adicional para que se muestre todo en línea.

.widget_text .block.footer-widget-1 > *{
	display:block;
	margin-right:4px;
}

Saludos.


 
Respondido : 06/09/2019 5:11 pm