Les principales pages et dossiers sont posés. Vous devez encore renseigner les constantes du gabarit TS. Vous avez deux possibilités : soit passer par le menu "Constant Editor", soit modifier directement le template principal en complétant le champ des constantes.

# Constantes de l'extension Commerce

plugin.tx_commerce_lib {

# PID du dossier système des adresses
addressPid=21

# PID du dossier système des clients
userPid=22
 
# PID où les adresses (coordonnées) doivent être modifiées
editAddressPid=20

# PID de la page Panier
basketPid=15

# PID du panier vide
emptyBasketPid=16

# PID de la page lorsque la validation du panier n'est pas possible
emptyCheckoutPid=18

# PID de la page de validation (checkout)
checkoutPid=17

# PID du catalogue des produits
overridePid=13

# ID du moyen de paiement par défaut
paymentArticleId=1

# ID des catégories de paiement
payProdId=1

# ID du type de livraison
delProdId=1

# Catégorie par défaut
catUid=2

# ID du groupe d'utilisateur pour les nouveaux inscrits
userGroup=1

# Code ISO de la monnaie
currency=EUR

# Code ISO de staticInfoTable
currencyId=49

# Type générique d'article pour le panier et sa validation
regularArticleTypes=1

# Ajout de paramètres supplémentaires dans l'url
# pour accélérer l'affichage de la navigation
useRootlineInformationToUrl=0

# Affichage des erreurs en front
showErrors=1

# Calculer la TVA sur le prix net
priceFromNet=0

# Gestion des stocks
useStockHandling=0
}

# Path to template files
plugin.tx_commerce_pi1 {
templateFile = fileadmin/templates/extensions/commerce/product.html
}

plugin.tx_commerce_pi2 {
    templateFile = fileadmin/templates/extensions/commerce/basket.html
   
}
       
plugin.tx_commerce_pi3 {
    templateFile = fileadmin/templates/extensions/commerce/checkout.html
   
    UserMailTemplateFile =  fileadmin/templates/extensions/commerce/checkout_usermail.html
   
    AdminMailTemplateFile =  fileadmin/templates/extensions/commerce/checkout_adminmail.html
   
}

plugin.tx_commerce_pi4 {
    templateFile = fileadmin/templates/extensions/commerce/addresses.html
    minAddressCount = 1
}

plugin.tx_commerce_pi6 {
    templateFile = fileadmin/templates/extensions/commerce/invoice.html
}

# SETUP

plugin.tx_commerce_pi3{
billing.sourceFields.country.default=FRA
}

Nous allons copier ensuite les gabarits de l'extension dans fileadmin pour plus de sécurité si nous devons un jour mettre à jour l'extension sans modifier les gabarits html.

Voici l'emplacement du fichier original puis une copie vers un nouvel emplacement.

typo3conf/ext/commerce/pi1/category_product.tpl
-> fileadmin/templates/extensions/commerce/product.html

typo3conf/ext/commerce/pi2/shoppingcart.tpl
-> fileadmin/templates/extensions/commerce/basket.html

typo3conf/ext/commerce/pi3/template_checkout.tpl
-> fileadmin/templates/extensions/commerce/checkout.html

typo3conf/ext/commerce/pi4/template_addresses.tpl
-> fileadmin/templates/extensions/commerce/addresses.html

typo3conf/ext/commerce/pi3/template_adminmail.tpl
-> fileadmin/templates/extensions/commerce/checkout_adminmail.html

typo3conf/ext/commerce/pi3/template_usermail.tpl
-> fileadmin/templates/extensions/commerce/checkout_usermail.html

typo3conf/ext/commerce/pi6/invoice.tpl
-> fileadmin/templates/extensions/commerce/invoice.html

La configuration par défaut de l'extension est stockée dans le répertoire ext/commerce/static/constants.txt et ext/commerce/static/setup.txt. Vous pouvez jeter un oeil aux fichiers mais rappelez-vous que nous avons affaire à des catégories et à des produits. Le setup de l'extension permet de configurer l'affichage de chaque champ à notre guise.

Nous avons par exemple pour le pi1  plugin.tx_commerce_pi1.listView.categories.fields.subtitle où :
- plugin.tx_commerce_pi1 correspond au plugin chargé de l'affichage des données
- listView pour un affichage de tous les produits ou catégories (ici les catégories)
- fields pour le champ de la table concernée (tx_commerce_products, tx_commerce_categories, etc) ... suivi du champ que l'on souhaite configurer - ici subtitle.

Nous pouvons appliquer des fonctions de wrap, stdWrap, typolink... Pour ajouter un lien sur un sous-titre, nous avons donc le code suivant :
plugin.tx_commerce_pi1 {
  listView.categories.fields.subtitle.wrap >
  listView.categories.fields.subtitle.typolink.setCommerceValues = 1
  listView.categories.fields.subtitle.typolink.useCacheHash = 1
}

Le marqueur qui appelle le sous-titre est ###CATEGORY_SUBTITLE### dans le subpart ###CATEGORY_VIEW_DISPLAY###