Shortcode vc_row_inner
El shortcode vc_row_inner crea una fila anidada dentro de una columna normal. Proporciona un segundo nivel de cuadrícula para los elementos secundarios vc_column_inner sin asumir las responsabilidades de ancho y visibilidad a nivel de página de vc_row.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis sin procesar solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[vc_row_inner]
Content
[/vc_row_inner]Controles de la fila interior
Una fila interior comparte muchos controles de presentación con vc_row, incluidos la alineación vertical, el parallax, el borde, el color, las imágenes de fondo de escritorio y móvil, los fondos animados, el vídeo de fondo, las superposiciones, el relleno, el estado del área de visualización, la visibilidad adaptable, el índice z, el ID y las clases personalizadas. Usa los valores aceptados y los valores predeterminados documentados para los controles correspondientes de la fila exterior.
Sus grupos de atributos admitidos son:
- Estructura y apariencia:
vertical_align,horizontal_scroll,horizontal_scroll_behavior,parallax,border_width,border_color,border_style,bg_color,padding_width. - Imágenes y animación:
bg_img_url,bg_img_url_size,bg_img_loading,bg_img_url_mobile,bg_img,animated_bg_loop,animated_bg_loop_direction,animated_bg_loop_speed. - Vídeo de fondo:
video_bg,video_type,video_youtube_url,video_vimeo_url,video_thumbnail_image,video_thumbnail_loading,video_start_after_interaction,video_mp4_url,video_webm_url,video_ogv_url. - Superposición:
overlay,one_color_overlay,gradient_color_1,gradient_color_2,gradient_orientation,change_opacity. - Comportamiento e identificación:
sticky_row,sticky_row_mode,viewport_class,device_visibility,z_index,el_id,el_class.
Qué es exclusivo de una fila interior
sticky_row_mode admite replace (predeterminado) o stack cuando sticky_row="yes". La sustitución reemplaza la fila fija gestionada anterior por esta; el apilado mantiene la nueva fila debajo de la fila fija existente en la misma columna. Las columnas distintas tienen secuencias independientes. Ambos modos se detienen en la columna que los contiene, siguen a un elemento principal fijo y recalculan cuando su contenido cambia de altura.
horizontal_scroll="yes" añade flex-nowrap of-x-scroll al .row interior, manteniendo sus columnas en una sola línea y permitiendo el desplazamiento horizontal cuando su ancho combinado supera el espacio disponible.
horizontal_scroll_behavior admite native (predeterminado), scroll o hover
cuando el desplazamiento horizontal está activado. Los modos mejorados se aplican a las
columnas propias de esta fila interior y comparten el mismo script, la alternativa táctil/de movimiento reducido y el
comportamiento de teclado que la opción de la fila exterior. Usa filas separadas para secuencias
fijadas de forma independiente; las filas anidadas con desplazamiento de página conservan el desplazamiento nativo.
Consulta Choose horizontal row scrolling
para la configuración y la verificación.
Una fila interior no expone los controles de ancho completo, alto completo, fondo dividido, control deslizante de fondo, flecha de siguiente sección, visibilidad por rol ni visibilidad de productos comprados de la fila exterior. Sus elementos secundarios directos deben ser vc_column_inner, y la fila interior completa debe permanecer dentro de un vc_column normal.
Cuando video_type="self-hosted", video_mp4_url también acepta la URL lógica copiada de Media → Videos. El sitio actual debe ser el propietario del vídeo preparado. Su salida progresiva estándar se genera de forma independiente de Scroll, y Jarallax consume el MP4 firmado temporal exactamente como una URL autohospedada directa, de modo que Video.js no se carga y no se almacena ninguna dirección permanente de CloudFront en el shortcode.
Contenido encerrado
Coloca únicamente elementos secundarios vc_column_inner entre las etiquetas y mantén toda la estructura dentro de vc_column. El constructor visual mantiene esta jerarquía y debe usarse para mover o redimensionar columnas anidadas.
Verificación
Inspecciona la cuadrícula anidada en cada punto de interrupción y confirma que sus columnas interiores se ajusten en un orden de lectura lógico. Cuando el desplazamiento horizontal esté activado, confirma que el .row permanezca en una sola línea y que todas las columnas interiores sean accesibles horizontalmente. Si el comportamiento fijo está activado, verifica que replace y stack interactúen según lo previsto con otras filas fijas gestionadas.