Bonne nouvelle pour les passionnés de code ! Vous pouvez désormais prendre le contrôle de certaines sections de votre site web grâce à la nouvelle fonctionnalité Plugins.
Qu'est-ce que les Plugins ?
Les Plugins vous permettent d'ajouter et de modifier du code Liquid, HTML, CSS et JavaScript directement sur votre site Smily. Cette fonctionnalité est idéale pour les utilisateurs qui souhaitent personnaliser leur site de manière avancée.
Rassurez-vous : si vous n'êtes pas expert en code, notre équipe continue d'effectuer les modifications standards incluses pour vous ! Cette fonctionnalité est pensée pour ceux qui préfèrent mettre les mains dans le code eux-mêmes pour des personnalisations plus avancées.
Disponibilité et prérequis
- Version requise : Theme v3 Premium
- Non compatible avec Theme v2 et Theme v1
- La liste des plugins disponibles peut varier selon la version de votre thème
- Si votre site utilise une version antérieure du Theme v3, contactez l'équipe Experience pour effectuer la mise à jour vers la dernière version
Comment fonctionnent les Plugins ?
Les plugins s'intègrent via l'interface Plugins depuis l’application Site Internet de votre compte Smily. Chaque snippet de code est enregistré par site et s'affiche aux emplacements prévus par le thème.
Types de plugins
- Plugins intégrés : chaque thème propose des plugins prédéfinis
- Plugins personnalisés : vous pouvez créer vos propres plugins, qui peuvent même être intégrés dans d'autres plugins
Bonne pratique : utilisez le préfixe custom_ pour nommer vos plugins personnalisés (exemple : custom_mon_plugin) afin d'éviter tout conflit si une future version du thème introduit un plugin portant le même nom.
Utilisation d'un plugin
Pour afficher un plugin, utilisez la balise Liquid suivante :
{% plugin nom_du_plugin %}
L'éditeur vous propose une autocomplétion avec la liste complète des plugins disponibles pour votre version de thème.
Fonction avancée : Override (remplacement de template)
Pour remplacer complètement un template, ajoutez la balise {% break %} au tout début de votre snippet de plugin.
Important :
- Cette fonction ne s'applique qu'aux plugins dont le nom commence par
template_ - La balise
{% break %}doit être la toute première chose du snippet (aucun espace ou caractère avant)
Exemple pratique : Modifier le footer de votre site
Étapes à suivre
- Activation : contactez-nous pour activer la fonctionnalité sur votre compte
- Accéder aux Plugins : connectez-vous à votre compte Smily et rendez-vous dans l'application Site Internet, section "Plugins"
- Créer un nouveau plugin : cliquez sur "New Plugin"

4. Copier le template : le code du footer se trouve dans Modèles > Components > footer.liquid


5. Coller le template dans un nouveau Plugin et modifier le code : personnalisez le template selon vos besoins
Code de départ pour le footer
{% plugin footer %}
Le template complet du footer contient tout le code nécessaire pour personnaliser l'apparence et le contenu de votre pied de page.
Templates modifiables (Theme v3)
Voici la liste des emplacements où vous pouvez insérer vos plugins personnalisés :
Emplacements structurels
before_content_for_headerbefore_head_endafter_body_startbefore_content_for_layoutbefore_body_end
Sections du site
-
header(en-tête) -
footer(pied de page)
Pages et templates
-
template_404(page d'erreur) -
template_campaign(page de campagne) -
template_category(page de catégorie) -
template_contact(page de contact) -
template_cookies(page cookies) -
template_destination(page de destination) -
template_index(page d'accueil) -
template_page_content_large(contenu de page large) -
template_page_content(contenu de page) -
template_title(titre de page) -
template_page(page standard) -
template_password(page protégée par mot de passe) -
template_rental(page de location) -
template_search(page de recherche) -
template_suggested_rentals(suggestions de locations)
Pour commencer
Intéressé(e) ? Contactez notre équipe pour activer la fonctionnalité Plugins sur votre compte Smily. Nous restons à votre disposition pour vous accompagner dans vos premières personnalisations !
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.