Adding a button at checkout/cart

matumine
New Member
2 0 0

Hi!


I am using the Narrative theme and in order to use a third-party company, who processes payments in my country, I need to add a checkable button in the checkout/cart section. Namely the button must be tickable, with text: 'I agree with the terms and conditions'. Preferably, the button should have hyperlinks to the already existing Terms and conditions pages. Also, it must be so, that the client can not finish the order, without ticking the box. 

 

I have tried various online tutorials, but have not had luck yet. 

Any help is appreciated, thanks!

 

Mathias

0 Likes
matumine
New Member
2 0 0

Could anyone point me to any valid sources etc.?

0 Likes
LitExtension
Shopify Partner
1247 163 220

Hi @matumine

 

On which page do you want to add it, because there are 3 places you can checkout: product page, cart page and cart drawer.

You can refer to the steps:

- First you need to add disabled for the checkout button. Refer https://www.w3schools.com/tags/att_button_disabled.asp

- Add checkbox and text with message above checkout button. Refer https://www.w3schools.com/tags/att_input_type_checkbox.asp

At the label you can add a tag to link to the Terms and conditions pages. 

- Use JS to catch the checkbox click condition and remove disabled button. Refer https://www.w3schools.com/howto/howto_js_display_checkbox_text.asp

Hope it helps!

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes