Move "Shop-Pay" text under the price

[onygroup100]

Hi,

How can I move the "Shop-Pay" text under the price in my product pages?

Thanks!

[GemPages]

Hello @onygroup100 ,

It's GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[onygroup100]

Hi,

URL:

https://shopophoria.com/products/celestial-jersey-short-sleeve-tee

Pass:

1201

Thanks!

[GemPages]

Hello @onygroup100 ,

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your product-info.liquid theme file

3. Paste the below code after {%- endif -%} of product-meta__aside

{{ form | payment_terms }}

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[onygroup100]

Not working

[GemPages]

Hello @onygroup100 ,

So you could please try adding this code before </body> in the theme.liquid file

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
let paymentShopPay = $('product-payment-terms');
paymentShopPay.clone().insertAfter($('.product__info .product-meta__aside'))
paymentShopPay.remove()
</script>

For example,

Best regards,
GemPages Support Team

[onygroup100]

Works great, Thanks.

Can I move it below the share icons?

[GemPages]

Hello @onygroup100 ,

I can't access to your website

Maybe there are somethings wrong with your domain.

Could you please double-check it?

Best regards,
GemPages Support Team

[onygroup100]

Hi,

I made some adjustments in the website included new domain.

Could you please tell me how can I move the text of the ShopPay to the cart instead of the product page?

URL

https://onyxcrew.com/

Pass

1201

Thanks!

[infoatcodelab7]

Hi @onygroup100 

Just add below css

.product .shopify-payment-button {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.product .product__info {
  position: relative;
  padding-bottom: 100px;
}

Thanks

[onygroup100]

Hi,

I need the text 

Pay in 4 interest-free installments for orders over $50.00 with

to move there, no the button.

how can I do it?

Thanks!