LogoLogo
Homepage
  • Documentations for PrestaShop 1.5
  • English documentation 1.5
    • About PrestaShop 1.5
    • New features in PrestaShop 1.5
    • Getting Started
      • What you need to get started
      • Installing PrestaShop
      • Installing PrestaShop using the command line
      • Updating & Uninstalling
      • Misc. information
    • Updating PrestaShop
      • Automatic update
      • Manual update
      • Making and restoring your own backup
      • In case of issues
    • User Guide
      • Training
      • Customizing your shop
      • Browsing the front-office
      • Connecting to the PrestaShop back-office
      • First steps with PrestaShop 1.5
      • Adding Products and Product Categories
      • A Look Inside the Catalog
      • Managing Orders
      • Managing Customers
      • Creating Price Rules and Vouchers
      • Managing Shipping
      • Understanding Local Settings
      • Managing Modules and Themes
      • Making the Native Modules Work
      • Understanding the Preferences
      • Understanding the Advanced Parameters
      • Administering the Back-Office
      • Understanding Statistics
      • Advanced Stock Management
      • Managing Multiple Shops
    • Developer Guide
      • Developer tutorials
        • Using the PrestaShop Web Service
          • Webservice one-page documentation
          • Chapter 1 - Creating Access to Back Office
          • Chapter 2 - Discovery - Testing access to the web service with the browser
          • Chapter 3 - First steps - Access the Web service and list client
          • Chapter 4 - Retrieve Data - Retrieving a Client
          • Chapter 5 - Modification - Update client
          • Chapter 6 - Creation - Remote Online Form
          • Chapter 7 - Removal - Remove customer accounts from the database
          • Chapter 8 - Advanced Use
          • Chapter 9 - Image management
          • Chapter 10 - Price management
          • Cheat-sheet - Concepts outlined in this tutorial
          • Web service reference
        • Helpers
          • HelperForm
          • HelperOptions
          • HelperList
          • Using helpers to overload a back-office template
        • New Developers Features In PrestaShop 1.5
        • Using the Context Object
        • DB class best practices
        • Public and overloadable methods
        • Overriding default behaviors
        • Using addJquery(), addJqueryPlugin() and addJqueryUI()
        • Handling special characters in links
        • Auto-updating modules
        • Front-Office Controllers
        • Controllers correspondence table
        • Specifics of multistore module development
        • Developer tips and tricks
        • PrestaShop's developer tools
        • Using the backward compatibility toolkit
      • Fundamentals
      • Coding Standards
      • Setting up your local development environment
      • Diving into PrestaShop Core development
      • Creating a PrestaShop module
      • Creating a front-office module
      • Creating a module with both front-end and back-end controllers
      • Hooks in PrestaShop 1.5
      • Translations in PrestaShop 1.5
      • How to use the Forge to contribute to PrestaShop
      • How to write a commit message
      • Contributing code to PrestaShop
    • Designer Guide
      • Theme development fundamentals
      • Integrating content in a page using hooks
      • Characteristics of a front-office theme
      • Characteristics of a back-office theme
      • Creating your own theme
      • Theme templates and Smarty
      • Using jQuery and Ajax
      • Best practices
      • Designer tutorials
        • Changes in version 1.5 which impact theme development
        • Changing a 1.4 theme to support gift products
        • Implementing layered navigation in a theme
    • System Administrator Guide
    • Merchant's Guide
      • Our advices
      • Sample price rules
    • FAQ
      • Using PrestaShop with WordPress
    • Troubleshooting
  • Documentation française 1.5
    • À propos de PrestaShop 1.5
    • Nouveautés de PrestaShop 1.5
    • Guide de démarrage
      • Ce dont vous avez besoin
      • Installer PrestaShop
      • Installer PrestaShop en ligne de commande
      • Mettre PrestaShop à jour
      • Informations diverses
    • Guide de mise à jour
      • Mise à jour automatique
      • Mise à jour manuelle
      • Faire une sauvegarde et la restaurer
      • En cas de problème
    • Guide de l'utilisateur
      • Formations
      • Personnaliser votre boutique
      • Parcourir le front-office
      • Se connecter au back-office de Prestashop
      • Premiers pas avec PrestaShop 1.5
      • Ajouter des produits et des catégories de produits
      • Un aperçu du catalogue
      • Gérer les commandes
      • Gérer les clients
      • Mettre en place des promotions
      • Gérer les transporteurs
      • Comprendre les réglages locaux
      • Gérer les modules et les thèmes
      • Configurer les modules natifs
      • Comprendre les préférences
      • Comprendre les paramètres avancés
      • Administrer le back-office
      • Comprendre les statistiques
      • Gestion avancée des stocks
      • Gérer plusieurs boutiques
    • Guide du développeur
      • Fondamentaux
      • Norme de développement
      • Mettre en place votre environnement de développement
      • Plonger dans le développement PrestaShop
      • Créer un module PrestaShop
      • Les hooks de PrestaShop 1.5
      • Les traductions dans PrestaShop 1.5
      • Comment utiliser la Forge pour contribuer à PrestaShop
      • Comment écrire un descriptif de modification
    • Guide de l'intégrateur
      • Fondamentaux de la création de thème
      • Intégrer du contenu dans une page à l'aide de hooks
      • Caractéristiques d'un thème front-office
      • Caractéristiques d'un thème back-office
      • Template de thème et Smarty
      • Utiliser jQuery et Ajax
      • Bonnes pratiques
    • Guide de l'administrateur système
    • Guide du vendeur
      • Exemples de promotions
      • Nos bons conseils
    • Questions fréquentes
    • Dépannage
  • Documentación española 1.5
    • Acerca de PrestaShop 1.5
    • Introducción
      • Lo que necesita para empezar
    • Guía del usuario
      • Formación
      • Personalización de su tienda
      • Exploración del front-office
      • Conexión al back-office de PrestaShop
      • Primeros pasos con PrestaShop 1.5
      • Añadir productos y categorías de productos
      • Una mirada interna al catálogo
      • Gestionar pedidos
      • Gestionar clientes
      • Crear reglas de precios y cupones
      • Gestionar el transporte
      • Comprender la Configuración Local
      • Gestionar módulos y temas
      • Configurar los Módulos Nativos
      • Comprender las Preferencias
      • Comprender los Parámetros avanzados
      • Administrar el Back-Office
      • Comprender las estadísticas
      • Gestión avanzada de stock
      • Gestionar varias tiendas
    • Guía del Desarrollador
      • Tutoriales para Desarrolladores
        • Uso del Web Service de Prestashop
          • Capítulo 1 - Creación de acceso al Back Office
  • Документация на русском языке 1.5
    • Информация о PrestaShop 1.5
    • Новые функции в PrestaShop 1.5
    • Приступая к работе
      • Что нужно чтобы приступить к работе
      • Установка PrestaShop
      • Установка PrestaShop при помощи командной строки
      • Обновление и удаление PrestaShop
      • Прочая информация
    • Руководство пользователя
      • Обучение
      • Настройка вашего магазина
      • Изучение публичной части сайта
      • Бэк-офис PrestaShop
      • Первые шаги в PrestaShop 1.5
      • Добавление товаров и товарных категорий
      • Внутри каталога
      • Управление заказами
      • Работа с клиентами
      • Создание правил ценообразования корзины и ваучеров
      • Управление доставкой
      • Ориентация в локальных настройках
      • Управление модулями и темами
      • Настойка встроенных модулей
      • Ориентация в настройках
      • Ориентация в расширенных параметрах
      • Администрирование Back-Office
      • Ориентация в статистике
      • Расширенное управление запасами
      • Управление мультимагазином
