Module PrestaShop bloc html - outil pour ajouter n'importe quel code (html, javascript, css, etc.) aux endroits sélectionnés par l'utilisateur. Plus de 20 hooks pris en charge, ce qui signifie que vous pouvez ajouter votre code où vous le souhaitez. Le module prend en charge tout code côté client tel que html, html5, css2, css3, javascript, jquery, etc. Avec Bloc HTML, vous pouvez ajouter des publicités, du code, des plugins et bien d'autres choses !
Vous voulez ajouter des images, des textes, du code HTML, js, css à un endroit de votre boutique ? Avec ce module, vous pouvez le faire en quelques secondes. Cet excellent addon est un outil multifonctionnel pour ajouter n'importe quel code côté client où vous le souhaitez dans l'interface de votre boutique. Avec ce module, vous pouvez créer vos propres blocs avec du texte, des images ou avec des widgets de sites comme Facebook (plugin "like box"), Twitter, Pinterest, etc. La procédure d'ajout de code est simple et tout le monde peut le faire grâce à la configuration conviviale de ce module.
 |
 |
 |
|
Facile à utiliser et à configurer |
Gérer la visibilité des blocs
Vous pouvez configurer la visibilité de chaque bloc. Vous pouvez créer un bloc pour les clients connectés, non connectés et tous les clients |
Changer la position |
 |
 |
 |
