# yaymail/4.4.5/templates/elements/column.php

YayMail – WooCommerce Email Customizer, version 4.4.5. 105 lines.

- Page: https://pluginprobe.com/plugins/yaymail/4.4.5/code/templates/elements/column.php
- Raw: https://pluginprobe.com/plugins/yaymail/4.4.5/raw/templates/elements/column.php
- Modified: 2026-05-21T15:29:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/yaymail/4.4.5/code/templates/elements/column.php#L10-L20`.

```php
<?php
defined( 'ABSPATH' ) || exit;

use YayMail\Elements\ElementsLoader;
use YayMail\Utils\TemplateHelpers;
use YayMail\Utils\Helpers;

/**
 * $args includes
 * $element
 * $render_data
 * $is_nested
 */
if ( empty( $args['element'] ) ) {
    return;
}

$element              = $args['element'];
$data                 = $element['data'];
$list_elements        = $args['template']->get_elements();
$parent_element       = TemplateHelpers::find_parent_element( $element['id'], $list_elements );
$row_avg_padding      = $parent_element['data']['column_spacing'] ?? 0;
$total_columns        = $parent_element['data']['amount_of_columns'] ?? 1;
$current_column_index = array_search( $element['id'], array_column( $parent_element['children'] ?? [], 'id' ), true );

if ( false === $current_column_index ) {
    $current_column_index = 0;
}

$is_responsive_on_mobile = Helpers::is_true( $parent_element['data']['responsive_on_mobile'] ?? false );

$nested_column_style = '';
if ( isset( $parent_element['type'] ) && 'column_layout' === $parent_element['type'] ) {
    $layout_data              = $parent_element['data'];
    $inner_radius             = isset( $layout_data['inner_border_radius'] ) ? $layout_data['inner_border_radius'] : [];
    $corners                  = TemplateHelpers::get_inner_column_border_radius(
        $inner_radius,
        (int) $total_columns,
        (int) $current_column_index
    );
    $nested_props             = [
        'border-radius'    => TemplateHelpers::get_border_radius_value( $corners, 'px' ),
        'background-color' => $layout_data['inner_background_color'] ?? 'transparent',
    ];
    $has_inner_radius         = ( $corners['top_left'] || $corners['top_right'] || $corners['bottom_right'] || $corners['bottom_left'] );
    $nested_props['overflow'] = $has_inner_radius ? 'hidden' : 'visible';
    $nested_column_style      = TemplateHelpers::get_style( $nested_props );
}

$wrapper_style = TemplateHelpers::get_style(
    array_merge(
        [
            'width'          => "{$data['width']}%",
            'max-width'      => "{$data['width']}%",
            'vertical-align' => $parent_element['data']['vertical_align'] ?? 'top',
        ],
        $current_column_index === 0 ? [
            'padding-left'  => '0',
            'padding-right' => TemplateHelpers::get_dimension_value( $row_avg_padding / 2 ),
        ] : [
            'padding-right' => TemplateHelpers::get_dimension_value( $row_avg_padding / 4 ),
            'padding-left'  => TemplateHelpers::get_dimension_value( $row_avg_padding / 4 ),
        ],
        $total_columns - 1 === $current_column_index ? [
            'padding-right' => '0',
            'padding-left'  => TemplateHelpers::get_dimension_value( $row_avg_padding / 2 ),
        ] : [],
    )
);

if ( isset( $data['border'] ) ) {
    $wrapper_style .= TemplateHelpers::get_border_css_value( $data['border'] );
}

if ( '' !== $nested_column_style ) {
    $wrapper_style .= $nested_column_style;
}
?>

<style>
    <?php if ( $is_responsive_on_mobile ) { ?>
    @media only screen and (max-width: 400px) {
        .yaymail-element-<?php echo esc_attr( $parent_element['id'] ); ?>  .yaymail-customizer-element-column {
            width: 100% !important;
            display: block;
            max-width: 100% !important;
        }
    }
    <?php } ?>
</style>

<td class="yaymail-customizer-element-column" style="<?php echo esc_attr( $wrapper_style ); ?>">
    <div class="yaymail-customizer-element-nested-column-content">
        <?php
        if ( ! empty( $element['children'] ) ) {
            $args['is_nested'] = true;
            ElementsLoader::render_elements(
                $element['children'],
                $args
            );
        }
        ?>
    </div>
</td>

```