Powered by GitBook
On this page
  • Template de thème et Smarty
  • Principes de base
  • Usages avancés

Was this helpful?

  1. Documentation française 1.5
  2. Guide de l'intégrateur

Template de thème et Smarty

PreviousCaractéristiques d'un thème back-officeNextUtiliser jQuery et Ajax

Last updated 4 years ago

Was this helpful?

Contenu

Template de thème et Smarty

Smarty est un moteur de template PHP solide, facile à apprendre et à utiliser, et qui dispose d'une syntaxe propre et compacte. Il vous aide à avoir un code HTML beaucoup plus simple, et fonctionne en compilant puis en mettant en cache chaque page.

Principes de base

Délimiteurs

Les délimiteurs indiquent au moteur de template la présence d'un appel Smarty. Les délimiteurs utilisés par Smarty utilisent des accolades : {appel_smarty}

Si vous avez besoin d'utiliser des accolades dans le code de votre template, Smarty dispose d'un appel particulier : {redelim} pour une accolade ouvrante ({), et {rdelim} pour une accolade fermante (}).

Commentaires

Comme avec tout langage de script ou de programmation, vous pouvez mettre des commentaires dans le code de votre template, et le moteur de template ne les traitera pas.

Les commentaires utilisent des délimiteurs normaux, accompagné du caractère * :

{* Commentaire sur une ligne. *}

{* 
Commentaire
sur
plusieurs
lignes.
*}

{* Commentaire sur du {$code} Smarty. *}

Variables

Tout comme en PHP, les variables sont présentées avec un signe dollar suivi du nom de la variable. Le fait de mettre une variable directement dans des délimiteurs Smarty signifie que vous souhaitez afficher son contenu tel quel. Par exemple, {$foo} est l'équivalent Smarty d'un appel PHP echo $foo;.

