Jump to content

Put Sale Price on line below Original Price

Go to solution Solved by Beyondspace,

Recommended Posts

Here are the links. Ideally want the sale price and original price to be on two lines on both the product list page and the product pages themselves. Original price (price per month) on top, sales price (reservation fee) on bottom. 

https://westgate-one.squarespace.com/rent-studios

https://westgate-one.squarespace.com/rent-studios/p/classic-apartment-test-c384l-lk4ke

As you can see I've already used the Store Price Change code by @creedon to modify the pricing already.

Thanks in advance.

Edited by rocketbase
Link to comment
  • Solution
51 minutes ago, rocketbase said:

Here are the links. Ideally want the sale price and original price to be on two lines on both the product list page and the product pages themselves. Original price (price per month) on top, sales price (reservation fee) on bottom. 

https://westgate-one.squarespace.com/rent-studios

https://westgate-one.squarespace.com/rent-studios/p/classic-apartment-test-c384l-lk4ke

As you can see I've already used the Store Price Change code by @creedon to modify the pricing already.

Thanks in advance.

Do you mean like this?
image.thumb.png.ef3a6d025a658b20bb512f98832f0a23.png

Place this on Footer Injection

<style>
  .ProductItem-product-price .original-price {
  display: block;
}
</style>

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, rocketbase said:

Perfect. Thanks @Beyondspace That works great.

I  simplified to the below so it worked across the product list page as well.

<style>
  .original-price {
  display: block;
}
</style>

You rock!

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.