Separadores da Ficha de Produto PrestaShop: documentação
Instalar, configurar e utilizar o módulo de gestão de separadores da ficha de produto: âmbitos, conteúdo HTML ou CMS, arrastar e largar e acordeão em telemóvel.
Este módulo permite-lhe criar separadores personalizados na ficha de produto da sua loja PrestaShop 8 ou 9. Cada separador pode abranger todos os produtos, algumas categorias ou uma seleção específica de produtos, mostrar conteúdo HTML enriquecido ou uma página CMS, e transformar-se em acordeão no telemóvel. Esta documentação cobre a instalação, a configuração e a utilização no dia a dia.
Instalação
O módulo instala-se como qualquer outro módulo PrestaShop, sem dependências nem configuração de servidor específica.
- No back-office, abra Módulos > Gestor de módulos e clique em Carregar um módulo.
- Selecione o arquivo ZIP do módulo e deixe a instalação decorrer.
- Depois de instalado, aparece um novo acesso Catálogo > DF Tabs Builder no menu do back-office.
O módulo cria cinco tabelas dedicadas aos seus dados. São automaticamente eliminadas na desinstalação, sem deixar resíduos na base de dados.
Definições gerais
Na ficha do módulo, o botão Configurar abre as definições gerais, independentes dos próprios separadores.
Acordeão em telemóvel
Esta opção ativa a transformação automática dos separadores em acordeão nos ecrãs pequenos. Quando está ativa, abaixo de uma determinada largura de ecrã a fila de separadores passa a ser uma pilha de cabeçalhos expansíveis de abertura única. Acima dessa largura, os separadores nativos do seu tema continuam a ser apresentados normalmente.
Ponto de rutura
O ponto de rutura define a largura de ecrã (em píxeis) abaixo da qual o modo acordeão é ativado. O valor predefinido é 768 píxeis, o que corresponde à passagem de tablet para telemóvel na maioria dos temas. Pode introduzir um valor entre 320 e 1920 píxeis.
Criar um separador
Abra Catálogo > DF Tabs Builder e clique em Adicionar um separador. O formulário de edição reúne todas as definições de um separador.
Título do separador
O título é introduzido idioma a idioma: é a etiqueta apresentada no separador, na ficha de produto. Preencha-o para cada idioma da sua loja.
Estado
O comutador Ativo permite ativar ou desativar o separador sem o eliminar. Um separador inativo não aparece em nenhuma ficha de produto.
Abranger os produtos certos
O campo Mostrar em determina o âmbito do separador. Há três opções possíveis.
Todos os produtos
O separador é global: aparece em todas as fichas de produto da loja. É a escolha ideal para um separador de garantias, de entrega ou de perguntas frequentes comuns.
Categorias específicas
O separador só aparece nos produtos pertencentes às categorias selecionadas. Surge então uma árvore de categorias com caixas de seleção e pesquisa: assinale uma ou várias categorias. Um produto associado a uma das categorias assinaladas passa a mostrar o separador.
Produtos específicos
O separador abrange apenas uma seleção precisa de produtos. Aparece um campo de pesquisa: escreva pelo menos dois caracteres para procurar um produto por nome, por referência ou por identificador. Clique num resultado para o acrescentar; passa então a aparecer sob a forma de etiqueta. Clique na cruz de uma etiqueta para retirar o produto da seleção.
Pode partilhar um separador de manutenção por toda uma secção, aplicando-o a uma categoria, e reservar ao mesmo tempo um separador técnico para algumas referências específicas através do âmbito por produto.
Escolher o conteúdo do separador
O campo Tipo de conteúdo oferece duas origens.
HTML personalizado
Redige o conteúdo diretamente no editor enriquecido integrado, idioma a idioma. Pode inserir texto formatado, listas, imagens, tabelas ou vídeos integrados. É o modo recomendado para um conteúdo próprio do separador.
Página CMS
Liga uma página CMS existente da sua loja. O conteúdo dessa página passa a ser apresentado no separador, no idioma do visitante. É prático para reutilizar uma política de devoluções ou umas instruções de manutenção já redigidas, sem as duplicar: qualquer atualização da página CMS reflete-se automaticamente no separador.
Um separador cujo conteúdo resolvido esteja vazio não é apresentado na ficha de produto. Isto evita mostrar um separador vazio, por exemplo quando uma página CMS está desativada.
Reordenar os separadores
Na lista de separadores, uma coluna de posição permite reordená-los por arrastar e largar: agarre a pega de uma linha e desloque-a para cima ou para baixo. A ordem aqui definida é exatamente aquela em que os separadores aparecem na ficha de produto, da esquerda para a direita.
Comportamento em telemóvel
Quando o acordeão em telemóvel está ativo nas definições gerais, os separadores transformam-se automaticamente em acordeão abaixo do ponto de rutura definido. Cada separador passa a ser um cabeçalho clicável com um sinal de expansão; a abertura de um cabeçalho fecha o anterior (abertura única). Acima do ponto de rutura, os separadores nativos do seu tema são repostos tal como estavam: o comportamento não é destrutivo.
O acordeão apoia-se na marcação de separadores padrão do tema. Num tema com marcação muito atípica, se o acordeão não puder ser construído, os separadores continuam a ser apresentados normalmente: não é introduzida qualquer regressão.
Desinstalação
A desinstalação a partir do Gestor de módulos elimina o módulo, as suas definições e todos os separadores criados, bem como as cinco tabelas associadas. É pedida uma confirmação, uma vez que esta operação apaga definitivamente todos os separadores.
Resolução de problemas
Os meus separadores não aparecem na ficha de produto
Confirme que o separador está ativo, que o seu âmbito corresponde ao produto consultado (categoria ou produto abrangido) e que o conteúdo não está vazio. Num separador do tipo página CMS, certifique-se de que a página CMS ligada está ativa no idioma do visitante.
O acordeão não é acionado no telemóvel
Certifique-se de que a opção de acordeão em telemóvel está ativa nas definições gerais e de que a largura do seu ecrã é mesmo inferior ao ponto de rutura configurado. Limpe a cache do PrestaShop depois de qualquer alteração às definições.
Um separador aparece no sítio errado
A ordem dos separadores é determinada pela coluna de posição da lista. Reordene os separadores por arrastar e largar e recarregue a ficha de produto para verificar.