Configurando a posição das vitrines via template:
Neste post, explicaremos como posicionar as boxes das vitrines nas páginas de seu site.
Para essa edição, será preciso entrar no painel da SmartHint e, no menu lateral, selecionar Recomendações >Templates.
No template de recomendação, no item “smarthint-product”, clique em Editar:
Imagem 1 (Painel SmartHint >Recomendação>Template)
Em seguida, acesse a seção Scripts:
Imagem 2 (Painel SmartHint >Recomendação>Template>Editar>Scripts)
Nessa tela, estarão listadas todas as páginas que podem ser posicionadas em nossas vitrines, selecione a página de edição.
Nosso script de posicionamento:
SmartHint.Box.addPosition(jQuery(“SELECIONAR SELETOR 'div ou class" PAGINA“), 1, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-1”), 2, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-2”), 3, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-3”), 4, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-4”), 5, ‘after’);
Obs: dentro da sua página, em inspecionar, selecione o elemento (div ou class) para copiar o seletor e indicar que nossas vitrines começaram abaixo desse elemento.
Exemplo:
Imagem 3 (Copiando seletor "div ou class" para inserir no script de posicionamento)
Algumas páginas encontram as divs (elementos) com nomes diferentes para dispositivo mobile. Para esses casos, deve-se incluir um script específico:
Nosso script de posicionamento mobile:
if (SmartHint.Framework.IsMobileOrTablet()) { SmartHint.Box.addPosition(jQuery(“SELECIONAR SELETOR "div ou class" PAGINA“), 1, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-1”), 2, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-2”), 3, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-3”), 4, ‘after’); SmartHint.Box.addPosition(jQuery(“#smarthint-position-4”), 5, ‘after’); };
Seguir a mesma inclusão de elemento na página, mas agora, selecionando no inspecionar da página o dispositivo mobile, para alterar a visualização desta página:
Imagem 4 (opiando seletor "div ou class" para inserir no script de posicionamento na versão MOBILE)
Após copiar esses seletores, substitua no script apresentado como exemplo acima, o campo ''SELECIONAR SELETOR "div ou class" PAGINA'' pelo o que foi copiado no inspecionar. Na sequencia slave e verifique as posições na página configurada.
Não se esqueça de entrar em contato com nosso suporte, através do chat disponivel no Painel SmartHint.