*/ $sec4_bg_image = get_theme_mod( 'canuck_section4_background_image', '' ); $sec4_use_parallax = get_theme_mod( 'canuck_section4_use_parallax', false ); $use_lazyload = get_theme_mod( 'canuck_use_lazyload' ) ? true : false; if ( '' !== $sec4_bg_image ) { if ( true === $sec4_use_parallax ) { $string4 = ' class="home-4-wide parallax-window" data-parallax="scroll" data-image-src="' . esc_url( $sec4_bg_image ) . '" data-speed="0.3" data-bleed="20" style="background: transparent;"'; // Workaround for overlays on parralax sections :( $home_final_setup = canuck_home_area_setup(); foreach ( $home_final_setup as $area => $section ) { if ( '4' === $section ) { if ( 1 === $area ) { $string4a = ' style="margin: 0 0 -20px 0;"'; } else { $previous_section = $home_final_setup[ $area - 1 ]; $prev_sec_use_parallax = get_theme_mod( 'canuck_section' . $previous_section . '_use_parallax', false ); if ( true === $prev_sec_use_parallax ) { $string4a = ' style="margin: 20px 0 -20px 0;"'; } else { $string4a = ' style="margin: 0 0 -20px 0;"'; } } } } } elseif ( true === $use_lazyload ) { $string4 = ' class="home-4-wide lazyload" data-src="' . esc_url( $sec4_bg_image ) . '"'; $string4a = ''; } else { $string4 = ' class="home-4-wide" style="background-image: url( ' . esc_url( $sec4_bg_image ) . ' );"'; $string4a = ''; } } else { $string4 = ' class="home-4-wide"'; $string4a = ''; } ?>