How can I relocate the Clearpay message below the sale price?

Store Design
1

Hi again. As shown in attached picture, how can I move the Clearpay message to the bottom of the sale price please? Many thanks.

Link to page is Blue Apples Collar Sweatshirt by Hugo Loves Tiki - Petite Belle UK (petite-belle.com)

clearpay.png
clearpay.png1422×800 178 KB

2

Hello @claudinesc

Hope you are well !!

You need to edit your product template. So fo to online store > Action > Edit code > open product-template > open product section file > and swap the code

Put “clear pay-paragraph” after "product__policies " div . and if you still facing issue ping me

Thank you

1 Like
3

Hi. This is what we have been told to do by Clearpay. To paste this JS code at the end of our theme.liquid file. So it is not on our product template. How do we proceed please? Many thanks.

{% if cart.currency.iso_code == shop.currency %}> > > {% else %}> > {% endif %}>

1 Like
4

Ok

So go to your store > Dashboard > Action > Edit code > open ‘theme.css’ file add below CSS
http://prntscr.com/1vz6bey

p.clearpay-paragraph {
    position: absolute;
    bottom: 0;
}
.product-block.product-block--price {
    position: relative;
}
.product-block--price {
    padding-bottom: 43px;
}
@media screen and (min-width:768px) and (max-width:1024px) {
.product-block--price {
		padding-bottom: 70px;
	}
}
@media screen and (min-width:240px) and (max-width:767px) {
	.product-block--price {
		padding-bottom: 70px;
	}
}
1 Like
5

Thank you so much for your help! It worked!

1 Like
6

No problem :slightly_smiling_face: love to help

1 Like
7

Sorry I should have asked about this too. How can I remove the “Shipping calculated at checkout” under the price please?

8

Yes.Please check below video

https://www.youtube.com/watch?v=AVtM9yneKts

1 Like
9

You’re a star! Thanks so much!

1 Like
10

Love to hear from you that my solution worked for you. Thank you so much for your appreciation :slightly_smiling_face: