Discussion :

[Boris P]

Bonjour à tous,

J'ai créé un site de e-commerce via la plateforme Squarespace, dont malheureusement, les options de personnalisations sont assez limitées.
Je voudrais faire une chose toute simple : masquer les décimales des prix des objets, pour afficher 30€ au lieu de 30.00€. (Petit truc de marketing, les objets ont l'air plus chers lorsqu'on voit des zéros en plus).
J'ai la possibilité d'injecter du code CSS dans la page pour effectuer ce genre de modification. Mais, ne connaissant rien en CSS, je n'ai aucune idée du code qu'il faudrait écrire .

Y a-t-il une âme charitable qui pourrait m'aiguiller sur ce sujet ?

Voici la page en question. Le module de e-commerce est un objet appelé "summary block", visible dans le code source à partir de la ligne 524.

Merci pour les idées que vous pourrez avoir à ce sujet.
Bonne journée
Boris

[Invité]

Bonjour,

Le CSS ne peut absolument rien ici.

Il faut certainement aller chercher dans le code PHP et/ou les fonctions, et trouver le script de formatage des prix...

[Jacques Beauregard]

Bonjour,

As-tu la possibilité d'ajouter du javascript?

Bien cordialement.

[Boris P]

Merci pour vos réponses .
J'ai en effet la possibilité d'utiliser du javascript.

[NoSmoking]

Bonjour,

J'ai en effet la possibilité d'utiliser du javascript.

tu peux toujours t'inspirer de la réponse faite sur leur forum
• How to display and format price? Money format, trailing zeros
Pour info :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
priceDecimal: {
  init: function() {
    Y.all('.sqs-money-native').each(function(){
      var price = this.get('text');
      var priceDec = (price/100).toFixed(2);
      this.set('text', priceDec);
    });
  }
}

[Boris P]

Merci beaucoup pour cette idée.
Ca a fonctionné avec le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style>
.sqs-money-native{
    visibility:hidden;  
}
</style>
<script>
    Y.on('domready',function(){
      function removeCents(){
        Y.all(".sqs-money-native").each(function(){this.setHTML(this.getHTML().split(".")[0])}).setStyle("visibility","visible");
      };
      removeCents();
      /*Add some timeouts for slow loading checkout page */
      setTimeout(removeCents,200);
      setTimeout(removeCents,1000);
      setTimeout(removeCents,2000);
    });
</script>

Merci à tous pour votre aide