PrestaShop Design & Navigation

Catalogue PDF PrestaShop – Visionneuse pro double page, miniatures & plein écran

Vos catalogues PDF intégrés partout sur la boutique, avec une visionneuse pro

Publiez vos catalogues PDF sur votre boutique PrestaShop 8 ou 9 et intégrez-les où vous voulez : page CMS, description de catégorie, fiche produit ou template de thème, via un simple shortcode. Visionneuse de niveau professionnel avec mode double page magazine, miniatures cliquables, plein écran, rendu HiDPI net sur Retina et 4K et liens cliquables dans le PDF.

  • Remboursement 30 jours
  • 12 mois de mises à jour
  • Support 24h
www.datafirefly.com/
Génération d'un catalogue produits au format PDF sur PrestaShop
v1.2.0 · mis à jour 2026-08-10
Ce que ça fait

La version courte.

01

Intégrable dans n'importe quelle page

Collez le shortcode dfpdfcatalog dans une page CMS, une description de catégorie ou une fiche produit et le catalogue apparaît à cet endroit précis. Widget Smarty et iframe également disponibles.

02

Visionneuse pro double page

Navigation magazine : couverture seule, puis spreads 2-3, 4-5… Le PDF s'affiche directement sur votre boutique, sans redirection ni téléchargement forcé.

03

Miniatures + plein écran

Sidebar de miniatures cliquables avec rendu lazy pour les longs catalogues. Mode plein écran HD pour une lecture immersive (API native + fallback iOS Safari).

04

Liens & texte cliquables

Les hyperliens du PDF restent cliquables (URI externes et sommaire interne). Le texte est sélectionnable, copiable, et la recherche Ctrl+F native du navigateur fonctionne.

05

Page vitrine et URLs SEO-friendly

Une grille de bannières cliquables sur /catalogues-pdf, des routes /catalogue-pdf/{id}-{slug} générées automatiquement, et un meta title et une meta description propres à chaque catalogue.

06

Back-office natif, multilingue & multiboutique

Onglet dédié dans le menu Catalogue. Upload bannière + PDF, tri par position, codes d'intégration prêts à copier, multilingue, multiboutique, désinstallation propre.

La version longue

Tout ce que vous voudriez savoir avant d'installer.

Un regard détaillé sur le fonctionnement de Catalogue PDF PrestaShop – Visionneuse pro double page, miniatures & plein écran, pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.

§ 01

Publiez vos catalogues PDF sans développer une seule ligne de code

DFPDFCatalog ajoute un onglet dédié dans le menu Catalogue de votre back-office PrestaShop. Depuis cet onglet, vous ajoutez un catalogue en renseignant le titre, une description, une image de bannière et le fichier PDF. En quelques secondes, le catalogue apparaît sur la page /catalogues-pdf de votre boutique, prêt à être consulté par vos clients.

§ 02

Intégrez un catalogue dans n'importe quelle page

La page vitrine ne convient pas à tous les usages. Pour une landing page métier, une page marché public ou une catégorie qui doit présenter son propre catalogue, il suffit de coller un shortcode à l'endroit voulu : dfpdfcatalog id="3" entre crochets. Le module traite ce marqueur côté serveur dans les pages CMS, les descriptions de catégorie et les fiches produit, et un repli JavaScript couvre les contenus produits par un page builder ou un bloc de thème. Un widget Smarty est disponible pour les templates, et un contrôleur d'intégration sans habillage permet d'afficher un catalogue en iframe, y compris sur un site externe. Vous pouvez placer autant de catalogues que nécessaire sur une même page : chaque visionneuse est indépendante des autres.

§ 03

Une visionneuse de niveau professionnel intégrée à votre boutique

La visionneuse PDF.js intégrée offre une expérience de lecture comparable à Adobe Acrobat directement sur votre site : mode double page magazine (couverture seule, puis spreads 2-3, 4-5…), sidebar de miniatures cliquables avec rendu paresseux, mode plein écran HD, zoom et ajustement à la largeur, navigation au clavier. Le rendu est net même sur écrans Retina et 4K grâce à un rendu HiDPI adaptatif. Les hyperliens du PDF restent cliquables, le texte est sélectionnable et la recherche Ctrl+F du navigateur fonctionne nativement sur le contenu du PDF.

§ 04

Pensé pour les pages qui affichent plusieurs catalogues

Afficher huit catalogues sur une même page ne doit pas alourdir son chargement. Par défaut, chaque intégration affiche une affiche d'ouverture reprenant la bannière du catalogue, et la visionneuse ne se charge qu'au clic. En mode d'affichage direct, le chargement se déclenche à l'approche du viewport. La bibliothèque de rendu et la feuille de style ne sont téléchargées qu'une seule fois pour toute la page, et uniquement si un catalogue est réellement présent. Les gros PDF sont servis en flux, avec support des requêtes HTTP Range pour un chargement progressif.

§ 05

Des URLs propres et un SEO soigné

Le module déclare ses routes via le hook moduleRoutes : /catalogues-pdf pour la page de liste et /catalogue-pdf/{id}-{slug} pour chaque visionneuse, où {slug} est généré automatiquement à partir du titre. Chaque page visionneuse génère un meta title et une meta description propres à partir du titre et de la description du catalogue. La page de liste a également ses propres metas. Les fils d'Ariane natifs de PrestaShop sont respectés. Les pages d'intégration destinées aux iframes sont en noindex, pour ne jamais concurrencer vos vraies pages.

§ 06

Multilingue, multiboutique et tri personnalisable

Les titres et descriptions des catalogues sont traduits par langue depuis le back-office. Les catalogues sont filtrés par boutique : chaque boutique voit uniquement les catalogues qui lui sont assignés. L'ordre d'affichage est personnalisable par glisser-déposer dans la liste admin, et chaque catalogue peut être activé ou désactivé indépendamment sans le supprimer.