necessary Insertion of terms and condition - link into checkout-process

  • Posts: 57
  • Thank you received: 2
4 years 4 months ago #333193

-- HikaShop version -- : 4.4.2
-- Joomla version -- : 3.9.27
-- PHP version -- : 7.3.28
-- Browser(s) name and version -- : all
-- Error-message(debug-mod must be tuned on) -- : none

Here in Germany the customer needs to accept the terms and conditions before beeing able to finish the ceckout.
How can I realize to insert the text with the link and the checkbox, what the customer needs to click first, before beeing able to finish the process?

Kind regards....

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 84624
  • Thank you received: 13762
  • MODERATOR
4 years 4 months ago #333219

Hi,

Under the "Checkout" tab of the HikaShop configuration, you can add in the "checkout workflow" editor a new view of the type "terms and conditions". You can even add several of them if you need several checkboxes with different texts.

The following user(s) said Thank You: Machka

Please Log in or Create an account to join the conversation.

  • Posts: 57
  • Thank you received: 2
4 years 4 months ago #333247

Hi and thank you for the quick reply. I found that, and I saw you replied a documentation and a sample side in my other topic... thx

Last edit: 4 years 4 months ago by Machka.

Please Log in or Create an account to join the conversation.

  • Posts: 52
  • Thank you received: 0
4 years 2 months ago #335392

Hi,

In my case, I would like to leave the Terms and Conditions checkbox unchecked to force the user to explcitly accept the Terms and Conditions.

However, when the user does check the box, he should receive a notification message asking him to check the box. This is not happening, How can I enable that?

Regards

Ignatius

Please Log in or Create an account to join the conversation.

  • Posts: 84624
  • Thank you received: 13762
  • MODERATOR
4 years 2 months ago #335396

Hi,

In the settings of the "Terms and conditions" view, in your checkout workflow, you have the setting "Checkbox pre-checked" that you can turn off if you want to force the customer to check the checkbox.
If he doesn't check it, and tries to finish the checkout, it will be refused and he will see an error message prompting him to check the checkbox to proceed.
If you say that this doesn't work, please provide a URL to your shop and instructions to reproduce the issue.

Please Log in or Create an account to join the conversation.

  • Posts: 52
  • Thank you received: 0
4 years 2 months ago #335416

Hi,

Thank you for the reply.

Site URL: www.lesswatts.co.za

Test user: cronje
pwd: &HlWodrawR_!Huz0drO@

To test, you can select any product and add it to the shopping cart and then checkout. Checkout is a 3-step process: 1. Login, 2. Address verification, 3. Payment.

On step 2, uncheck the Terms and Conditions checkbox and click next.

The checkout process will not continue untill the checkbox is checked. There is no message displayed indicating that the T's and C;s needs to be accepted.

Regards

Ignatius

Please Log in or Create an account to join the conversation.

  • Posts: 84624
  • Thank you received: 13762
  • MODERATOR
4 years 2 months ago #335434

Hi,

That's not what I see on your checkout.
I do see the error message "Please accept the Terms and Conditions before proceeding" :
i.imgur.com/7hjCyEH.png
However, it seems that you're missing some CSS code in your Joomla template.
Normally, templates use such CSS code to colorize the messages:

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0 0 .5em;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
	cursor: pointer;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
( that CSS comes from the protostar CSS )
But your template doesn't have CSS for these alert classes and thus the error message displays as if it was a normal text and it is hard to catch.

Please Log in or Create an account to join the conversation.

  • Posts: 52
  • Thank you received: 0
4 years 2 months ago #335451

Hi,

Thnk you very much. I completely missed the message.

Adjusted the CSS and it is now working fine.

Regards

Please Log in or Create an account to join the conversation.

Time to create page: 0.089 seconds
Powered by Kunena Forum