Descrição
O wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permite alterar os pontos de interrupção ao usar um layout de várias colunas no campo Layout e Repetidor.
Parâmetros
- $viewport_breakpoint
- (int) Largura da janela de visualização em pixels.
- $form_data
- (array) Configurações/dados de formulários processados, preparados para serem usados posteriormente.
Fonte
wpforms/src/Pro/Forms/Fields/Traits/Layout/Frontend.php
Mais informações
Esse filtro é aplicado a todos os formulários e permite que você defina o ponto de interrupção para os campos Layout e Repetidor que usam um layout de várias colunas.
O ponto de interrupção padrão para os campos Layout e Repetidor com um layout de várias colunas é de 600 pixels. Entretanto, com esse filtro, você poderá personalizar o ponto de interrupção para atender às suas necessidades específicas.
Exemplo
No exemplo abaixo, o filtro aplicará um valor de ponto de interrupção de 768 a todos os formulários em seu site que usam um layout de várias colunas no campo Layout ou Repetidor. Isso significa que, em telas com menos de 768 pixels, os layouts de várias colunas adotarão uma única coluna. Você pode ajustar o valor no snippet de código abaixo para qualquer tamanho de tela que deseje segmentar.
/**
* Filter the breakpoint (as viewport width in pixels) for the layout and repeater fields.
*
* @link https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/
*
* @param int $viewport_breakpoint The viewport width in pixels.
* @param array $form_data Form data.
*
*/
add_filter( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', static function() {
return 768;
} );