Module BCBlockPub

Récemment, nous avons eu un client qui souhaitait changer très souvent sa bannière promotionnelle en page d'accueil, mais à chaque fois qu'il fallait remplacer une image ou déplacer la bannière, il devait faire appel à l'équipe de développement pour modifier le code du thème. Pire encore, dès qu'il voulait un slider avec 2 ou 3 images qui défilent, cela impliquait de passer encore du temps à faire écrire du JS sur mesure.

PrestaShop ne dispose d'aucune fonctionnalité intégrée permettant aux administrateurs de gérer eux-mêmes les images, bannières ou sliders depuis le back-office. Les boutiques se retrouvent donc dépendantes de leur équipe de développement pour le moindre petit changement, alors qu'il devrait suffire de quelques clics pour le faire soi-même.

Ce module a donc été créé pour redonner aux propriétaires de boutique leur autonomie de gestion du contenu — qu'il s'agisse de changer une image, de déplacer une bannière, d'ajuster un slider, ou d'activer/désactiver une popup promotionnelle, tout peut désormais se faire instantanément depuis le back-office, sans attendre ni dépendre d'un développeur pour écrire du nouveau code à chaque petite modification.

Que fait ce module ?

C'est un module PrestaShop permettant de créer des blocs d'images (image unique ou slider) et de les placer n'importe où dans votre thème via le système de hooks — aussi bien les hooks natifs de PrestaShop (page d'accueil, haut de page, bannière, pied de page, colonne gauche/droite, etc.) que des hooks personnalisés (displayCustom1-5) pour les emplacements non pris en charge nativement par le thème. Il peut également s'afficher sous forme de popup, ciblée sur des pages spécifiques (par exemple des ID produit/catégorie/CMS précis).

Pourquoi il a été construit

Parce qu'ajouter une bannière ou une image promotionnelle dans un thème PrestaShop nécessite normalement de modifier directement le code du thème à chaque changement de position ou d'image, et qu'un slider impliquerait en plus d'écrire du JS sur mesure. Ce module a été créé pour permettre aux administrateurs de gérer entièrement les images, bannières et sliders depuis le back-office, sans toucher au code du thème (à l'exception d'un extrait de code hook à ajouter une seule fois pour les emplacements personnalisés).

Quel problème cela résout

Devoir modifier le code du thème à chaque changement de bannière ou d'image promotionnelle — tout se gère désormais depuis le back-office.
Vouloir un slider d'images alors que le thème ne le prend pas en charge, ou sans budget pour du développement sur mesure — le module génère automatiquement un slider dès qu'un bloc contient 2 images ou plus.
Vouloir une popup promotionnelle uniquement sur certaines pages, sans importuner les visiteurs à chaque visite — ciblage de pages avec mémorisation de la fermeture pour éviter qu'elle ne réapparaisse.
Des images desktop mal adaptées au mobile — possibilité de définir des images et ratios distincts pour le mobile.

Comment ça marche

L'administrateur crée un « bloc » et choisit le mode d'affichage — via un hook (en sélectionnant la position de hook souhaitée) ou en tant que popup (ciblable sur des pages spécifiques, par exemple accueil/produit/catégorie/CMS, jusqu'à des ID précis).
Dans le bloc, l'administrateur ajoute un ou plusieurs « items » — chacun avec une image desktop, un lien de destination (avec option d'ouverture dans le même onglet ou un nouvel onglet), une légende courte, et une image/ratio mobile distincts si besoin.
Si un bloc contient 2 images ou plus, il devient automatiquement un slider, avec des flèches précédent/suivant, le support du swipe tactile, une pause au survol, et la navigation au clavier avec les flèches.
Une fois enregistré, le système récupère les blocs correspondant au hook ou à la page en cours et les affiche en direct sur le site (pour les popups, il vérifie d'abord un cookie pour savoir si le visiteur l'a déjà fermée).

Fonctionnalités

Deux modes d'affichage : intégration via hook standard/personnalisé, ou popup ciblée par page
Support complet des hooks standards de PrestaShop (accueil, haut de page, bannière, pied de page, colonne gauche/droite, etc.) plus 5 emplacements de hooks personnalisés
Ciblage de la popup jusqu'à des pages produit/catégorie/CMS précises, avec mémorisation « ne plus afficher après fermeture »
Slider automatique dès qu'un bloc contient 2 images ou plus (lecture auto/manuelle, délai réglable, support swipe/clavier, pause au survol)
Plusieurs options de ratio d'affichage (16:9, 4:3, 1:1, 3:4, 21:9, 3:1) ou ratio personnalisé
Images et ratios mobiles distincts, lorsqu'ils diffèrent du desktop
Lien de destination, légende et choix même onglet/nouvel onglet par item, avec légende multilingue