How to add a new option under the terms of service to the Payment Page? - SOLVED

[Serdar Hakan]

I am using version 1.7.8, how can I add an additional option to the field I specified in the picture, I would be glad if you could help.

Edited February 4, 2023 by Serdar Hakan (see edit history)

[Daresh]

The best and proper way to achieve it is by a module. PrestaShop has a special hook there, that allows you to attach new terms that are required for the customer to proceed.

I made a module like this for various needs of my customers (some with unconditional additonal terms, some displayed only under some conditions) so if you won't find any free solution, you can contact me.

[Serdar Hakan]

Ok how can you help me?

[Daresh]

I can develop a module for you, just let me know what do you need there exactly.

[Serdar Hakan]

I would like to add a new option under the terms of service option on the checkout page. This option should be mandatory. For example, I want to have the Pre-information form option.

[ps8modules]

Hi,

./themes/your_theme/templates/checkout/_partials/steps/payment.tpl

1. find

{foreach from=$conditions_to_approve item="condition" key="condition_name"}
...
...
...
{/foreach}

 

Add after:

          <li>
            <div class="float-xs-left">
              <span class="custom-checkbox">
                <input  id    = "conditions_to_approve_my_custom_condition"
                        name  = "conditions_to_approve_my_custom_condition"
                        required
                        type  = "checkbox"
                        value = "1"
                        class = "ps-shown-by-js"
                >
                <span><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
              </span>
            </div>
            <div class="condition-label">
              <label class="js-terms" for="conditions_to_approve_my_custom_condition">
                {l s='Here is my checkbox' d='Shop.Theme.Checkout'}
                <a href="{url entity='cms' id=3 id_lang=$language.id}"> {l s='read the contents of the CMS page' d='Shop.Theme.Checkout'} </a>
                {l s='and then confirm to complete the order' d='Shop.Theme.Checkout'}
              </label>
            </div>
          </li>

 

Preview changes:

 

Result:

[Serdar Hakan]

5 hours ago, prestashopfree.com said:

Hi,

./themes/your_theme/templates/checkout/_partials/steps/payment.tpl

1. find

{foreach from=$conditions_to_approve item="condition" key="condition_name"}
...
...
...
{/foreach}

 

Add after:

          <li>
            <div class="float-xs-left">
              <span class="custom-checkbox">
                <input  id    = "conditions_to_approve_my_custom_condition"
                        name  = "conditions_to_approve_my_custom_condition"
                        required
                        type  = "checkbox"
                        value = "1"
                        class = "ps-shown-by-js"
                >
                <span><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
              </span>
            </div>
            <div class="condition-label">
              <label class="js-terms" for="conditions_to_approve_my_custom_condition">
                {l s='Here is my checkbox' d='Shop.Theme.Checkout'}
                <a href="{url entity='cms' id=3 id_lang=$language.id}"> {l s='read the contents of the CMS page' d='Shop.Theme.Checkout'} </a>
                {l s='and then confirm to complete the order' d='Shop.Theme.Checkout'}
              </label>
            </div>
          </li>

 

Preview changes:

 

Result:

Thank you very much for your help, when I added the codes it worked, but I could not edit, the edits I made did not appear. I have attached the payment.tpl file, can you make the edits? The text to be changed needs to write "Ön Bilgilendirme Formu" ID number of the CMS page 6

payment.tpl

[ps8modules]

payment.tpl

Edit the text as you need 😉

 

Edited January 9, 2023 by prestashopfree.com (see edit history)

[Serdar Hakan]

I don't understand why it doesn't work when I change it, can you do it?I don't understand why it doesn't work when I change it, can you do it?

[ps8modules]

And what did you change?
After all, I gave you a working TPL.
Nothing needed to be changed, only the text.

Enable debug mode !

Edited January 9, 2023 by prestashopfree.com (see edit history)

[Serdar Hakan]

I change the places that need to be changed, but the changes do not happen, the texts in the Picture do not change.

[ps8modules]

[Serdar Hakan]

It's done now, thank you very much.

[ps8modules]

I gladly helped 😉
You can like by clicking on the gray heart below my posts.

Don't forget to mark the topic name as SOLVED.

Edited January 9, 2023 by prestashopfree.com (see edit history)

[966972_1508426717]

Hi I just saw your post and need some help to add some text to the payment type when you choice what kind of payment you use

Can the  used here also (need to be tranlated

Jan