Ocultar campos opcionales en registro de checkout

joaquin24

¡Hola a todos!

Estoy intentando simplificar el proceso de registro para mis clientes durante el checkout. Me gustaría quitar o al menos ocultar algunos campos que considero opcionales y que no necesito, como la 'Fecha de nacimiento', el 'Tratamiento (Sr./Sra.)' y la casilla de 'Recibir ofertas de nuestros socios'.

He estado revisando el archivo themes/classic/_partials/customer-form.tpl y he intentado comentar las secciones correspondientes o añadir style="display: none;" a los div padre. El problema es que, aunque los campos no se ven, la validación del formulario sigue esperando que se rellenen, o los valores por defecto causan problemas si el campo de fecha de nacimiento, por ejemplo, no se envía con el formato correcto.

Este es un extracto de lo que intenté para la fecha de nacimiento. Lo comenté, pero al enviar el formulario me salta un error de validación:

{#
<div class="form-group row {if $field.name == 'birthday'}js-parent-focus{/if}">
  <label class="col-md-3 form-control-label{if $field.required} required{/if}">
    {if $field.name == 'birthday'}{l s='Birthdate' d='Shop.Forms.Labels'}{else}{$field.label}{/if}
  </label>
  <div class="col-md-6">
    {if $field.name == 'birthday'}
      <input type="text" class="form-control" name="{$field.name}" value="{$field.value}" placeholder="{l s='MM/DD/YYYY' d='Shop.Forms.Labels'}">
      {block name='form_field_comment'}
        <span class="form-control-comment">{l s='(E.g.: 05/31/1970)' d='Shop.Forms.Labels'}</span>

¿Hay alguna forma correcta de hacer esto para que PrestaShop no espere estos datos? Me gustaría que el formulario fuera lo más limpio posible.

luciasevilla

Hola @joaquin24,

Entiendo perfectamente tu problema. Es un clásico de PrestaShop. Solo ocultar los campos con CSS o comentándolos en el .tpl no suele funcionar porque la validación del lado del servidor sigue esperando los datos. Si el campo es required, PrestaShop te lo pedirá sí o sí.

¿Podrías decirnos qué versión exacta de PrestaShop estás usando? Esto es importante porque la forma en que se gestionan los campos del cliente ha cambiado en algunas versiones. En 1.7.x, algunos de esos campos se controlan desde el Back Office, lo cual es más sencillo.

valeriamadrid

Sí, como dice @luciasevilla, es fundamental saber la versión. Para el campo 'Fecha de nacimiento' y los 'Tratamientos (Sr./Sra.)', PrestaShop 1.7.x tiene opciones en el Back Office que pueden hacerlos opcionales o directamente ocultarlos sin tocar el código.

Busca en Parámetros de la tienda > Clientes. Ahí hay una sección para "Activar fecha de nacimiento" y otra para gestionar los "Títulos sociales". Si los desactivas o no defines ningún título social, el formulario debería adaptarse. Para las ofertas de socios, es más probable que sea una modificación directa del template o la configuración del módulo de newsletter.

Milo

Hola @joaquin24,

Efectivamente, tus intentos de comentar el código fallan porque la validación de PrestaShop (especialmente en 1.7.8.7, que es una versión muy común) ocurre a nivel de PHP en el controlador AuthController y en la clase Customer. Simplemente ocultar el campo en el template no evita que el backend espere esos datos si están configurados como obligatorios o habilitados.

Para resolver esto de forma limpia, debes combinar la configuración del Back Office con una pequeña modificación en tu template _partials/customer-form.tpl (idealmente en un tema hijo para no perder los cambios en futuras actualizaciones).

Para la Fecha de nacimiento y Tratamiento (Sr./Sra.):
Ve a Parámetros de la tienda > Clientes en tu Back Office.
- Para la fecha de nacimiento, busca la opción "Activar fecha de nacimiento" y desactívala si no la necesitas. Esto hará que el campo no sea obligatorio.
- Para el tratamiento (Sr./Sra.), ve a Internacional > Títulos. Si no necesitas los títulos sociales, simplemente elimina todos los títulos de la lista. Si la lista está vacía, PrestaShop no mostrará el selector en el formulario.
Para la casilla de "Recibir ofertas de nuestros socios":
Esta opción está vinculada al módulo de newsletter y al campo newsletter del cliente. Si no quieres que aparezca, lo más directo es editar el template _partials/customer-form.tpl.

Aquí tienes el snippet modificado para el archivo themes/classic-child/_partials/customer-form.tpl (o el de tu tema, si no usas un tema hijo). Fíjate en la condición if $field.name != 'birthday' para la fecha de nacimiento y la eliminación del bloque de newsletter:

{foreach from=$formFields as $field}
  {assign var="current_field_name" value=$field.name}
  {* Ocultar el campo de ID de género si no hay títulos sociales configurados *}
  {if $current_field_name == 'id_gender' && !count($formFields.id_gender.type)}
    {* No renderizar el campo de género si no hay títulos *}
  {elseif $current_field_name == 'birthday' && !Configuration::get('PS_CUSTOMER_BIRTHDATE')}
    {* No renderizar el campo de fecha de nacimiento si está desactivado en el BO *}
  {elseif $current_field_name == 'newsletter'}
    {* No renderizar el campo de newsletter (ofertas de socios) *}
  {else}

Este código utiliza Configuration::get('PS_CUSTOMER_BIRTHDATE') para comprobar si la fecha de nacimiento está activada en el Back Office. Si no lo está, no renderiza el campo. Para los títulos sociales, si no hay ninguno configurado en el BO, $formFields.id_gender.type estará vacío y el count será 0, lo que evitará que se renderice. La casilla de newsletter la eliminamos directamente del bucle.

Asegúrate de haber creado un tema hijo para aplicar estas modificaciones y así mantener tu instalación limpia y actualizable.

joaquin24

¡Increíble, @Milo! ¡Muchísimas gracias!

He seguido tus instrucciones, primero desactivando la fecha de nacimiento en Parámetros de la tienda > Clientes y luego borrando los títulos sociales en Internacional > Títulos.

Después, he aplicado el snippet que me has proporcionado en mi themes/classic-child/_partials/customer-form.tpl.

¡Ha funcionado a la perfección! El formulario de registro en el checkout ahora está limpio y solo muestra los campos que realmente necesito. La validación ya no da problemas. ¡No sabes el tiempo que me has ahorrado!

Mil gracias de nuevo por la ayuda tan precisa.