Cómo cambiar el formato del precio de un producto en Squarespace

Para mostrar los precios de los productos sin decimales ni comas (por ejemplo, cambiar 15 000,00 por 15 000 o 15 000), sigue los pasos que se indican a continuación.

Paso 1: Inyección de código de acceso

Accede al panel de administración de tu sitio web.

Ve a «Páginas del sitio web» → Desplázate hacia abajo hasta «Código personalizado» → «Inyección de código».

Paso 2: Añadir el código

Copia todo el bloque de código que aparece a continuación y pégalo en la sección «Encabezado» o «Pie de página» de «Inyección de código».

Haz clic en «Guardar» y actualiza la página.

<!-- Reformat Product Price (15,000.00 -> 15000 / 15,000) -->
<!-- Author: Dmytro Kyselov https://dmytrokyselov.com/ I❤️☕️ coff.ee/dmytrokyselov -->
<script src="https://cdn.jsdelivr.net/npm/@ryanmorr/ready@1.4.1/dist/umd/ready.min.js"></script>
<script>
const reformatPriceOptions = {
  displayComma: false // Set to true (displayComma: true) to display the comma in the price (e.g. 15,000)
};
(function(){ function reformatPrice(price){ const priceClone=price.cloneNode(true); priceClone.classList.add('product-price-clone'); price.parentNode.insertBefore(priceClone, price.nextElementSibling); price.style.display='none'; function reformat(){ priceClone.innerHTML=format(price.innerHTML);} function format(text){ let reformattedText=reformatPriceOptions.displayComma ? text: text.replace(',', ''); return reformattedText.replace(/\.\d{2}/, '');} function watch(){ const observer=new MutationObserver(reformat); observer.observe(price,{ childList: true});} reformat(); watch();} ready('.product-list-item-price:not(.product-price-clone),.product-price-value:not(.product-price-clone),.product-price:not(#main-product-price):not(.product-price-clone),.original-price:not(.product-price-clone)', reformatPrice)})();
</script>
<!-- end Reformat Product Price -->

Nota:

• Este código elimina la coma y los puntos decimales. Si solo quieres eliminar los decimales pero mantener la coma (p. ej., 15,000), sustituye esta línea displayComma: false con esto displayComma: true