Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello I have created a button to replace the "buy buttons" using the themes custom liquid section. The button works fine, but for some reason the description is being turned into a link as well. Can anyone help me fix this so the description is unaffected? Here is the custom liquid section code, as well as a preview and screenshots:
PREVIEW: https://eey2td31f5e3xe28-27900805223.shopifypreview.com
SCREENSHOTS:
CUSTOM LIQUID CODE:
<button type="button"><a href="https://twistednut.de/tools/recurring/checkout_link?magic=eyJpdGVtcyI6IFt7ImlkIjogIjQ2MzYwNDA0MTk3NzA2IiwgInF1YW50aXR5IjogMSwgInNoaXBwaW5nX2ludGVydmFsX3VuaXRfdHlwZSI6ICJkYXkiLCAic2hpcHBpbmdfaW50ZXJ2YWxfZnJlcXVlbmN5IjogMzB9XX0=&store_id=97004">In den Warenkorb legen</button>
<style>
button {
color: #ffffff;
background-color: #ac713c;
font-size: 19px;
border: 2px solid #2d63c8;
border-radius: 50px;
padding: 15px 50px;
cursor: pointer
}
button:hover {
color: #2d63c8;
background-color: #ffffff;
}
</style>
Solved! Go to the solution
This is an accepted solution.
Hi @biznazz101
Its because you did not closed </a> tag in button, and its not right way to use anchor tag withing button tag
try to use anchor direct not button,
Bets regard
This is an accepted solution.
Hi @biznazz101, you did close <a> tag so it caused that issue, please add </a> before </button> in your code to solve the issue
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Hi @biznazz101
Its because you did not closed </a> tag in button, and its not right way to use anchor tag withing button tag
try to use anchor direct not button,
Bets regard
This is an accepted solution.
Hi @biznazz101, you did close <a> tag so it caused that issue, please add </a> before </button> in your code to solve the issue
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.