Check aceptación de términos legales

Hola,
Por favor, necesito a?adir el check de aceptación de términos legales. ?Cómo puedo hacerlo? Me urge un poco.
Muchas gracias.

Buenas @binfor,

Actualmente no hay manera, lo único que se me ocurre es que imprimas vía javascript el check dentro del formulario y le pongas el required de html.

Sería algo por el estilo:

$(document).ready(function(){
// Código que a?ade el input
$('id_del_form').append('<input type="checkbox" required /><a href="url">terminos</a>');
});

Lo apunto en nuestros deberes incorporar alguna manera sencilla de a?adir esto. Pero de momento esto es lo único que puedes hacer.

?Puedes pasarme un pantallazo de lo que te pasa con el texto?

Salut!

Hola,

Muchas gracias por la solución, la probaré ahora mismo.

Lo del texto, en la foto verás con círculo rojo un número que corresponde a la cifra que se pasa por la variable “c=5”: https://compras.gtasesoria.es/Captura20220215.JPG

Gracias.

Perdona mi torpeza… No sé cómo obtener el id del formulario: $(‘id_del_form’)
He tratado de poner el que sale en Contact Form pero no funciona.
Y tampoco a?adiéndolo a la tabla que muestra los campos.

Muy buenas, @binfor

Estoy probando el plugin y me acabo de encontrar con el mismo problema. No parece que en la configuración se puede hacer, así que te dejo un método simple para ocultarlo visualmente, aunque seguirá estando ahí.

En la página que tengas el plugin a?ade el siguiente estilo CSS:

.plugin-form-tpv {
color: white !important;
}

El resto del texto al tener estilos propios, no se verá afectado. En caso de que el fondo de la web sea de otro color, cambia el “white” por el correspondiente código hexadecimal (Ejemplo de rojo: #FF0000).

Un abrazo.

Gracias. Con esa solución ya no se ve el texto “libre”.
Seguiré dando vueltas a código Javascript para a?adir el check, gracias por la idea.
— ACTUALIZO —
Ya he podido a?adir el campo check en la tabla
Es que me fallaba el $ he tenido que poner “jQuery”.
Gracias por todo.

• This reply was modified 3 years, 1 month ago by binfor.

Por si os sirve, he estado tocando el estilo del widget, lo comparto, queda con este aspecto:

https://i.ibb.co/zScTqjr/Captura-de-pantalla-2022-02-15-a-las-17-36-39.png

.plugin-form-tpv {
	color: white !important;
}

a#form_tpv_submit::after {
	display: none !important;
}

#form_tpv_submit {
	background-color: #5BB85C !important;
	color: white !important;
	border-radius: 10px !important;
	border-color: #5BB85C !important;
	height: 50px !important;
	font-size: 25px !important;
	padding-top: 4px;
}

a#form_tpv_submit::before {
	filter: brightness(0%) invert(100%);
	-webkit-filter: brightness(0%) invert(100%);
	-moz-filter: brightness(0%) invert(100%);
	width: 30px;
	height: 30px;
	margin-bottom: 3px;
}

#form_tpv_submit:hover {
	background-color: #262626 !important;
	border-color: #262626 !important;
}

.table-form-tpv {
	display: table !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.section-right-form-tpv {
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-top: 40px !important;
}

#orderNumber, #orderDesc, #amountTPV {
	font-size: 15px !important;
	background-color: #fafafa
}

.table-form-tpv {
	background-color: #fafafa
}

#orderNumber, #orderDesc {
	background-color: white;
	padding: 10px 10px 10px 20px !important;
	border-radius: 5px;
	border: #e2e2e2 1px solid !important;
}

#amountTPV {
	background-color: white;
	padding: 10px 22px 10px 20px !important;
	border-radius: 5px;
	border: #e2e2e2 1px solid !important;
	color: #686868 !important;
	width: 90% !important;
}

.tpv-plugin-cantidad-pagar>td>span {
	position: relative;
	left: -20px;
	font-size: 15px !important;
	color: #686868 !important
}

.tpv-plugin-codigo-pedido td:first-child {
	visibility: hidden;
	font-size: 1px;
}

.tpv-plugin-codigo-pedido td:first-child:after {
	content: "Código de pago";
	visibility: visible;
	font-size: 15px;
}

.tpv-plugin-desc-pedido td:first-child {
	visibility: hidden;
	font-size: 1px;
}

.tpv-plugin-desc-pedido td:first-child:after {
	content: "Concepto";
	visibility: visible;
	font-size: 15px;
}

.tpv-plugin-cantidad-pagar td:first-child {
	visibility: hidden;
	font-size: 1px;
}

.tpv-plugin-cantidad-pagar td:first-child:after {
	content: "Cantidad a pagar";
	visibility: visible;
	font-size: 15px;
}

.error.show {
	color: white !important;
	font-size: 12px !important;
	background-color: red !important;
	border: 0px solid red !important;
	border-radius: 4px !important;
	padding: 3px 5px !important;
}

.plugin-form-tpv {
	margin-top: -45px !important;
}

Muchas gracias @jacksugarwp !!!

Efectivamente el plugin solo se puede retocar con lineas css. @binfor las lineas css que indica son correctas, solo tienes que adaptarlas a tu necesidad.

Sobre lo de términos, he revisado lo que te comentaba del javascript.
Lo lamento pero no se puede hacer la comprobación de si está ticado o no. Se debería retocar el comportamiento del plugin y no está previsto.
Lo único que se me ocurre es a?adir código javascript en tu tema para forzarle un comportamiento diferente, porque ahora mismo no está contemplado.

Por otro lado he hecho un update para ocultar ese texto que salía. En unas horas debería estar disponible la versión 1.0.8 que corrige esto.

Buena aportación @jacksugarwp.
?Muchas gracias por todo @adriandegrafreak!

Gracias a vosotros!!!

Buenos días Adrián,

En relación a tu respuesta sobre el tema del check de aceptar los términos o condiciones generales:

Buenas @binfor ,

Actualmente no hay manera, lo único que se me ocurre es que imprimas vía javascript el check dentro del formulario y le pongas el requiredde html.

Seria algo por el estilo:

$(document).ready(function(){
// Código que a?ade el input
$('id_del_form').append('<input type="checkbox" required /><a href="url">terminos</a>');
});
Lo apunto en nuestros deberes incorporar alguna manera sencilla de agregar esto. Pero de momento esto es lo único que puedes hacer.

He insertado el código tal como indicabas pero no aparece limpio, sale parte del código en la web:

$(document).ready(function(){ // Código que a?ade el input $(‘id_del_form’).append(‘Acepto las condiciones generales’); });

?puedes ayudarme a que salga “limpio”?
Por otro lado, ?cómo puedo incluir la url de la página de condiciones generales para que se pueda leer al pinchar en “acepto las condiciones generales”?

Muchas gracias!!

Hola @joaquin66

El código era un aproximado y debe ir dentro de un script javascript.
A partir de ahí si que deberías saber algo de programación para acabar de implementarlo.

Salut!