Hi. I’m running Pipeline 2.0 and I’d like to move my shop pay text below my buy button options. I’ve found that I can place it anywhere with a Liquid block. Using this code in my liquid block:
{% form ‘product’, product %}
{{ form | payment_terms }}
@jm-design - can you please wrap any one this shop pay liquid code into some custom div tag? so we can hide it using its class
something like
…liquid payment code…
Hi and thank you for your response, but i’m sorry I don’t follow. I have a basic fundamental understanding of how to place code and edit it by following instructions given to me by those who have a deeper knowledge base, but I don’t understand how to write it. So the code I have shared is code I have found and placed/tried in my shop. Would you be able to elaborate on exactly what I need to do?
@jm-design - so the code which you put after but now button, can you please remove it and replace by this code?
{% form 'product', product %}
{{ form | payment_terms }}
once you add this code , please add this css to the very end of your theme.css file so it will be visible even after you add css to hide shop pay option after price
```css
.shopify-payment-terms {
display: none !important;
}
.custom_payment_terms .shopify-payment-terms {
display: block !important;
}
Hi, Thank you for this. I just did as you suggested, but it hasn’t hid anything and everything is exactly as it was before. Pictures attached. Also I realized I didn’t give you the proper code that I used below my button so I updated that to this:
{% form 'product', product %}
{{ form | payment_terms }}
{% endform %}
@jm-design - can you please share this product page link where you have this shop pay 2 times? I will check code on browser and let you know more accurate css
I am still building my site up as its a new site for me so nothing is live yet. Is there a way for me to share a page code with you? Do I need you need to request access (less ideal)?
https://jamesmankoffdesign.com/collections/table-lamps/products/table-lamp?variant=42284660719840
*not sure if you can see that?
@jm-design - you can share product preview link, that can work
Is there a way to share that product preview form a specific theme library? I’d love to share that, but I’m currently editing a theme (Pipeline) is not my “current theme” (Dawn), because shopify won’t let me activate Pipeline as my current theme until I publish and go public. So I’ve been editing Pipeline form the theme library. Hope that makes sense?
@jm-design - yes , go to theme library, click on actions in pipeline theme, click preview, go to the product page and share the link.
Okay, this is the one where I entered the codes you recommended. I’d look at this one instead:
https://jamesmankoffdesign.com/products/table-lamp?variant=42284660719840
@jm-design - this is not preview link, it is going to main site link
ah, I just copied the URL, but I see there is a link I need to select. Okay I copied that link below and now understand!
It seems you will have to navigate to the product. Any Table Lamp will work. If you scroll down you will see a 4 options of them. But I suppose any product will also work too.
Apologies for the misunderstanding and for some reason I can’t get a direct link to the product.
@jm-design - please add this css and check, should be like given screenshot below
.product__form__outer .shop-pay-terms{display: none;
visibility: hidden;}
Aw thank you! You are amazing!
1 Like
@jm-design - welcome, do let me know if you need anything else, you have my email below.