|
Prend en charge toutes les balises html / css / js |
Éditeur de contenu facile à utiliser Vous n'êtes pas familier avec le codage ? Pas de soucis, le module permet d'utiliser un éditeur de contenu convivial appelé "wysiwyg" |
Prise en charge multilingue |
Possibilité d'utiliser des variables
Une fonctionnalité géniale et appréciable du module est la possibilité d'utiliser des variables. Les variables seront remplacées par certaines valeurs. C'est donc un excellent outil pour créer et utiliser des scripts de suivi. Surtout pour les sites Web externes. Ci-dessous, vous trouverez des exemples de variables disponibles dans le module. Les futures versions de l'addon auront plus de variables supplémentaires !
| Variable | Description | Règles d'apparence |
| {smartyTemplate:XXX} | Ce shortcode permet d'inclure le contenu d'un fichier .tpl (avec code smarty) - où XXX est le nom du fichier de template créé avec le gestionnaire de templates smarty inclus dans ce module | Variable disponible globalement |
| {current_url} | Cette variable sera remplacée par l'URL complète de la page actuellement visualisée | Variable disponible globalement |
| {currency_iso} | Cette variable sera remplacée par le code ISO de la devise (par exemple USD, EUR, PLN, GBP, etc.) | Variable disponible globalement |
| {id_customer} | si vous utilisez cette variable, le module la remplacera par l'ID du client connecté à la boutique | La variable ne sera remplacée que si le client est connecté à la boutique. |
| {email_customer} | si vous utilisez cette variable, le module la remplacera par l'e-mail du client connecté à la boutique | |
| {customer_firstname} | Si vous utilisez cette variable, le module la remplacera par le prénom du client connecté | |
| {customer_lastname} | Si vous utilisez cette variable, le module la remplacera par le nom de famille du client connecté | |
| {id_category} | si vous utilisez cette variable, le module la remplacera par l'ID de la catégorie que le client navigue | La variable ne sera remplacée que si le client navigue sur une page de catégorie dans votre boutique |
| {name_category} | si vous utilisez cette variable, le module la remplacera par le nom de la catégorie que le client navigue | |
| {path_array_category} |
Si vous utilisez cette variable, le module la remplacera par un tableau des catégories parentes de la catégorie que le client navigue, par exemple : 'accueil', 'femme', 'robes', 'robes décontractées' |
|
| {HOOK:hook_name} |
Vous pouvez utiliser ce shortcode pour afficher le contenu du hook à l'intérieur de la boîte créée avec ce module. Par exemple : {HOOK:leftColumn}, {HOOK:rightColumn}, {HOOK:footer}. {HOOK:displayTop} etc. |
Vous pouvez utiliser le shortcode pour exécuter et afficher le contenu du hook où vous le souhaitez |
| {HOOK:(1):(2)} |
Fonctionnalité pour exécuter le module sélectionné à partir du hook où (1) est le nom du hook et (2) est le nom du module à exécuter. Par exemple : {HOOK:displayProductFooter:productcomments} |
Vous pouvez l'utiliser partout |
| {id_product} |
Cette variable sera remplacée par l'id du produit actuellement consulté (page produit) |
Les variables sont disponibles sur la page produit et sur la liste des produits (hook exécuté avec le paramètre ID produit) |
| {id_product_attribute} |
Cette variable sera remplacée par l'ID de l'attribut du produit (si défini) |
|
| {product_name} |
Cette variable sera remplacée par le nom complet du produit |
|
| {product_ean13} |
Cette variable sera remplacée par le code ean13 du produit |
|
| {product_isbn} | Cette variable sera remplacée par le code ISBN du produit | |
| {manufacturer_name} |
Cette variable sera remplacée par le nom du fabricant du produit |
|
| {product_price_tax_incl} |
Prix du produit - taxes incluses |
Les variables sont disponibles sur la page produit et sur la liste des produits (hook exécuté avec le paramètre ID produit) |
| {product_price_tax_incl_no_currency} |
Prix du produit - taxes incluses - sans symbole de devise |
|
| {product_price_tax_excl} | Prix du produit - taxes exclues | |
| {product_price_tax_excl_no_currency} | Prix du produit - taxes exclues - sans symbole de devise | |
| {product_price_tax_incl*X} | Prix du produit (taxes incluses ou taxes exclues) multiplié par X (où X est un nombre comme : 1,5,10, 2.5, 0.22 etc.) | |
| {product_price_tax_excl*X} | ||
| {cart_products_id} |
Cette variable sera remplacée par la liste des ID de produits qui se trouvent actuellement dans le panier |
Ces variables sont disponibles globalement, mais uniquement si vous avez des produits dans le panier. Si le panier est vide, le module ne renverra pas de valeurs. |
| {cart_total} |
Cette variable sera remplacée par la valeur totale du panier (sans le signe de la devise - juste une simple valeur entière) |
|
| {cart_total_with_currency} |
Cette variable sera remplacée par la valeur totale du panier avec le signe de la devise |
|
| {order_id} |
Cette variable sera remplacée par l'ID de la commande passée. |
Vous pouvez utiliser ce shortcode / cette variable sur la page de confirmation de commande (lorsque quelqu'un passe une commande et que la boutique confirme que la commande a été passée correctement) |
| {order_currency_iso_code} |
Cette variable sera remplacée par le code ISO de la devise que le client a utilisée pour passer une commande |
|
| {order_total_paid} |
Cette variable sera remplacée par la valeur totale de la commande que le client a payée pour la commande |
|
| {order_total_paid_tax_incl} |
Cette variable sera remplacée par la valeur totale de la commande taxes incluses que le client a payée pour la commande |
|
| {order_total_paid_tax_excl} | Cette variable sera remplacée par la valeur totale de la commande taxes exclues que le client a payée pour la commande | |
| {order_total_products_tax_included} | Cette variable sera remplacée par la valeur totale des produits de la commande. Cette valeur inclut les taxes | |
| {order_total_products_tax_excluded} | Cette variable sera remplacée par la valeur totale des produits de la commande. Cette valeur n'inclut pas la valeur des taxes payées | |
| {order_products_id} | Cette variable sera remplacée par la liste des produits que le client a achetés (utile pour le pixel Facebook en tant que paramètre content_ids) |
Exemples d'utilisation du module
Spécifications du module HTML Box Professional :
|
Fonctionnalités et caractéristiques |
 |
| combien de lieux différents à utiliser ? |
illimité |
| combien de codes différents à utiliser |
illimité |
| éditeur WYSIWYG | |
| éditeur de templates Smarty | |
| Support multilingue | |
| Lieux disponibles (hooks) | 20+ |
| Prend en charge les hooks personnalisés | |
| Combien de hooks personnalisés peut-il gérer ? | illimité |
| Shortcode {htmlboxpro:XX} pour les pages CMS pour afficher le contenu de la boîte HTML (avec l'utilisation de notre module produits sur pages CMS gratuit ) |
|
| Option d'affichage "pour les connectés uniquement" | |
| Option d'affichage "pour les non connectés uniquement" | |
| Option d'affichage "pour tous les utilisateurs" | |
| Afficher le bloc uniquement sur les pages avec certificat SSL | |
| Afficher le bloc uniquement sur la page d'accueil | |
|
Afficher le bloc uniquement sur certaines pages de produits (vous pouvez définir les produits) |
|
|
Vous pouvez exclure le bloc de certaines pages de produits |
|
|
Afficher le bloc sur la page produit lorsque le produit vaut plus (ou égal) à la valeur définie |
|
|
Afficher le bloc sur la liste des produits à côté du produit si le produit vaut plus (ou égal) à la valeur définie |
|
|
Afficher le bloc sur la page produit lorsque le produit vaut moins (ou égal) à la valeur définie |
|
|
Afficher le bloc sur la liste des produits à côté du produit si le produit vaut moins (ou égal) à la valeur définie |
|
|
Afficher le bloc uniquement pour les produits qui sont en rupture de stock ou en stock (à la fois sur la page produit et sur la liste des produits) |
|
|
Afficher le bloc uniquement si le produit est associé aux catégories sélectionnées |
|
|
Afficher le bloc uniquement si le produit est associé au fabricant sélectionné |
|
|
Afficher le bloc uniquement si le produit est associé au fournisseur sélectionné |
|
|
Afficher le bloc uniquement sur certaines pages CMS (vous pouvez définir les pages CMS) |
|
|
Afficher le bloc uniquement sur les pages de catégories CMS sélectionnées |
|
|
Afficher le bloc uniquement sur les pages de fabricants sélectionnées |
|
|
Afficher le bloc uniquement sur les pages de catégories sélectionnées |
|
|
Exclure le bloc de certaines pages de catégories |
|
|
Afficher le bloc lorsque quelqu'un recherche une phrase définie |
|
|
Possibilité de masquer le bloc pour le groupe de clients sélectionné |
|
|
Afficher le bloc uniquement sur l'URL sélectionnée |
|
|
Possibilité d'afficher le bloc uniquement pour le groupe de clients sélectionné |
|
|
Possibilité d'utiliser des variables - par exemple {id_customer} etc. |
|
|
Afficher le bloc lorsque le visiteur cherche quelque chose |
|
|
Afficher le bloc uniquement sur la période de date sélectionnée |
|
|
Afficher le bloc sur le type de jour sélectionné comme lundi, samedi, dimanche, etc. |
|
|
Afficher le contenu uniquement si la boutique est consultée dans la devise sélectionnée |
|
|
Afficher le contenu personnalisé uniquement si l'adresse de livraison pointe vers le pays sélectionné |
|
|
Afficher le contenu personnalisé uniquement si le visiteur est originaire du pays sélectionné (identification de l'origine basée sur la géolocalisation) |
|
|
Afficher le bloc uniquement à l'heure sélectionnée (de, à, entre les heures) |
|
| Ajouter / supprimer plusieurs blocs à un seul endroit (hook) | |
| Activer / désactiver le bloc à l'intérieur des hooks | |
| Afficher / masquer le bloc sur les appareils mobiles | |
| Afficher / masquer le bloc sur les tablettes | |
| Afficher / masquer le bloc sur les PC | |
| Possibilité de modifier la position des blocs à l'intérieur des hooks | |
| dictionnaire des hooks et description | |
| Support en ligne | |
| Paramètres généraux du module | |
| Possibilité de désactiver l'éditeur TinyMCE | |
| Possibilité d'utiliser l'éditeur étendu tinymce pro | |
| Possibilité d'empêcher la suppression des URLs du code | |
| Lieux disponibles (hooks) à utiliser | |
| front office Header | |
| front office Top | |
| front office Left Column | |
| front office Right Column | |
| front office Footer | |
| front office Home (page d'accueil) | |
| front office produit Extra gauche | |
| front office produit Extra droite | |
| front office produit Actions produit | |
| front office produit Produit en rupture de stock | |
| front office produit Pied de page produit | |
| front office produit Onglet produit | |
| front office produit Contenu de l'onglet produit | |
| front office commande Transporteur supplémentaire | |
| front office commande Avant transporteur | |
| front office commande Paiement | |
| front office commande Retour paiement | |
| Front office commande Confirmation de commande | |
| front office commande Haut du paiement | |
| front office commande Panier | |
| front office commande Extra panier | |
| front office utilisateur Bloc Mon compte | |
| front office utilisateur Compte client | |
| front office utilisateur Haut Créer un compte | |
| front office utilisateur Formulaire Créer un compte | |
4.95
${prefix} (which should be {$prefix} in PHP 8.1). getIdProductAttributesByIdAttributes with the new getIdProductAttributeByIdAttributes for PrestaShop 8.x. displayOrderConfirmation hook in PrestaShop 1.7.x. hide_by_geolocation variable. {product_price_tax_excl} {product_price_tax_incl} {product_price_tax_excl*X} - where x is a number (it will be a math calculation). {product_price_tax_incl*X} - where x is a number (it will be a math calculation).
Files manager and webp images support PrestaShop has files manager that gives possibility to upload images to img/cms/ directory. These pictures can be used to build product descriptions etc. How to add webp images support to this default files manager in PrestaShop ?
New Croatian law requries prices in two currencies Croatia switches currency to EUR. Because of this all on-line merchants requires to show prices in two currencies - Croatian Kuna and in Euros. How to achieve this in PrestaShop?
Brand on list of purchased products This guide shows how to add brand (manufacturer) name of product to list of purchased products on order details page in PrestaShop 1.7
VAT tax changes and PrestaShop Check how to deal with new VAT tax rules in European Union b2c transactions. Is PrestaShop ready for these changes?