Remove Decimal Places from Prices

What You'll Create

Clean, whole-number pricing on your shop pages by removing decimal places from all product prices. Prices display as $25 instead of $25.00 for a cleaner, more modern look.

The Problem It Solves

Squarespace always displays prices with two decimal places, even when prices are whole numbers. This can look cluttered for stores with round pricing. This technique automatically removes the .00 from all price displays.

Perfect For

Round pricing stores, Minimalist designs, Fashion boutiques, Service packages, Digital products

What Makes This Different

This technique uses JavaScript with a MutationObserver to continuously monitor and clean up price displays across your entire shop. It handles product grids, individual product pages, and dynamically loaded content. Works site-wide with a single code snippet.

Details

• Section Type: Fluid & Classic

• Code Type: JavaScript

• Prerequisites: Commerce-enabled site, Whole number pricing

• Toolkit Title: Remove Decimal places from shop page

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support