PrestaShop Design & Navegação

Catálogo PDF no PrestaShop: Visualizador Profissional em Página Dupla, Miniaturas e Ecrã Inteiro

Os seus catálogos em PDF integrados em qualquer ponto da loja, com um visualizador profissional

Publique os seus catálogos em PDF na loja PrestaShop 8 ou 9 e integre-os onde quiser: página CMS, descrição de categoria, ficha de produto ou template do tema, através de um simples shortcode. Visualizador de nível profissional com modo página dupla de revista, miniaturas clicáveis, ecrã inteiro, desenho HiDPI nítido em Retina e 4K e ligações clicáveis dentro do PDF.

  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Catálogo de produtos em PDF apresentado numa loja PrestaShop
v1.2.0 · atualizado 2026-08-10
O que faz

A versão curta.

01

Integrável em qualquer página

Cole o shortcode dfpdfcatalog numa página CMS, numa descrição de categoria ou numa ficha de produto e o catálogo aparece exatamente nesse sítio. Também estão disponíveis um widget Smarty e a integração por iframe.

02

Visualizador profissional em página dupla

Navegação de revista: capa isolada e depois as páginas 2-3, 4-5 e seguintes. O PDF aparece diretamente na loja, sem redirecionamentos nem transferências forçadas.

03

Miniaturas e ecrã inteiro

Barra lateral de miniaturas clicáveis com desenho diferido para catálogos longos. Modo de ecrã inteiro em HD para uma leitura imersiva (API nativa e recurso para o Safari do iOS).

04

Ligações e texto clicáveis

As hiperligações do PDF continuam clicáveis (URI externos e índice interno). O texto é selecionável e copiável, e a pesquisa nativa Ctrl+F do navegador funciona.

05

Página de montra e URL amigáveis para SEO

Uma grelha de banners clicáveis em /catalogues-pdf, rotas /catalogue-pdf/{id}-{slug} geradas automaticamente e um meta title e uma meta description próprios de cada catálogo.

06

Back-office nativo, multilingue e multiloja

Separador dedicado no menu Catálogo. Carregamento do banner e do PDF, ordenação por posição, códigos de integração prontos a copiar, multilingue, multiloja e desinstalação limpa.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Catálogo PDF no PrestaShop: Visualizador Profissional em Página Dupla, Miniaturas e Ecrã Inteiro funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Publique os seus catálogos em PDF sem escrever uma linha de código

O DFPDFCatalog acrescenta um separador dedicado ao menu Catálogo do back-office do PrestaShop. Nesse separador, acrescenta um catálogo indicando o título, uma descrição, uma imagem de banner e o ficheiro PDF. Em poucos segundos, o catálogo aparece na página /catalogues-pdf da sua loja, pronto a ser consultado pelos clientes.

§ 02

Integre um catálogo em qualquer página

A página de montra não serve para todos os usos. Para uma landing page setorial, uma página de concurso público ou uma categoria que deva apresentar o seu próprio catálogo, basta colar um shortcode no sítio pretendido: dfpdfcatalog id="3" entre parênteses retos. O módulo trata esse marcador no servidor nas páginas CMS, nas descrições de categoria e nas fichas de produto, e um recurso em JavaScript cobre os conteúdos gerados por um page builder ou por um bloco de tema. Existe um widget Smarty para os templates e um controlador de integração sem cabeçalho nem rodapé que permite mostrar um catálogo num iframe, mesmo num site externo. Pode colocar tantos catálogos quantos precisar na mesma página: cada visualizador é independente dos outros.

§ 03

Um visualizador de nível profissional integrado na loja

O visualizador PDF.js integrado oferece uma experiência de leitura comparável à do Adobe Acrobat, diretamente no seu site: modo página dupla de revista (capa isolada e depois as páginas 2-3, 4-5 e seguintes), barra lateral de miniaturas clicáveis com desenho diferido, modo de ecrã inteiro em HD, zoom e ajuste à largura e navegação por teclado. O resultado é nítido mesmo em ecrãs Retina e 4K, graças a um desenho HiDPI adaptativo. As hiperligações do PDF continuam clicáveis, o texto é selecionável e a pesquisa Ctrl+F do navegador funciona de origem sobre o conteúdo do PDF.

§ 04

Pensado para páginas com vários catálogos

Mostrar oito catálogos na mesma página não deve pesar no carregamento. Por predefinição, cada integração apresenta um cartaz de abertura com o banner do catálogo, e o visualizador só carrega ao clique. No modo de apresentação direta, o carregamento dispara quando a área visível se aproxima. A biblioteca de desenho e a folha de estilos são transferidas uma única vez para toda a página e apenas se houver mesmo um catálogo presente. Os PDF grandes são servidos em fluxo, com suporte de pedidos HTTP Range para um carregamento progressivo.

§ 05

URL limpos e SEO cuidado

O módulo declara as rotas através do hook moduleRoutes: /catalogues-pdf para a página de lista e /catalogue-pdf/{id}-{slug} para cada visualizador, em que o {slug} é gerado automaticamente a partir do título. Nota para uma loja portuguesa: as bases dos URL continuam em francês, só o {slug} segue o título traduzido; se quiser bases em português, é preciso alterar as rotas no código do módulo. Cada página de visualizador gera um meta title e uma meta description próprios a partir do título e da descrição do catálogo, e a página de lista tem também os seus. Os fios de Ariadne nativos do PrestaShop são respeitados. As páginas de integração destinadas a iframes estão em noindex, para nunca concorrerem com as suas páginas reais.

§ 06

Multilingue, multiloja e ordenação personalizável

Os títulos e as descrições dos catálogos são traduzidos por idioma no back-office. Os catálogos são filtrados por loja: cada loja vê apenas os catálogos que lhe estão atribuídos. A ordem de apresentação é personalizável por arrastar e largar na lista de administração, e cada catálogo pode ser ativado ou desativado de forma independente, sem ser eliminado.