PrestaShop Design & Navigation

PDF-Katalog für PrestaShop – Profi-Viewer mit Doppelseite, Miniaturen & Vollbild

Ihre PDF-Kataloge überall im Shop eingebettet, mit einem professionellen Viewer

Veröffentlichen Sie Ihre PDF-Kataloge in Ihrem PrestaShop 8 oder 9 und betten Sie sie dort ein, wo Sie sie brauchen: CMS-Seite, Kategoriebeschreibung, Produktseite oder Theme-Template, über einen einfachen Shortcode. Viewer auf professionellem Niveau mit Magazin-Doppelseitenmodus, anklickbaren Miniaturen, Vollbild, gestochen scharfem HiDPI-Rendering auf Retina und 4K sowie anklickbaren Links im PDF.

  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Erstellung eines Produktkatalogs im PDF-Format in PrestaShop
v1.2.0 · aktualisiert 2026-08-10
Was es leistet

Die Kurzfassung.

01

In jede Seite einbettbar

Fügen Sie den Shortcode dfpdfcatalog in eine CMS-Seite, eine Kategoriebeschreibung oder eine Produktseite ein und der Katalog erscheint genau dort. Smarty-Widget und iframe-Einbettung sind ebenfalls verfügbar.

02

Professioneller Doppelseiten-Viewer

Magazin-Navigation: Titelseite allein, dann Doppelseiten 2-3, 4-5… Das PDF wird direkt in Ihrem Shop angezeigt, ohne Weiterleitung und ohne erzwungenen Download.

03

Miniaturen + Vollbild

Seitenleiste mit anklickbaren Miniaturen und verzögertem Rendering für lange Kataloge. HD-Vollbildmodus für immersives Lesen (native API plus Fallback für iOS Safari).

04

Anklickbare Links & Text

Die Hyperlinks im PDF bleiben anklickbar (externe URIs und internes Inhaltsverzeichnis). Der Text ist markierbar und kopierbar, und die native Ctrl+F-Suche des Browsers funktioniert.

05

Schaufensterseite und SEO-freundliche URLs

Ein Raster anklickbarer Banner auf /catalogues-pdf, automatisch erzeugte Routen /catalogue-pdf/{id}-{slug} sowie ein eigener Meta-Title und eine eigene Meta-Description pro Katalog.

06

Natives Back Office, mehrsprachig & Multistore

Eigener Tab im Katalog-Menü. Banner- und PDF-Upload, Sortierung nach Position, kopierfertige Einbettungscodes, mehrsprachig, Multistore, saubere Deinstallation.

Die ausführliche Fassung

Alles, was Sie vor der Installation wissen wollen.

Ein detaillierter Blick darauf, wie PDF-Katalog für PrestaShop – Profi-Viewer mit Doppelseite, Miniaturen & Vollbild funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Veröffentlichen Sie Ihre PDF-Kataloge, ohne eine einzige Zeile Code zu schreiben

DFPDFCatalog fügt dem Katalog-Menü Ihres PrestaShop-Back-Office einen eigenen Tab hinzu. In diesem Tab legen Sie einen Katalog an, indem Sie Titel, Beschreibung, ein Bannerbild und die PDF-Datei angeben. Innerhalb weniger Sekunden erscheint der Katalog auf der Seite /catalogues-pdf Ihres Shops, bereit für Ihre Kunden.

§ 02

Betten Sie einen Katalog in jede Seite ein

Eine Schaufensterseite passt nicht zu jedem Anwendungsfall. Für eine branchenspezifische Landingpage, eine Seite für öffentliche Aufträge oder eine Kategorie, die ihren eigenen Katalog zeigen soll, fügen Sie einfach einen Shortcode an der gewünschten Stelle ein: dfpdfcatalog id="3" in eckigen Klammern. Das Modul löst diese Markierung serverseitig in CMS-Seiten, Kategoriebeschreibungen und Produktseiten auf, und ein JavaScript-Fallback deckt Inhalte ab, die von einem Page Builder oder einem Theme-Block erzeugt werden. Für Templates steht ein Smarty-Widget bereit, und ein layoutfreier Einbettungs-Controller erlaubt die Anzeige eines Katalogs im iframe, auch auf einer externen Website. Sie können so viele Kataloge wie nötig auf derselben Seite platzieren: Jeder Viewer ist von den anderen unabhängig.

§ 03

Ein Viewer auf professionellem Niveau, in Ihren Shop integriert

Der integrierte PDF.js-Viewer bietet ein Leseerlebnis vergleichbar mit Adobe Acrobat direkt auf Ihrer Website: Magazin-Doppelseitenmodus (Titelseite allein, dann 2-3, 4-5…), Seitenleiste mit anklickbaren Miniaturen und verzögertem Rendering, HD-Vollbildmodus, Zoom und Breitenanpassung, Tastaturnavigation. Dank adaptivem HiDPI-Rendering bleibt die Darstellung auch auf Retina- und 4K-Bildschirmen gestochen scharf. Die Hyperlinks im PDF bleiben anklickbar, der Text ist markierbar und die Ctrl+F-Suche des Browsers funktioniert nativ auf dem PDF-Inhalt.

§ 04

Ausgelegt auf Seiten mit mehreren Katalogen

Acht Kataloge auf einer Seite dürfen deren Ladezeit nicht belasten. Standardmäßig zeigt jede Einbettung zunächst ein Eröffnungsbild mit dem Katalogbanner, und der Viewer lädt erst beim Klick. Im direkten Anzeigemodus startet das Laden, sobald sich das Widget dem Viewport nähert. Die Rendering-Bibliothek und das Stylesheet werden nur einmal für die gesamte Seite geladen, und nur dann, wenn tatsächlich ein Katalog vorhanden ist. Große PDFs werden gestreamt, mit Unterstützung von HTTP-Range-Anfragen für progressives Laden.

§ 05

Saubere URLs und sorgfältiges SEO

Das Modul deklariert seine Routen über den Hook moduleRoutes: /catalogues-pdf für die Übersichtsseite und /catalogue-pdf/{id}-{slug} für jeden Viewer, wobei {slug} automatisch aus dem Titel erzeugt wird. Jede Viewer-Seite erzeugt aus Titel und Beschreibung des Katalogs einen eigenen Meta-Title und eine eigene Meta-Description. Auch die Übersichtsseite hat eigene Metaangaben. Die nativen PrestaShop-Breadcrumbs werden respektiert. Die für iframes gedachten Einbettungsseiten stehen auf noindex und konkurrieren damit nie mit Ihren echten Seiten.

§ 06

Mehrsprachig, Multistore und anpassbare Sortierung

Titel und Beschreibungen der Kataloge werden im Back Office je Sprache übersetzt. Die Kataloge werden pro Shop gefiltert: Jeder Shop sieht nur die ihm zugewiesenen Kataloge. Die Anzeigereihenfolge lässt sich per Drag and Drop in der Adminliste anpassen, und jeder Katalog kann unabhängig aktiviert oder deaktiviert werden, ohne ihn zu löschen.