Check aceptación de términos legales

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.

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;
}

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