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 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 😉

 

Merci de me laisser une petite note 😉
[Note moyenne de: 5 sur 1 votes]

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Laisser un commentaire

Fermer le menu

Envie d'apprendre à Coder et Maitriser ton Thème Shopify  ?

Alors abonne-toi à la chaine et active la cloche pour ne pas louper l'arrivée des prochaines vidéos !

S'abonner à la chaine