# yaymail/4.3.3/templates/elements/image-list.php

YayMail – WooCommerce Email Customizer, version 4.3.3. 169 lines.

- Page: https://pluginprobe.com/plugins/yaymail/4.3.3/code/templates/elements/image-list.php
- Raw: https://pluginprobe.com/plugins/yaymail/4.3.3/raw/templates/elements/image-list.php
- Modified: 2026-02-12T15:49:00+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.3.3/code/templates/elements/image-list.php#L10-L20`.

```php
<?php
defined( 'ABSPATH' ) || exit;
use YayMail\Utils\TemplateHelpers;

if ( empty( $args['element'] ) ) {
    return;
}

$element = $args['element'];
$data    = $element['data'];

$data_column_1 = [
    'align'   => 'center',
    'width'   => '100',
    'url'     => '#',
    'image'   => YAYMAIL_PLUGIN_URL . 'assets/images/woocommerce-logo.png',
    'padding' => [
        'top'    => '10',
        'right'  => '10',
        'bottom' => '10',
        'left'   => '50',
    ],
];

if ( is_array( $data['image_list']['column_1'] ) && ! empty( $data['image_list']['column_1'] ) ) {
    $_data_column_1 = $data['image_list']['column_1'];
    foreach ( $_data_column_1 as $key => $value ) {
        $data_column_1[ $key ] = $value['value'];
    }
}

$data_column_2 = [
    'align'   => 'center',
    'width'   => '100',
    'url'     => '#',
    'image'   => YAYMAIL_PLUGIN_URL . 'assets/images/woocommerce-logo.png',
    'padding' => [
        'top'    => '10',
        'right'  => '30',
        'bottom' => '10',
        'left'   => '30',
    ],
];

if ( is_array( $data['image_list']['column_2'] ) && ! empty( $data['image_list']['column_2'] ) ) {
    $_data_column_2 = $data['image_list']['column_2'];
    foreach ( $_data_column_2 as $key => $value ) {
        $data_column_2[ $key ] = $value['value'];
    }
}

$data_column_3 = [
    'align'   => 'center',
    'width'   => '100',
    'url'     => '#',
    'image'   => YAYMAIL_PLUGIN_URL . 'assets/images/woocommerce-logo.png',
    'padding' => [
        'top'    => '10',
        'right'  => '50',
        'bottom' => '10',
        'left'   => '10',
    ],
];

if ( is_array( $data['image_list']['column_3'] ) && ! empty( $data['image_list']['column_3'] ) ) {
    $_data_column_3 = $data['image_list']['column_3'];
    foreach ( $_data_column_3 as $key => $value ) {
        $data_column_3[ $key ] = $value['value'];
    }
}

$wrapper_style = TemplateHelpers::get_style(
    [
        'word-break'       => 'break-word',
        'background-color' => $data['background_color'],
    ]
);

$column_1_style = TemplateHelpers::get_style(
    [
        'padding'    => TemplateHelpers::get_spacing_value( isset( $data_column_1['padding'] ) ? $data_column_1['padding'] : [] ),
        'text-align' => isset( $data_column_1['align'] ) ? $data_column_1['align'] : 'center',
        'width'      => '100%',
    ]
);

$column_2_style = TemplateHelpers::get_style(
    [
        'padding'    => TemplateHelpers::get_spacing_value( isset( $data_column_2['padding'] ) ? $data_column_2['padding'] : [] ),
        'text-align' => isset( $data_column_2['align'] ) ? $data_column_2['align'] : 'center',
        'width'      => '100%',
    ]
);

$column_3_style = TemplateHelpers::get_style(
    [
        'padding'    => TemplateHelpers::get_spacing_value( isset( $data_column_3['padding'] ) ? $data_column_3['padding'] : [] ),
        'text-align' => isset( $data_column_3['align'] ) ? $data_column_3['align'] : 'center',
        'width'      => '100%',
    ]
);

$column_style = TemplateHelpers::get_style(
    [
        'width'      => TemplateHelpers::get_dimension_value( 100 / $data['number_column'], '%' ),
        'box-sizing' => 'border-box',
    ]
);

ob_start();
?>

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="width: 100%; table-layout: fixed;">
    <tbody>
        <tr>
            <!-- Column 1 -->
            <td valign="top" style="<?php echo esc_attr( $column_style ); ?>">
                <table width="100%" cellspacing="0" cellpadding="0" border="0" style="width: 100%; table-layout: fixed;">
                    <tbody>
                        <tr>
                            <td style="<?php echo esc_attr( $column_1_style ); ?>">
                                <a href="<?php echo esc_url( do_shortcode( $data_column_1['url'] ) ); ?>" target="_blank" rel="noreferrer" style="display: inline-block;">
                                    <img alt="<?php echo esc_attr( $data_column_1['alt'] ?? '' ); ?>" src="<?php echo esc_url( $data_column_1['image'] ); ?>" style="width: <?php echo esc_attr( TemplateHelpers::get_dimension_value( $data_column_1['width'] ) ); ?>; display: block; max-width: 100%; height: auto;"/>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <!-- Column 2 -->
            <?php if ( 2 <= (int) $data['number_column'] ) : ?>
            <td valign="top" style="<?php echo esc_attr( $column_style ); ?>">
                <table width="100%" cellspacing="0" cellpadding="0" border="0" style="width: 100%; table-layout: fixed;">
                    <tbody>
                        <tr>
                            <td style="<?php echo esc_attr( $column_2_style ); ?>">
                                <a href="<?php echo esc_url( do_shortcode( $data_column_2['url'] ) ); ?>" target="_blank" rel="noreferrer" style="display: inline-block;">
                                    <img alt="<?php echo esc_attr( $data_column_2['alt'] ?? '' ); ?>" src="<?php echo esc_url( $data_column_2['image'] ); ?>" style="width: <?php echo esc_attr( TemplateHelpers::get_dimension_value( $data_column_2['width'] ) ); ?>; display: block; max-width: 100%; height: auto;"/>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <?php endif; ?>
            <!-- Column 3 -->
            <?php if ( 3 <= (int) $data['number_column'] ) : ?>
            <td valign="top" style="<?php echo esc_attr( $column_style ); ?>">
                <table width="100%" cellspacing="0" cellpadding="0" border="0" style="width: 100%; table-layout: fixed;">
                    <tbody>
                        <tr>
                            <td style="<?php echo esc_attr( $column_3_style ); ?>">
                                <a href="<?php echo esc_url( do_shortcode( $data_column_3['url'] ) ); ?>" target="_blank" rel="noreferrer" style="display: inline-block;">
                                    <img alt="<?php echo esc_attr( $data_column_3['alt'] ?? '' ); ?>" src="<?php echo esc_url( $data_column_3['image'] ); ?>" style="width: <?php echo esc_attr( TemplateHelpers::get_dimension_value( $data_column_3['width'] ) ); ?>; display: block; max-width: 100%; height: auto;"/>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <?php endif; ?>
        </tr>
    </tbody>
</table>
<?php
$element_content = ob_get_clean();

TemplateHelpers::wrap_element_content( $element_content, $element, $wrapper_style );

```