A user wants to replace the default âBuy Nowâ or âAdd to Cartâ button on their Shopify Dawn theme product page with a custom enquiry button that redirects to a specific URL.
Solutions Provided:
Two community members offered similar step-by-step solutions:
Both solutions include screenshots demonstrating each step and provide sample code for the custom button.
Current Status:
The original poster confirmed the solution worked successfully. However, follow-up questions emerged:
These additional questions remain unanswered.
I am using DAWN theme and i wanna replace the link for the buttons available on the product page (any one)
here is my store link : https://b58128-e6.myshopify.com/products/diamond-earring?variant=47798300967203
as you can see the make an enquiry button is redirecting to checkout can anyone please help me out
Hello @Yash234 ,
Itâs good practice to create a copy of your theme and work on that to preview the changes before applying, especially if you are editing the raw code. Alternatively, you can also use the Shopify theme editorâs versions to revert to previous versions, but it is not recommended if you are making multiple changes.
Now to your specific question on replacing Shopifyâs default âBuy Nowâ button with a custom link. First, you will need to disable the âBuy Nowâ button from the customization settings of the product page, as shown in the screenshot below:
After disabling the checkbox, the Buy Now button will no longer appear in your store.
Now to add a custom link please follow the steps below:
Open the code editor. (Referring to Dawn theme here)
Open the âsnippets/buy-buttons.liquidâ file.
Search for â{%- if show_dynamic_checkout -%}â and add your custom button code above it. It should look something like below:
Done? Now save the file, and try previewing to confirm if the changes work for you. In the reference above, it looks something like below:
You will need to add additional CSS if you want to match it according to your storeâs theme/branding.
Hope this helps!
Regards,
Abhishek from Swym
Please follow below steps to add a button redirect to custom URL. Let me know whether it is helpful for you.
Make An Enquiry
{% style %}
.custom_url {
display: flex !important;
width: 100%;
margin: 0px !important;
}
.product__info-container .product-form {
margin: 0px !important;
}
{% endstyle %}
Please provide your support by click âLikeâ and âAcceptedâ if our solution works for you. Thanks for your support.
Thank you so much buddy!!! it workedâŚ
Hi, I am attempting to use this. I keep getting a 404 error. Iâm guessing you have to insert a custom url but I am wondering where in the code does it go and where can I get the url from? Thank in advance.
Ciao @Vinsinfo , e se invece volessi sostituire il collegamento per i pulsanti disponibili nella pagina del prodotto per una singola collezione da âaggiungi al carrelloâ ad âacquista su whats appâ?
