Como configurar o Sticker Header da loja - SignaCommerce
Aprenda a configurar o cabeçalho scroll em sua loja. Ao navegar na loja, nota-se importante a presença de um menu que acompanhe o usuário. Visto que em determinados momentos o usuário pode descer até o final da página e decida mudar para alguma outra categoria na página e não quer ter que subir novamente a página. É nesse momento que se faz fundamental um cabeçalho fixo que acompanhe o usuário durante toda a sua navegação.
Para ativar este recurso na loja, basta seguir as instruções abaixo:
1 - Localizar o recurso
1.1 - Para acessar as configurações do recurso, basta ir em Loja > Configurações > Configuração > Amasty Extensions > JET Theme > Cabeçalho Personalizado :
2 - Configurando o cabeçalho
2.1 - Enable Sticky Header (Ativar Cabeçalho Personalizado): deve-se mantê-lo como sim, caso seja desejável manter o cabeçalho fixo durante a navegação. Ao habilitar este recurso, algumas funcionalidades serão disponibilizadas:
2.1.1 - Always Display Sticky Header (Exibir Sempre o Cabeçalho Fixo): deve-se manter como “Sim”, caso seja desejável manter o cabeçalho fixo durante toda a navegação. Ao manter como “Não”, outras opções de fixar o cabeçalho aparecerão:
2.1.2 - Display on Scroll Down (Exibir ao Rolar para Baixo): Deve-se manter habilitado caso seja desejável manter o cabeçalho fixo apenas quando o usuário desce na página, ao subir na mesma, o cabeçalho desaparecerá.
2.1.3 - Hide on Scroll Down (Ocultar ao Rolar para Baixo): Esta funcionalidade aparecerá ao manter o Display on Scroll Down ativo. Nela, deverá ser informado o tamanho em pixels. Tal informação será a responsável por mostrar o cabeçalho após o usuário descer uma quantidade determinada de pixels;
2.1.4 - Display on Scroll Up (Exibir ao Rolar para Cima): Deve-se manter habilitado caso seja desejável manter o cabeçalho fixo apenas quando o usuário subir na página, ao subir na mesma, o cabeçalho desaparecerá.
3 - Reindexação e caches
3.1 - Após realizar estas alterações, será necessário realizar uma limpeza de caches, para realizar esta ação, basta seguir o seguinte tutorial clicando aqui.
Dúvidas ou dificuldades em executar o processo? Entre em contato com o suporte! Será um prazer atender você :)