Comment Afficher la Date du Jour sur Shopify

Nous allons voir dans ce tutoriel comment afficher la date d’aujourd’hui sur Shopify. Sera également abordé la manipulation des dates afin d’afficher la date plus quelques jours ou mois !

Comment installer le code sur Shopify

Rendez-vous dans boutique en ligne – Action – Modifier le code et ouvrez le fichier de votre choix. Pour quelque chose de générique Mise en page (Layout) – theme.liquid. A ce stade trouvez un emplacement idéal en mettant des toto1, tot2 etc un peu partout pour vous repérer et une fois la zone choisie copiez/collez le code suivant:

Date du jour en FR

Nous sommes aujourd'hui le {{ "now"  | date: "%d %B %Y" 
    | replace: "Junary", "Janvier" | replace: "February", "Février" | replace: "March", "Mars" | replace: "April", "Avril" | replace: "May", "Mai" | replace: "June", "Juin" | replace: "July", "Juillet" | replace: "August", "Août" | replace: "September", "Septembre" | replace: "October", "Octobre" | replace: "November", "Novembre" | replace: "December", "Décembre" 
    }}.

Date du jour en EN

We are the {{ "now" | date: "%d %B %Y" }} 

Comment manipuler les dates

Vous souhaitez quelque chose de plus spécifique ? alors voyons ensemble comme rajouter des jours ou des mois voir des années à ce script !

Il va falloir rajouter une portion de code permettant de rajouter des secondes à la date du jour. Pour ce faire je vous propose d’aller sur un convertisseur en ligne : https://www.calculateme.com/time/days/to-seconds/   et de renseigner la valeur souhaitée et de rajouter la valeur de seconde en supprimant les éventuelles virgules !

Voila quelques exemples

Ces codes sont en anglais alors n’oubliez pas de rajouter la portion de code de transformation des mois en français ! cette portion la entre le %Y" et le }}:

| replace: "Junary", "Janvier" | replace: "February", "Février" | replace: "March", "Mars" | replace: "April", "Avril" | replace: "May", "Mai" | replace: "June", "Juin" | replace: "July", "Juillet" | replace: "August", "Août" | replace: "September", "Septembre" | replace: "October", "Octobre" | replace: "November", "Novembre" | replace: "December", "Décembre" 
    

Exemple + 3 jours

+ 3 jours
{{ "now" | date: "%s" | plus: 259200 | date: "%d %B %Y" }}

Exemple + 1 semaine

+ 1 semaine 
{{ "now" | date: "%s" | plus: 604800 | date: "%d %B %Y" }} 

Exemple + 1 mois

+ 1 mois 
{{ "now" | date: "%s" | plus: 2629746 | date: "%d %B %Y" }} 

Exemple + 1 an

+ 1 an 
{{ "now" | date: "%s" | plus: 31556952 | date: "%d %B %Y" }} 

Vous avez des difficultés ? consultez la vidéo 😉