'View Product' product button instead of Buy Now, to external URL

[johnlyon33]

Hey guys

We are working with a partner and instead of the 'Buy Now' button, we need a 'View Product' button that links out to an external URL so the customer can purchase through the partner's site.

I have created a duplicate product page and a metafield that links to a URL on the product page itself but am struggling to connect the dots. We are using the PIPELINE theme, FYI, so imagine I'm just being simple.

Any help greatly appreciated!

John

[PaulNewton]

Hi @johnlyon33  "but am struggling to connect the dots" between what and what..

Reread your post and realize how you've omitted detail so it's not clear what the problem is to anyone external of whatever the work is so far.

At it's most general this is just a custom-liquid block with some liquid logic, and the buy buttons block/setting disabled.

But site unseen who knows for lack of specifics.

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408 

https://stackoverflow.com/help/how-to-ask 

If you need this customization or consulting then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[johnlyon33]

Apologies, let me be clearer.

'Connect the dots' refers to I believe I've created the correct metafield to be used with the product, using the URL function which I've added to the products in question. The bit I'm not understanding is how to link this URL metafield to the 'Buy Now' button, which I would like to actually say 'View Product' and link out to our external partner's website. Hope that is clearer.

Reading other posts on this topic a comprehensive guide was outlined at the link below but this was a specific template (that we are not using - Pipeline as a reminder) and so I'm a little lost how to connect this workflow together.

Any help appreciated.

https://community.shopify.com/c/technical-q-a/redirect-from-the-buy-button-to-an-other-url/td-p/2626...

[PaulNewton]

Shopify has no such thing as a "URL function" in themes.

If by buy buttons you mean dynamic checkout there is no system to link a metafield to that.

https://help.shopify.com/en/manual/online-store/dynamic-checkout 

If you want custom behavior replace the buttons with other custom made content.

If by buy buttons you mean "add to cart"(atc) buttons etc same thing replace them with custom made content

see previous post "At it's most general this is just a custom-liquid block with some liquid logic, and the buy buttons block/setting disabled."

Otherwise you have to dig through the theme to find and disable the form behavior the javascript etc and insert specific text when a theme doesn't already have some sort of preorder/atc-link behavior.

---

@johnlyon33 wrote:

..  guide was outlined at the link below but this was a specific template 

https://community.shopify.com/c/technical-q-a/redirect-from-the-buy-button-to-an-other-url/td-p/2626...

---

Logic is similar you just have to dig through the theme and find the relevant file for that specific theme such as snippets/product-form.liquid , buy-buttons.liquid etc etc

[johnlyon33]

For future readers of this request - hired a chap from fiverr who delivered exactly what I was asking for in a few hours. 

Now have a secondary product template that utilises the URL meta field upon product creation and can be applied to products as needed.