Shortcode de slideout
Esta extensão permite exibir o filtro em um contêiner deslizante, tanto em toda a loja quanto em páginas separadas. Pode ser representado como um shortcode em páginas únicas. Você pode encontrar suas opções na aba Avançado.
Exemplo de código: [woof_slideout image_h=50 image_w=50 location=right speed=100 action=click offset=”100px” onloadslideout=false ][/woof_slideout].
O shortcode pode ser gerado por um botão especial “Gerar shortcode” (veja as telas abaixo).
Página de demonstração: https://demo.products-filter.com/slideout/
Possui opções:
- Visibilidade global – mostrar/ocultar slideout nas páginas de loja
- Botão como – imagem ou texto, button-image pode ser selecionado abaixo da opção, em vez do padrão em “Imagem de slideout” campo. Se for texto – você pode abaixo da opção inserir “Texto do slideout”
- Imagem de slideout – url da imagem para o botão
- Tamanho da imagem do botão – Largura X Altura (px) da imagem do botão
- Texto do slideout – texto do botão
- Posição – onde mostrar o botão slideout: direita, esquerda, topo
- Velocidade – velocidade de animação do popup em (ms)
- Ação – forma de exibir o popup deslizante: clique ou hover
- Offset – deslocamento do botão (px) de cima ou da esquerda da borda da janela
- Tamanho do contêiner – largura e altura do container html do popup em (px)
- Estado após a inicialização – como mostrar o popup slideout após o carregamento da página: aberto ou fechado
- Comportamento móvel – o botão slideout deve estar visível em dispositivos móveis
- Gerar shortcode – com este botão você pode definir configurações e gerar um shortcode para suas necessidades em páginas únicas. Após o uso, se você não quiser que as configurações se tornem globais, atualize a página para evitar o salvamento das configurações!