Vous pouvez également appliquer des "modifieurs" à vos variables :

{* Affiche le contenu de la variable en minuscule (lowercase). *}
{$foo|lower}
    
{* Affiche le contenu de la variable après avoir remplacé un mot par un autre. *}
{$foo|replace:'bar':'baz'}
    
{* Exemple de modifieurs qui se suivent. *}
{$foo|lower|capitalize|truncate:10:'...'}

Expressions conditionnelles

Smarty dispose d'un système conditionnel if / else / elseif :

{if $coffee == 'good'}
  {* Programmeur heureux *}
{elseif $coffee == 'very good'}
  {* Programmeur très heureux *}
{else}
  {* Programmeur grognon *}
{/if}

Boucles

Smarty reconnaît deux boucles : section et foreach. Vous pouvez utiliser des itérateurs, et même le conditionnel foreachelse :

<?php
  $items_list = array( 23 => array('no' => 2456, 'label' => 'Salad'), 96 => array('no' => 4889, 'label' => 'Cream') );
  $smarty->assign('items', $items_list);
?>
<ul>
{foreach from=$items key=myId item=i}
  <li><a href="item.php?id={$myId}">{$i.no}: {$i.label}</li>
{/foreach}
</ul>

Vous pouvez en apprendre plus sur chaque boucle grâce à leurs pages respectives sur le site offficiel :

Inclusion de fichier

Vous pouvez facilement inclure un fichier template dans un autre à l'aide des fonctions include, extends ou block. Grâce à l'héritage, l'inclusion d'un fichier peut avoir un impact sur de nombreux templates à la fois.

La méthode d'assignation nécessite deux paramètres obligatoires :

  • file : le nom du fichier template à inclure.

  • assign : le nom de la variable à laquelle le résultat de l'inclusion sera assigné.

Voici deux exemples :

