(Squarespace) Translate month inside Events thumbnail in Event List Page

[tuanphan]

To translate month inside Events thumbnail in Event List Page.

#1. Use this code to Code Injection > Footer.
If code doesn’t work, you can comment below, message or email me.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
let monthsCA = {
  'Jan': 'Gener',
  'Feb': 'Febrer', 
  'Mar': 'Març',
  'Apr': 'Abril',
  'May': 'Maig',
  'Jun': 'Juny',
  'Jul': 'Juliol',
  'Aug': 'Agost',
  'Sep': 'Setembre', 
  'Oct': 'Octubre',
  'Nov': 'Novembre',
  'Dec': 'Desembre'
};
$('.eventlist-datetag-inner').each(function() {
  let startMonth = $(this).find('.eventlist-datetag-startdate--month').text();
  let endDate = $(this).find('.eventlist-datetag-enddate').text();
  
  if(monthsCA[startMonth]) {
    $(this).find('.eventlist-datetag-startdate--month').text(monthsCA[startMonth]);
  }
  
  Object.keys(monthsCA).forEach(function(engMonth) {
    endDate = endDate.replace(engMonth, monthsCA[engMonth]);
  });
  
  $(this).find('.eventlist-datetag-enddate').text(endDate);
});
</script>

#2. Result

#3. Remember to change text here.