Move "Shop-Pay" text under the price

onygroup100
Tourist
18 0 2

Hi,

 

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

 

de7a6864-b5eb-420e-a136-7eab2f5fb679 (2).jpeg

 

Thanks!

 

 

Replies 10 (10)

GemPages
Shopify Partner
5587 1260 1191

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
onygroup100
Tourist
18 0 2
GemPages
Shopify Partner
5587 1260 1191

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

GemPages_0-1671529761902.png


2. Open your product-info.liquid theme file


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

{{ form | payment_terms }}

GemPages_0-1671530029836.png

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
onygroup100
Tourist
18 0 2

Not working

GemPages
Shopify Partner
5587 1260 1191

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,

GemPages_0-1671593580943.png

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
onygroup100
Tourist
18 0 2

Works great, Thanks.

Can I move it below the share icons?

GemPages
Shopify Partner
5587 1260 1191

Hello @onygroup100 ,

 

I can't access to your website

GemPages_0-1671699620844.png

Maybe there are somethings wrong with your domain.

 

Could you please double-check it?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
onygroup100
Tourist
18 0 2

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
Shopify Partner
593 141 144

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

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
onygroup100
Tourist
18 0 2

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!