{* Inclure d'un fichier. *}
{include file='steps.tpl'}
   
{* Placer le contenu inclus dans une variable, puis afficher cette variable.	 *}
{include file='text.tpl' assign='MyText'}
{$MyText}

Démonstration de l'héritage à l'aide de extends et block :

{* Nom du fichier : parent.tpl *}
<html>
<head>
<title>{block name="title"}Default Title{/block}</title>
...
{block name="title"}New Title{/block}
</head>
</html>

{* Nom du fichier : child.tpl *}
{extends file='parent.tpl'}
{block name='title'}New Page Title{/block}

Ce dernier exemple utilise la fonction block, qui est conçue pour définir une zone nommée du template d'origine pour l'héritage de template.

Vous pouvez en apprendre plus sur l'héritage de templates et sur chaque fonction d'inclusion en lisant leurs pages respectives sur le site officiel :

Fonction de débogage

L'ensemble du processus interne entourant un template Smarty peut être affiché lorsque la page est chargée.

Au cours du développement du thème, cela peut être fait pour chaque page chargée en modifiant le fichier /config/smarty.config.inc.php et en modifiant la valeur de $smarty->debugging :

$smarty->debugging = true;

Une fois le thème sur son site de production, vous pouvez activer la méthode de débogage en ajoutant la directive {DEBUG} au fichier de template.

Vous pouvez également gérer la fonction de débogage directement depuis PrestaShop : dans le menu "Paramètres avancés", dans la page "Maintenance", changez l'option "Console de debug" selon vos besoins.

Usages avancés

Captures

La fonction capture permet de récupérer le résultat d'un template sans l'afficher. Par exemple : {capture name="myCapture'} ... {/capture}.

Pour utiliser ce contenu, vous devez appeler la super-variable $smarty : $smarty.capture.myCapture

N'oubliez pas de tester l'existence de la capture avant de vous en servir :

{if $smarty.capture.<nom>} ou {if isset($smarty.capture.<nom>}

La fonction de capture est également capable d'auto-assigner une variable :

{capture name='maCapture' assign='maVariable'}
   ...
{/capture}
{* Puis, pour utiliser le contenu, appelez la variable $myVariable. *}

Assigner des variables

Il est possible d'assigner une variable dans un fichier template (vue), à l'aide de la fonction assign :

{assign var='myVar2' value='Ma valeur'}

{* Affichera "Ma valeur". *}
{$myVar2}

La variable $smarty

$smarty est ce que l'on appelle une super-variable. Elle permet de récupérer des informations utiles :

  • valeurs de capture : $smarty.capture.maVariable

  • valeurs GET : {$smarty.get.<nom>}

  • valeurs POST : {$smarty.post.<nom>}

  • horodatage actuel : {$smarty.now}, ou avec un formatage personnalisé : {$smarty.now|date_format:'%d-%m-%Y %H:%M:%S'}

  • constantes PHP : {$smarty.const.<nom de la constante>}

Dans Smarty 2, $smarty pouvait être utilisé avec foreach :

Quand la boucle est définie en tant {foreach from=$myarray key="mykey" item="myitem"} ...vous pouvez lancer un appel $smarty.foreach.name.property.

Depuis PrestaShop 1.5, il est recommandé de n'utiliser que la syntaxe Smarty 3. De fait, l'appel $smarty.foreach.varName.property peut être remplacé par l'appel équivalent $varName@property.

Littéraux

La balise literal permet d'utiliser un bloc de données tel quel, littéralement, sans que Smarty cherche à l'interpréter :

{literal}
<script type="text/javascript">
  function myFonction()
  {
    ...
  }
</script>
{/literal}

Fonctions

Les fonctions Smarty n'utilisent pas le préfixe $ des variables : {debug}, {rdelim}, {ldelim}, ...

Elles peuvent accepter des paramètres : {include file='<nom du fichier>'}

La structure d'un appel de fonction est comme suit : {nomDeLaFonction arg1='...' arg2='...'}

Vous ne pouvez pas utiliser de modifieurs sur les fonctions. Par exemple {nomDeLaFonction arg1='...' |lower} ne renverra pas le résultat espéré.

Vous pouvez en apprendre plus sur les fonctions de Smarty sur le site officiel :

Plugins

Les plugins de Smarty permettent d'étendre son comportement standard. Ils sont écrits en PHP

Par exemple, PrestaShop dispose d'un plugin Smarty qui crée une fonction pour gérer les chaînes traduisibles : {l}

Tout d'abord, dans un thème :

{l s='Hello dear viewer'}

Et dans un module (même s'il est surchargé) :

{l s='Hello dear view' mod='myModule'}

Ce qu'il ne faut pas faire avec Smarty et PrestaShop

Quelques aspects à prendre en compte lorsque vous utilisez Smarty :

  • Ne pas faire d'appel direct avec les constantes de PrestaShop. En particulier, n'utilisez jamais {$smarty.const._DB_PASSWD_}, pour des raisons évidentes.

  • Ne remplacez par les variables mises en place par PrestaShop.

  • Ne rendez pas le code inutilement difficile à lire. Par exemple, évitez de faire des appels include depuis un fichier déjà inclus dans un autre...

  • Ne faites pas d'appels PHP directs. Par exemple, n'utilisez pas {php} // PHP code {/php}.

Vous pouvez en apprendre plus en vous rendant sur son site officiel :

Vous pouvez obtenir une liste complète des modifieurs disponibles sur le site officiel :

Vous pouvez en apprendre plus sur les diverses expressions conditionnelles sur le site officiel :

Vous pouvez en apprendre plus sur la fonction debug sur le site officiel :

Vous pouvez en apprendre plus sur la fonction capture via le site officiel :

Vous pouvez en apprendre plus sur la fonction assign sur le site officiel :

Vous pouvez en apprendre plus sur la variable $smarty sur le site officiel :

Vous pouvez en apprendre plus sur la fonction literal sur le site officiel :

Vous pouvez en apprendre plus sur les plugins Smarty sur le site officiel :

http://www.smarty.net/
http://www.smarty.net/docsv2/en/language.modifiers.tpl
http://www.smarty.net/docsv2/en/language.function.if.tpl
http://www.smarty.net/docs/en/language.function.section.tpl
http://www.smarty.net/docs/en/language.function.foreach.tpl
http://www.smarty.net/docs/en/advanced.features.template.inheritance.tpl
http://www.smarty.net/docs/en/language.function.include.tpl
http://www.smarty.net/docs/en/language.function.extends.tpl
http://www.smarty.net/docs/en/plugins.block.functions.tpl
http://www.smarty.net/docs/en/language.function.debug.tpl
http://www.smarty.net/docs/en/language.function.capture.tpl
http://www.smarty.net/docs/en/language.function.assign.tpl
http://www.smarty.net/docs/en/language.variables.smarty.tpl
http://www.smarty.net/docs/en/language.function.literal.tpl
http://www.smarty.net/docs/en/language.syntax.functions.tpl
http://www.smarty.net/docs/en/language.builtin.functions.tpl
http://www.smarty.net/docs/en/language.custom.functions.tpl
http://www.smarty.net/docs/en/plugins.tpl
Template de thème et Smarty
Principes de base
Délimiteurs
Commentaires
Variables
Expressions conditionnelles
Boucles
Inclusion de fichier
Fonction de débogage
Usages avancés
Captures
Assigner des variables
La variable $smarty
Littéraux
Fonctions
Plugins
Ce qu'il ne faut pas faire avec Smarty et PrestaShop