Size Chart Pro - Guia de Tamanhos em Popup na Página do Produto, Uma Tabela por Produto

A dúvida sobre o tamanho é o que trava a encomenda

Vestuário, calçado, anéis, luvas, quadros de bicicleta, arneses para animais — sempre que o tamanho não é óbvio, o cliente arrisca ou desiste. Uma tabela de tamanhos responde à pergunta no momento exato em que ela surge: na página do produto, ao lado do botão de compra, num clique, sem abrir um novo separador e sem perder o carrinho.

Como funciona

• 1. Abra o separador Tabela de Tamanhos do produto — está junto aos restantes separadores de módulos na ficha do produto, em Catálogo → Produtos.
• 2. Marque a caixa e escolha uma imagem — jpg, jpeg, png, gif ou webp até 5 MB. O carregamento é guardado de imediato, por isso a tabela fica associada mesmo antes de guardar o formulário do produto.
• 3. É tudo — aparece um botão Tabela de Tamanhos com ícone de régua ao lado do Adicionar ao carrinho e, ao clicar, a sua tabela abre num popup.

Um botão que parece feito para o seu tema

O botão é apresentado através do hook productActions padrão do PrestaShop, pelo que fica onde o seu tema coloca as ações do produto e herda o respetivo estilo. O ícone de régua é um SVG inline desenhado com currentColor e dimensionado em em, por isso assume a cor e o tamanho de texto do próprio botão em qualquer tema. O popup é uma simples janela modal do Bootstrap — o Bootstrap do seu tema, na versão correspondente — o que significa nada de Fancybox, nada de Slimbox e nenhuma biblioteca de JavaScript adicional distribuída com o módulo.

Uma tabela por produto, ou o catálogo inteiro de uma vez

Cada produto tem a sua própria imagem e o seu próprio interruptor de ativação, que é exatamente o que precisa quando um vestido, um anel e um par de botas pedem três tabelas diferentes. Quando está a configurar centenas de produtos, use a Importação / exportação em massa na página de configuração do módulo: exporte todos os produtos configurados no formato id_product,displaybutton,sizechartlink, edite o ficheiro e volte a importá-lo. A importação só mexe nas linhas do seu ficheiro — o resto da configuração fica intacto — e as linhas que apontam para um produto inexistente são ignoradas e comunicadas no fim.

Verifica-se e repara-se sozinho

O separador Diagnóstico faz verificações em tempo real sempre que o abre: a pasta de carregamentos tem permissões de escrita, está protegida, a extensão GD está disponível, o endereço de carregamento está acessível. Se a pasta de carregamentos ou o .htaccess que a protege desaparecerem, o módulo recria os dois automaticamente, em vez de lhe entregar uma lista de comandos de consola.

Reconstruído a pensar na segurança na versão 2.0

A versão 1.x incluía três scripts autónomos e sem autenticação — upload.php, import.php e export.php. A versão 2.0 substituiu os três por um único controlador autenticado por token, acedido pelo encaminhamento normal do index.php do PrestaShop, o que também contorna as regras de alojamento (as do hPanel da Hostinger, entre outras) que bloqueiam pedidos diretos a ficheiros .php dentro da pasta de um módulo. As imagens carregadas passam agora por validação no servidor — extensão, tipo MIME e tamanho — e são recodificadas com GD quando este está disponível, pelo que um ficheiro que não seja imagem, renomeado para .png, não consegue entrar. O painel CSV do backoffice deixou de aparecer na página pública do produto, e as imagens das tabelas passaram a ser guardadas pelo nome do ficheiro e reconstruídas a partir do domínio atual da loja — mudar a loja para um novo domínio ou passar para HTTPS já não estraga todas as tabelas.

Compatibilidade

PrestaShop 1.7, 8 e 9. A extensão GD do PHP é recomendada, mas não obrigatória — sem ela os carregamentos continuam a funcionar, apenas saltam o passo de recodificação, e o separador Diagnóstico avisa-o disso. O nome técnico do módulo mantém-se igual ao da versão 1.x, por isso passar de uma versão antiga é uma atualização normal e não uma reinstalação, e os registos existentes são migrados por si.

Perguntas frequentes

Cada produto pode ter uma tabela diferente?

Sim. A imagem e o interruptor de ativação são definidos produto a produto, por isso um vestido, um anel e um par de botas podem mostrar cada um a sua tabela.

Que formatos de imagem posso carregar?

jpg, jpeg, png, gif e webp, até 5 MB. O conteúdo real do ficheiro é verificado no servidor, por isso mudar o nome a um ficheiro não suportado não o faz passar.

Tenho de guardar o produto para a imagem ficar associada?

Não — a imagem é carregada e guardada sozinha. Só precisa de guardar o formulário do produto para manter a caixa que mostra o botão.

Como configuro centenas de produtos?

Exporte as definições atuais para CSV a partir da página de configuração do módulo, edite o ficheiro numa folha de cálculo e volte a importá-lo. Só as linhas do seu ficheiro são alteradas.

O botão vai combinar com o meu tema?

É apresentado pelo hook productActions padrão e usa a janela modal do Bootstrap do seu próprio tema, por isso assume o estilo dos botões do tema; o ícone de régua herda a cor e o tamanho de texto do botão.

O que acontece se mudar a loja para um novo domínio?

Não se estraga nada. As tabelas são guardadas pelo nome do ficheiro e o URL é reconstruído para o domínio em que a loja estiver — e a atualização a partir de uma versão anterior à 2.0 migra os antigos URL absolutos por si.

Preciso de ter o GD instalado?

Não é obrigatório. Com o GD, cada carregamento é recodificado como verificação de segurança adicional; sem ele, os carregamentos continuam a funcionar e o separador Diagnóstico assinala que esse passo foi ignorado.