sidebar-footer.php

<?php
/**
 * The Sidebar containing the footer widget areas.
 *
 * @package ColorMag
 *
 * @since   ColorMag 1.0.0
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

/**
 * The footer widget area is triggered if any of the areas have widgets. So let's check that first.
 *
 * If none of the sidebars have widgets, then let's bail early.
 */
if ( ! is_active_sidebar( 'colormag_footer_sidebar_one' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_two' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_three' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_four' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_one_upper' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_two_upper' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_three_upper' ) &&
	! is_active_sidebar( 'colormag_footer_sidebar_full_width' ) ) {
	return;
}

$footer_column_layout = get_theme_mod( 'colormag_footer_column_layout', 'style-4' );
$number_of_cols       = preg_replace( '/\D/', '', $footer_column_layout );
$col_mapper           = array(
	1 => 'one',
	2 => 'two',
	3 => 'three',
	4 => 'four',
);

?>


<div class="cm-footer-cols">
	<div class="cm-container">
		<div class="cm-row">
			<?php if ( is_active_sidebar( 'colormag_footer_sidebar_one_upper' ) || is_active_sidebar( 'colormag_footer_sidebar_two_upper' ) || is_active_sidebar( 'colormag_footer_sidebar_three_upper' ) ) : ?>
				<div class="cm-upper-footer-cols">
					<div class="cm-upper-footer-col cm-upper-footer-col--1">
						<?php dynamic_sidebar( 'colormag_footer_sidebar_one_upper' ); ?>
					</div>
					<div class="cm-upper-footer-col cm-upper-footer-col--2">
						<?php dynamic_sidebar( 'colormag_footer_sidebar_two_upper' ); ?>
					</div>
					<div class="cm-upper-footer-col cm-upper-footer-col--3">
						<?php dynamic_sidebar( 'colormag_footer_sidebar_three_upper' ); ?>
					</div>
				</div>
			<?php endif; ?>

			<?php if ( is_active_sidebar( 'colormag_footer_sidebar_one' ) || is_active_sidebar( 'colormag_footer_sidebar_two' ) || is_active_sidebar( 'colormag_footer_sidebar_three' ) || is_active_sidebar( 'colormag_footer_sidebar_four' ) ) : ?>
			<div class="cm-lower-footer-cols">
				<?php for ( $i = 1; $i <= $number_of_cols; ++$i ) : ?>
					<div class="cm-lower-footer-col cm-lower-footer-col--<?php echo esc_attr( $i ); ?>">
						<?php dynamic_sidebar( "colormag_footer_sidebar_{$col_mapper[$i]}" ); ?>
					</div>
				<?php endfor; ?>
			</div>
			<?php endif; ?>

		</div>
	</div>
</div>