Change $0 Price To Say Free

Look Demo

Change any $0 priced item to say free. This plugin uses css editor and works with the Brine template family.

Screen+Shot+2019-08-16+at+9.25.49+AM.jpg

How To Install

From your products page, add a new product as you normally would.

Enter the product’s details, set the price to $0.00, and add the new tag “freebie” to the product. This tag is very important.

When done, save the product.

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Show Freebie As Price //

.tag-freebie .ProductItem-summary .ProductItem-details .product-price:before {
content: 'FREE';
color: #EA8485;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.2em;
}

// Hide Zero Dollar Price //

.tag-freebie .ProductItem-summary .ProductItem-details .product-price .sqs-money-native {
display: none;
}

Customize

Change the content text, color, font size, and font weight values to your liking.

Keep in mind that this will only target products with the added tag “freebie”. Do not forget to do this.

Notes

No notes.

CommerceMoov Labs