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

Why is my custom liquid section turning descriptions into links?

Solved

Why is my custom liquid section turning descriptions into links?

biznazz101
Shopify Partner
494 50 104

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:

biznazz101_0-1682051114628.pngbiznazz101_1-1682051232133.png

 


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>

 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
Accepted Solutions (2)

Jasoliya
Shopify Partner
4824 625 1225

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 

 

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

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 Screenshot 2023-04-21 at 15.04.12.png

- 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.

View solution in original post

Replies 2 (2)

Jasoliya
Shopify Partner
4824 625 1225

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 

 

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

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 Screenshot 2023-04-21 at 15.04.12.png

- 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.