Botão Filtrar Produtos Flutuante na Versão Mobile para Loja Integrada

Botão Filtrar Produtos Flutuante na Versão Mobile para Loja Integrada

posted in: Apps | 0

 

Hoje a Visualyze Design Web traz a você uma simples extensão que torna flutuante o botão filtrar produto, na versão mobile, dentro da página de categoria na plataforma Loja Integrada, veja o exemplo abaixo:

Mas por que tornar este botão flutuante?

Se observarmos a versão mobile das loja que possuem muitos produtos dentro um uma categoria veremos que se forma uma coluna gigantesca de produtos na tela do smartfone e que o botão filtrar fica presente apenas no topo dessa coluna, ou seja, se o cliente estiver navegando entre os produtos já na parte inferior da coluna, e se ele sentir vontade de filtrar a sua busca, ele terá que subir toda lista para utilizar o botão, cansativo não é? Por isso o botão flutuante se torna útil.

O botão surge apenas quando o cliente desce a barra de rodagem, é feito desta maneira para que ele apareça apenas na listagem dos produtos e não obstrua o cabeçalho.

Atenção lojistas! Nós não criamos uns sistema de filtragem novo! Este ainda é o sistema de filtragem padrão da plataforma, porém com um comportamento diferente!

 

Observações Importantes:

  • Essa extensão é válida apenas para plataforma Loja Integrada;
  • Essa funcionalidade já traz uma formatação CSS padrão. Se você tiver conhecimento nessa área poderá editar a sua maneira livremente por sua conta e risco ou entre em contato e solicite um orçamento. Não fazemos este serviço gratuitamente.
  • Não recomendamos a utilização dessa extensão quando já existir objetos flutuantes no mesmo local em sua loja/site, pois um poderá sobrepor o outro. A menos que tenha conhecimento para alterar o código e reposicionar essa extensão, não a utilize.
  • A utilização dessa funcionalidade é indicada apenas para lojas que utilizam o visual padrão da loja integrada. Erros poderão ocorrer em lojas que possuem layout personalizado. Utilize por sua conta e risco.

 

Instruções de Instalação:

Clique neste link para criar um entrada HTML avançada em sua Loja Integrada e preencha os dados como na imagem abaixo:

Botao Filtrar Produtos Flutuante para Mobile Loja Integrada Visualyze Design Web Intalacao

 

Preencha como na imagem os campos de descrição, local de publicação, página de publicação e tipo. Atenção pois a página de publicação é na Página de Categoria!

No campo conteúdo, cole todo o conteúdo do arquivo TXT que você irá baixar ao final desta descrição.

Não é necessária nenhuma alteração no código do campo conteúdo para o correto funcionamento da extensão. Aproveite!



  • Ao clicar no botão aguarde 5 segundos e clique no botão “fechar propaganda” no topo a direita. As páginas seguintes contêm anúncios.
Comments are closed.