lightspeeddevelopment / lsx-customizer

classes/class-lsx-customizer-colour-button.php

Indentation +104 added lines, -104 removed lines

@@ -1,105 +1,105 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour_Button' ) ) {
 
-	/**
-	 * LSX Customizer Colour Button Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour_Button extends LSX_Customizer_Colour {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
-			add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
-
-			add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
-		}
-
-		/**
-		 * Assign CSS to theme mod.
-		 *
-		 * @since 1.0.0
-		 */
-		public function set_theme_mod() {
-			$theme_mods = $this->get_theme_mods();
-			$styles     = $this->get_css( $theme_mods );
-
-			set_theme_mod( 'lsx_customizer_colour__button_theme_mod', $styles );
-		}
-
-		/**
-		 * Enqueues front-end CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function enqueue_css() {
-			$styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__button_theme_mod' );
-
-			if ( is_customize_preview() || false === $styles_from_theme_mod ) {
-				$theme_mods = $this->get_theme_mods();
-				$styles     = $this->get_css( $theme_mods );
-
-				if ( false === $styles_from_theme_mod ) {
-					set_theme_mod( 'lsx_customizer_colour__button_theme_mod', $styles );
-				}
-			} else {
-				$styles = $styles_from_theme_mod;
-			}
-
-			wp_add_inline_style( 'lsx-customizer', $styles );
-		}
-
-		/**
-		 * Get CSS theme mods.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_theme_mods() {
-			$colors = parent::get_color_scheme();
-
-			return apply_filters( 'lsx_customizer_colours_button', array(
-				'button_background_color'       => get_theme_mod( 'button_background_color',       $colors['button_background_color'] ),
-				'button_background_hover_color' => get_theme_mod( 'button_background_hover_color', $colors['button_background_hover_color'] ),
-				'button_text_color'             => get_theme_mod( 'button_text_color',             $colors['button_text_color'] ),
-				'button_text_color_hover'       => get_theme_mod( 'button_text_color_hover',       $colors['button_text_color_hover'] ),
-				'button_shadow'                 => get_theme_mod( 'button_shadow',                 $colors['button_shadow'] ),
-			) );
-		}
-
-		/**
-		 * Returns CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		function get_css( $colors ) {
-			global $customizer_colour_names;
-
-			$colors_template = array();
-
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors_template[ $key ] = '';
-			}
-
-			$colors = wp_parse_args( $colors, $colors_template );
-
-			if ( empty( $colors['button_text_color'] )
-				|| empty( $colors['button_text_color_hover'] )
-				|| empty( $colors['button_background_color'] )
-				|| empty( $colors['button_background_hover_color'] )
-				|| empty( $colors['button_shadow'] ) ) {
-				return '';
-			}
-
-			$css = '
+     /**
+      * LSX Customizer Colour Button Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour_Button extends LSX_Customizer_Colour {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
+               add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
+
+               add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
+          }
+
+          /**
+           * Assign CSS to theme mod.
+           *
+           * @since 1.0.0
+           */
+          public function set_theme_mod() {
+               $theme_mods = $this->get_theme_mods();
+               $styles     = $this->get_css( $theme_mods );
+
+               set_theme_mod( 'lsx_customizer_colour__button_theme_mod', $styles );
+          }
+
+          /**
+           * Enqueues front-end CSS.
+           *
+           * @since 1.0.0
+           */
+          public function enqueue_css() {
+               $styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__button_theme_mod' );
+
+               if ( is_customize_preview() || false === $styles_from_theme_mod ) {
+                    $theme_mods = $this->get_theme_mods();
+                    $styles     = $this->get_css( $theme_mods );
+
+                    if ( false === $styles_from_theme_mod ) {
+                         set_theme_mod( 'lsx_customizer_colour__button_theme_mod', $styles );
+                    }
+               } else {
+                    $styles = $styles_from_theme_mod;
+               }
+
+               wp_add_inline_style( 'lsx-customizer', $styles );
+          }
+
+          /**
+           * Get CSS theme mods.
+           *
+           * @since 1.0.0
+           */
+          public function get_theme_mods() {
+               $colors = parent::get_color_scheme();
+
+               return apply_filters( 'lsx_customizer_colours_button', array(
+                    'button_background_color'       => get_theme_mod( 'button_background_color',       $colors['button_background_color'] ),
+                    'button_background_hover_color' => get_theme_mod( 'button_background_hover_color', $colors['button_background_hover_color'] ),
+                    'button_text_color'             => get_theme_mod( 'button_text_color',             $colors['button_text_color'] ),
+                    'button_text_color_hover'       => get_theme_mod( 'button_text_color_hover',       $colors['button_text_color_hover'] ),
+                    'button_shadow'                 => get_theme_mod( 'button_shadow',                 $colors['button_shadow'] ),
+               ) );
+          }
+
+          /**
+           * Returns CSS.
+           *
+           * @since 1.0.0
+           */
+          function get_css( $colors ) {
+               global $customizer_colour_names;
+
+               $colors_template = array();
+
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors_template[ $key ] = '';
+               }
+
+               $colors = wp_parse_args( $colors, $colors_template );
+
+               if ( empty( $colors['button_text_color'] )
+                    || empty( $colors['button_text_color_hover'] )
+                    || empty( $colors['button_background_color'] )
+                    || empty( $colors['button_background_hover_color'] )
+                    || empty( $colors['button_shadow'] ) ) {
+                    return '';
+               }
+
+               $css = '
 				@import "' . get_template_directory() . '/assets/css/scss/global/mixins/button";
 
 				/**
@@ -114,12 +114,12 @@ 
 				);
 			';
 
-			$css = apply_filters( 'lsx_customizer_colour_selectors_button', $css, $colors );
-			$css = parent::scss_to_css( $css );
+               $css = apply_filters( 'lsx_customizer_colour_selectors_button', $css, $colors );
+               $css = parent::scss_to_css( $css );
 
-			return $css;
-		}
+               return $css;
+          }
 
-	}
+     }
 
 }

classes/class-lsx-customizer-colour.php

Indentation +483 added lines, -483 removed lines

@@ -1,411 +1,411 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour' ) ) {
 
-	/**
-	 * LSX Customizer Colour Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour extends LSX_Customizer {
-
-		/**
-		 * Button customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $button;
-
-		/**
-		 * Button CTA customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $button_cta;
-
-		/**
-		 * Button secondary customizer instance.
-		 *
-		 * @var string
-		 * @since 1.1.0
-		 */
-		public $button_secondary;
-
-		/**
-		 * Button tertiary customizer instance.
-		 *
-		 * @var string
-		 * @since 1.1.0
-		 */
-		public $button_tertiary;
-
-		/**
-		 * Top Menu customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $top_menu;
-
-		/**
-		 * Header customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $header;
-
-		/**
-		 * Main menu customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $main_menu;
-
-		/**
-		 * Banner customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $banner;
-
-		/**
-		 * Body customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $body;
-
-		/**
-		 * Footer CTA customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $footer_cta;
-
-		/**
-		 * Footer Widgets customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $footer_widgets;
-
-		/**
-		 * Footer customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $footer;
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'after_setup_theme',                       array( $this, 'after_setup_theme' ), 20 );
-			add_action( 'customize_register',                      array( $this, 'customize_register' ), 20 );
-			add_action( 'customize_controls_print_footer_scripts', array( $this, 'colour_scheme_css_template' ) );
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function after_setup_theme() {
-			require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-options.php' );
-			require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-deprecated.php' );
-			require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-templates.php' );
-
-			if ( class_exists( 'WP_Customize_Control' ) ) {
-				require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-control.php' );
-			}
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button.php' );
-			$this->button = new LSX_Customizer_Colour_Button;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-cta.php' );
-			$this->button_cta = new LSX_Customizer_Colour_Button_CTA;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-secondary.php' );
-			$this->button_secondary = new LSX_Customizer_Colour_Button_Secondary;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-tertiary.php' );
-			$this->button_tertiary = new LSX_Customizer_Colour_Button_Tertiary;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-top-menu.php' );
-			$this->top_menu = new LSX_Customizer_Colour_Top_Menu;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-header.php' );
-			$this->header = new LSX_Customizer_Colour_Header;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-main-menu.php' );
-			$this->main_menu = new LSX_Customizer_Colour_Main_Menu;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-banner.php' );
-			$this->banner = new LSX_Customizer_Colour_Banner;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-body.php' );
-			$this->body = new LSX_Customizer_Colour_Body;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-cta.php' );
-			$this->footer_cta = new LSX_Customizer_Colour_Footer_CTA;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-widgets.php' );
-			$this->footer_widgets = new LSX_Customizer_Colour_Footer_Widgets;
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer.php' );
-			$this->footer = new LSX_Customizer_Colour_Footer;
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function customize_register( $wp_customize ) {
-			global $customizer_colour_names;
-			global $customizer_colour_choices;
-
-			/**
-			 * Colors
-			 */
-			$wp_customize->add_panel( 'colors' , array(
-				'title'             => esc_html__( 'Colors', 'lsx-customizer' ),
-				'priority'          => 60,
-			) );
-
-			/**
-			 * Colors - Sections
-			 */
-			$wp_customize->add_section( 'colors-core' , array(
-				'title'             => esc_html__( 'Color Scheme', 'lsx-customizer' ),
-				'priority'          => 1,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-palette' , array(
-				'title'             => esc_html__( 'Block Editor Color Palette', 'lsx-customizer' ),
-				'description' => esc_html__( 'Add colors to use within the Gutenberg editor color palette.', 'lsx-customizer' ),
-				'priority'          => 2,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button' , array(
-				'title'             => esc_html__( 'Button', 'lsx-customizer' ),
-				'priority'          => 3,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button-cta' , array(
-				'title'             => esc_html__( 'Button CTA', 'lsx-customizer' ),
-				'priority'          => 4,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button-secondary' , array(
-				'title'             => esc_html__( 'Button Secondary', 'lsx-customizer' ),
-				'priority'          => 5,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button-tertiary' , array(
-				'title'             => esc_html__( 'Button Tertiary', 'lsx-customizer' ),
-				'priority'          => 6,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-top-menu' , array(
-				'title'             => esc_html__( 'Top Menu', 'lsx-customizer' ),
-				'priority'          => 7,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-header' , array(
-				'title'             => esc_html__( 'Header', 'lsx-customizer' ),
-				'priority'          => 8,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-main-menu' , array(
-				'title'             => esc_html__( 'Main Menu', 'lsx-customizer' ),
-				'priority'          => 9,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-banner' , array(
-				'title'             => esc_html__( 'Banner', 'lsx-customizer' ),
-				'priority'          => 10,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-body' , array(
-				'title'             => esc_html__( 'Body', 'lsx-customizer' ),
-				'priority'          => 11,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-footer-cta' , array(
-				'title'             => esc_html__( 'Footer CTA', 'lsx-customizer' ),
-				'priority'          => 12,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-footer-widgets' , array(
-				'title'             => esc_html__( 'Footer Widgets', 'lsx-customizer' ),
-				'priority'          => 13,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-footer' , array(
-				'title'             => esc_html__( 'Footer', 'lsx-customizer' ),
-				'priority'          => 14,
-				'panel'             => 'colors',
-			) );
-
-			/**
-			 * Color Scheme
-			 */
-			$wp_customize->add_setting( 'color_scheme', array(
-				'default'           => 'default',
-				'type'	            => 'theme_mod',
-				'transport'         => 'postMessage',
-			) );
-
-			$wp_customize->add_control( new LSX_Customizer_Colour_Control(
-				$wp_customize, 'color_scheme', array(
-				'label'             => esc_html__( 'Base Color Scheme', 'lsx-customizer' ),
-				'section'           => 'colors-core',
-				'type'              => 'select',
-				'priority'          => 1,
-				'choices'           => $customizer_colour_choices,
-				)
-			) );
-
-			/**
-			 * Color Palette
-			 */
-			$colors = $this->get_color_scheme();
-
-			$customizer_colour_defaults = array(
-				__( 'Primary', 'lsx-customizer' )        => get_theme_mod( 'button_background_color', $colors['button_background_color'] ),
-				__( 'Strong Primary', 'lsx-button_shadow' ) => get_theme_mod( 'button_shadow', $colors['body_link_color'] ),
-				__( 'Call To Action', 'lsx-customizer' ) => get_theme_mod( 'button_cta_background_color', $colors['button_cta_background_color'] ),
-				__( 'Strong CTA', 'lsx-button_shadow' )  => get_theme_mod( 'button_cta_shadow', $colors['button_cta_shadow'] ),
-				__( 'Secondary', 'lsx-customizer' )      => get_theme_mod( 'button_secondary_background_color', $colors['button_secondary_background_color'] ),
-				__( 'Strong Secondary', 'lsx-button_shadow' ) => get_theme_mod( 'button_secondary_shadow', $colors['button_secondary_shadow'] ),
-				__( 'Tertiary', 'lsx-customizer' )       => get_theme_mod( 'button_tertiary_background_color', $colors['button_tertiary_background_color'] ),
-				__( 'Strong Tertiary', 'lsx-button_shadow' ) => get_theme_mod( 'button_tertiary_shadow', $colors['button_tertiary_shadow'] ),
-				__( 'Heading Color', 'lsx-customizer' )  => get_theme_mod( 'body_text_heading_color', $colors['body_text_heading_color'] ),
-				__( 'Body Text color', 'lsx-button_shadow' ) => get_theme_mod( 'body_text_color', $colors['body_text_color'] ),
-				__( 'White', 'lsx-button_shadow' )       => '#ffffff',
-				__( 'Black', 'lsx-button_shadow' )       => '#000000',
-			);
-			foreach ( $customizer_colour_defaults as $key => $value ) {
-
-				$color_name = strtolower( str_replace( ' ', '_', $key ) );
-				$color_name = $color_name . '_color';
-
-				$wp_customize->add_setting( $color_name, array(
-					'default'           => $value,
-					'type'              => 'theme_mod',
-					'transport'         => 'postMessage',
-					'sanitize_callback' => 'sanitize_hex_color',
-				) );
-				$wp_customize->add_control(
-					new WP_Customize_Color_Control(
-						$wp_customize,
-						$color_name,
-						array(
-							'label'    => $key,
-							'section'  => 'colors-palette',
-							'settings' => $color_name,
-						)
-					)
-				);
-			}
-
-			/**
-			 * Colors
-			 */
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$sanitize_callback = 'sanitize_hex_color';
-
-				if ( 'background_color' === $key ) {
-					$sanitize_callback = 'sanitize_hex_color_no_hash';
-				}
-
-				$section = 'colors-core';
-
-				if ( preg_match( '/^button_cta_.*/', $key ) ) {
-					$section = 'colors-button-cta';
-				} elseif ( preg_match( '/^button_secondary_.*/', $key ) ) {
-					$section = 'colors-button-secondary';
-				} elseif ( preg_match( '/^button_tertiary_.*/', $key ) ) {
-					$section = 'colors-button-tertiary';
-				} elseif ( preg_match( '/^button_.*/', $key ) ) {
-					$section = 'colors-button';
-				} elseif ( preg_match( '/^top_menu_.*/', $key ) ) {
-					$section = 'colors-top-menu';
-				} elseif ( preg_match( '/^header_.*/', $key ) ) {
-					$section = 'colors-header';
-				} elseif ( preg_match( '/^main_menu_.*/', $key ) ) {
-					$section = 'colors-main-menu';
-				} elseif ( preg_match( '/^banner_.*/', $key ) ) {
-					$section = 'colors-banner';
-				} elseif ( preg_match( '/^body_.*/', $key ) || 'background_color' === $key ) {
-					$section = 'colors-body';
-				} elseif ( preg_match( '/^footer_cta_.*/', $key ) ) {
-					$section = 'colors-footer-cta';
-				} elseif ( preg_match( '/^footer_widgets_.*/', $key ) ) {
-					$section = 'colors-footer-widgets';
-				} elseif ( preg_match( '/^footer_.*/', $key ) ) {
-					$section = 'colors-footer';
-				}
-
-				$wp_customize->add_setting( $key, array(
-					'default'           => $customizer_colour_choices['default']['colors'][ $key ],
-					'type'	            => 'theme_mod',
-					'transport'         => 'postMessage',
-					'sanitize_callback' => $sanitize_callback,
-				) );
-
-				$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $key, array(
-					'label'             => $value,
-					'section'           => $section,
-					'settings'          => $key,
-				) ) );
-			}
-		}
-
-		/**
-		 * Outputs an Underscore template for generating CSS for the color scheme.
-		 *
-		 * @since 1.0.0
-		 */
-		public function colour_scheme_css_template() {
-			global $customizer_colour_names;
-
-			$colors = array();
-
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors[ $key ] = 'unquote("{{ data.' . $key . ' }}")';
-			}
-			?>
+     /**
+      * LSX Customizer Colour Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour extends LSX_Customizer {
+
+          /**
+           * Button customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $button;
+
+          /**
+           * Button CTA customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $button_cta;
+
+          /**
+           * Button secondary customizer instance.
+           *
+           * @var string
+           * @since 1.1.0
+           */
+          public $button_secondary;
+
+          /**
+           * Button tertiary customizer instance.
+           *
+           * @var string
+           * @since 1.1.0
+           */
+          public $button_tertiary;
+
+          /**
+           * Top Menu customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $top_menu;
+
+          /**
+           * Header customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $header;
+
+          /**
+           * Main menu customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $main_menu;
+
+          /**
+           * Banner customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $banner;
+
+          /**
+           * Body customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $body;
+
+          /**
+           * Footer CTA customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $footer_cta;
+
+          /**
+           * Footer Widgets customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $footer_widgets;
+
+          /**
+           * Footer customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $footer;
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'after_setup_theme',                       array( $this, 'after_setup_theme' ), 20 );
+               add_action( 'customize_register',                      array( $this, 'customize_register' ), 20 );
+               add_action( 'customize_controls_print_footer_scripts', array( $this, 'colour_scheme_css_template' ) );
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function after_setup_theme() {
+               require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-options.php' );
+               require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-deprecated.php' );
+               require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-templates.php' );
+
+               if ( class_exists( 'WP_Customize_Control' ) ) {
+                    require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-control.php' );
+               }
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button.php' );
+               $this->button = new LSX_Customizer_Colour_Button;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-cta.php' );
+               $this->button_cta = new LSX_Customizer_Colour_Button_CTA;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-secondary.php' );
+               $this->button_secondary = new LSX_Customizer_Colour_Button_Secondary;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-tertiary.php' );
+               $this->button_tertiary = new LSX_Customizer_Colour_Button_Tertiary;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-top-menu.php' );
+               $this->top_menu = new LSX_Customizer_Colour_Top_Menu;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-header.php' );
+               $this->header = new LSX_Customizer_Colour_Header;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-main-menu.php' );
+               $this->main_menu = new LSX_Customizer_Colour_Main_Menu;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-banner.php' );
+               $this->banner = new LSX_Customizer_Colour_Banner;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-body.php' );
+               $this->body = new LSX_Customizer_Colour_Body;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-cta.php' );
+               $this->footer_cta = new LSX_Customizer_Colour_Footer_CTA;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-widgets.php' );
+               $this->footer_widgets = new LSX_Customizer_Colour_Footer_Widgets;
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer.php' );
+               $this->footer = new LSX_Customizer_Colour_Footer;
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function customize_register( $wp_customize ) {
+               global $customizer_colour_names;
+               global $customizer_colour_choices;
+
+               /**
+                * Colors
+                */
+               $wp_customize->add_panel( 'colors' , array(
+                    'title'             => esc_html__( 'Colors', 'lsx-customizer' ),
+                    'priority'          => 60,
+               ) );
+
+               /**
+                * Colors - Sections
+                */
+               $wp_customize->add_section( 'colors-core' , array(
+                    'title'             => esc_html__( 'Color Scheme', 'lsx-customizer' ),
+                    'priority'          => 1,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-palette' , array(
+                    'title'             => esc_html__( 'Block Editor Color Palette', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Add colors to use within the Gutenberg editor color palette.', 'lsx-customizer' ),
+                    'priority'          => 2,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button' , array(
+                    'title'             => esc_html__( 'Button', 'lsx-customizer' ),
+                    'priority'          => 3,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button-cta' , array(
+                    'title'             => esc_html__( 'Button CTA', 'lsx-customizer' ),
+                    'priority'          => 4,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button-secondary' , array(
+                    'title'             => esc_html__( 'Button Secondary', 'lsx-customizer' ),
+                    'priority'          => 5,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button-tertiary' , array(
+                    'title'             => esc_html__( 'Button Tertiary', 'lsx-customizer' ),
+                    'priority'          => 6,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-top-menu' , array(
+                    'title'             => esc_html__( 'Top Menu', 'lsx-customizer' ),
+                    'priority'          => 7,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-header' , array(
+                    'title'             => esc_html__( 'Header', 'lsx-customizer' ),
+                    'priority'          => 8,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-main-menu' , array(
+                    'title'             => esc_html__( 'Main Menu', 'lsx-customizer' ),
+                    'priority'          => 9,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-banner' , array(
+                    'title'             => esc_html__( 'Banner', 'lsx-customizer' ),
+                    'priority'          => 10,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-body' , array(
+                    'title'             => esc_html__( 'Body', 'lsx-customizer' ),
+                    'priority'          => 11,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-footer-cta' , array(
+                    'title'             => esc_html__( 'Footer CTA', 'lsx-customizer' ),
+                    'priority'          => 12,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-footer-widgets' , array(
+                    'title'             => esc_html__( 'Footer Widgets', 'lsx-customizer' ),
+                    'priority'          => 13,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-footer' , array(
+                    'title'             => esc_html__( 'Footer', 'lsx-customizer' ),
+                    'priority'          => 14,
+                    'panel'             => 'colors',
+               ) );
+
+               /**
+                * Color Scheme
+                */
+               $wp_customize->add_setting( 'color_scheme', array(
+                    'default'           => 'default',
+                    'type'	            => 'theme_mod',
+                    'transport'         => 'postMessage',
+               ) );
+
+               $wp_customize->add_control( new LSX_Customizer_Colour_Control(
+                    $wp_customize, 'color_scheme', array(
+                    'label'             => esc_html__( 'Base Color Scheme', 'lsx-customizer' ),
+                    'section'           => 'colors-core',
+                    'type'              => 'select',
+                    'priority'          => 1,
+                    'choices'           => $customizer_colour_choices,
+                    )
+               ) );
+
+               /**
+                * Color Palette
+                */
+               $colors = $this->get_color_scheme();
+
+               $customizer_colour_defaults = array(
+                    __( 'Primary', 'lsx-customizer' )        => get_theme_mod( 'button_background_color', $colors['button_background_color'] ),
+                    __( 'Strong Primary', 'lsx-button_shadow' ) => get_theme_mod( 'button_shadow', $colors['body_link_color'] ),
+                    __( 'Call To Action', 'lsx-customizer' ) => get_theme_mod( 'button_cta_background_color', $colors['button_cta_background_color'] ),
+                    __( 'Strong CTA', 'lsx-button_shadow' )  => get_theme_mod( 'button_cta_shadow', $colors['button_cta_shadow'] ),
+                    __( 'Secondary', 'lsx-customizer' )      => get_theme_mod( 'button_secondary_background_color', $colors['button_secondary_background_color'] ),
+                    __( 'Strong Secondary', 'lsx-button_shadow' ) => get_theme_mod( 'button_secondary_shadow', $colors['button_secondary_shadow'] ),
+                    __( 'Tertiary', 'lsx-customizer' )       => get_theme_mod( 'button_tertiary_background_color', $colors['button_tertiary_background_color'] ),
+                    __( 'Strong Tertiary', 'lsx-button_shadow' ) => get_theme_mod( 'button_tertiary_shadow', $colors['button_tertiary_shadow'] ),
+                    __( 'Heading Color', 'lsx-customizer' )  => get_theme_mod( 'body_text_heading_color', $colors['body_text_heading_color'] ),
+                    __( 'Body Text color', 'lsx-button_shadow' ) => get_theme_mod( 'body_text_color', $colors['body_text_color'] ),
+                    __( 'White', 'lsx-button_shadow' )       => '#ffffff',
+                    __( 'Black', 'lsx-button_shadow' )       => '#000000',
+               );
+               foreach ( $customizer_colour_defaults as $key => $value ) {
+
+                    $color_name = strtolower( str_replace( ' ', '_', $key ) );
+                    $color_name = $color_name . '_color';
+
+                    $wp_customize->add_setting( $color_name, array(
+                         'default'           => $value,
+                         'type'              => 'theme_mod',
+                         'transport'         => 'postMessage',
+                         'sanitize_callback' => 'sanitize_hex_color',
+                    ) );
+                    $wp_customize->add_control(
+                         new WP_Customize_Color_Control(
+                              $wp_customize,
+                              $color_name,
+                              array(
+                                   'label'    => $key,
+                                   'section'  => 'colors-palette',
+                                   'settings' => $color_name,
+                              )
+                         )
+                    );
+               }
+
+               /**
+                * Colors
+                */
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $sanitize_callback = 'sanitize_hex_color';
+
+                    if ( 'background_color' === $key ) {
+                         $sanitize_callback = 'sanitize_hex_color_no_hash';
+                    }
+
+                    $section = 'colors-core';
+
+                    if ( preg_match( '/^button_cta_.*/', $key ) ) {
+                         $section = 'colors-button-cta';
+                    } elseif ( preg_match( '/^button_secondary_.*/', $key ) ) {
+                         $section = 'colors-button-secondary';
+                    } elseif ( preg_match( '/^button_tertiary_.*/', $key ) ) {
+                         $section = 'colors-button-tertiary';
+                    } elseif ( preg_match( '/^button_.*/', $key ) ) {
+                         $section = 'colors-button';
+                    } elseif ( preg_match( '/^top_menu_.*/', $key ) ) {
+                         $section = 'colors-top-menu';
+                    } elseif ( preg_match( '/^header_.*/', $key ) ) {
+                         $section = 'colors-header';
+                    } elseif ( preg_match( '/^main_menu_.*/', $key ) ) {
+                         $section = 'colors-main-menu';
+                    } elseif ( preg_match( '/^banner_.*/', $key ) ) {
+                         $section = 'colors-banner';
+                    } elseif ( preg_match( '/^body_.*/', $key ) || 'background_color' === $key ) {
+                         $section = 'colors-body';
+                    } elseif ( preg_match( '/^footer_cta_.*/', $key ) ) {
+                         $section = 'colors-footer-cta';
+                    } elseif ( preg_match( '/^footer_widgets_.*/', $key ) ) {
+                         $section = 'colors-footer-widgets';
+                    } elseif ( preg_match( '/^footer_.*/', $key ) ) {
+                         $section = 'colors-footer';
+                    }
+
+                    $wp_customize->add_setting( $key, array(
+                         'default'           => $customizer_colour_choices['default']['colors'][ $key ],
+                         'type'	            => 'theme_mod',
+                         'transport'         => 'postMessage',
+                         'sanitize_callback' => $sanitize_callback,
+                    ) );
+
+                    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $key, array(
+                         'label'             => $value,
+                         'section'           => $section,
+                         'settings'          => $key,
+                    ) ) );
+               }
+          }
+
+          /**
+           * Outputs an Underscore template for generating CSS for the color scheme.
+           *
+           * @since 1.0.0
+           */
+          public function colour_scheme_css_template() {
+               global $customizer_colour_names;
+
+               $colors = array();
+
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors[ $key ] = 'unquote("{{ data.' . $key . ' }}")';
+               }
+               ?>
 			<script type="text/html" id="tmpl-lsx-color-scheme">
 				<?php echo esc_attr( $this->top_menu->get_css( $colors ) ); ?>
 				<?php echo esc_attr( $this->header->get_css( $colors ) ); ?>
@@ -424,89 +424,89 @@ 
 				<?php echo esc_attr( $this->button_tertiary->get_css( $colors ) ); ?>
 			</script>
 			<?php
-		}
-
-		/**
-		 * Transform SCSS to CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function scss_to_css( $scss ) {
-			$css                 = '';
-			$scss_php_file       = LSX_CUSTOMIZER_PATH . 'vendor/leafo/scssphp/scss.inc.php';
-			$lsx_theme_sass_file = get_template_directory() . '/assets/css/scss/lsx.scss';
-
-			if ( ! empty( $scss ) && file_exists( $scss_php_file ) && file_exists( $lsx_theme_sass_file ) ) {
-				require_once $scss_php_file;
-
-				$compiler = new \Leafo\ScssPhp\Compiler();
-				$compiler->setFormatter( 'Leafo\ScssPhp\Formatter\Compact' );
-
-				try {
-					$scss = '
+          }
+
+          /**
+           * Transform SCSS to CSS.
+           *
+           * @since 1.0.0
+           */
+          public function scss_to_css( $scss ) {
+               $css                 = '';
+               $scss_php_file       = LSX_CUSTOMIZER_PATH . 'vendor/leafo/scssphp/scss.inc.php';
+               $lsx_theme_sass_file = get_template_directory() . '/assets/css/scss/lsx.scss';
+
+               if ( ! empty( $scss ) && file_exists( $scss_php_file ) && file_exists( $lsx_theme_sass_file ) ) {
+                    require_once $scss_php_file;
+
+                    $compiler = new \Leafo\ScssPhp\Compiler();
+                    $compiler->setFormatter( 'Leafo\ScssPhp\Formatter\Compact' );
+
+                    try {
+                         $scss = '
 						@import "' . LSX_CUSTOMIZER_PATH . '/assets/css/scss/include-media";
 						@import "' . get_template_directory() . '/assets/css/scss/global/lsx-variables";
 						@import "' . get_template_directory() . '/assets/css/scss/global/mixins/colours-helper";
 						' . $scss . '
 					';
 
-					$css = $compiler->compile( $scss );
-				} catch ( \Exception $e ) {
-					$error = $e->getMessage();
-					return "/*\n\n\$error:\n\n{$error}\n\n\$scss:\n\n{$scss} */";
-				}
-			}
-
-			return $css;
-		}
-
-		/**
-		 * Converts a HEX value to RGB.
-		 *
-		 * @since 1.0.0
-		 */
-		public static function hex2rgb( $color ) {
-			$color = trim( $color, '#' );
-
-			if ( strlen( $color ) === 3 ) {
-				$r = hexdec( substr( $color, 0, 1 ) . substr( $color, 0, 1 ) );
-				$g = hexdec( substr( $color, 1, 1 ) . substr( $color, 1, 1 ) );
-				$b = hexdec( substr( $color, 2, 1 ) . substr( $color, 2, 1 ) );
-			} elseif ( strlen( $color ) === 6 ) {
-				$r = hexdec( substr( $color, 0, 2 ) );
-				$g = hexdec( substr( $color, 2, 2 ) );
-				$b = hexdec( substr( $color, 4, 2 ) );
-			} else {
-				return array();
-			}
-
-			return array(
-				'red'   => $r,
-				'green' => $g,
-				'blue'  => $b,
-			);
-		}
-
-		/**
-		 * Retrieves the current color scheme.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_color_scheme() {
-			global $customizer_colour_choices;
-
-			$color_scheme_option = get_theme_mod( 'color_scheme', 'default' );
-			$color_schemes = $customizer_colour_choices;
-
-			if ( array_key_exists( $color_scheme_option, $color_schemes ) ) {
-				return $color_schemes[ $color_scheme_option ]['colors'];
-			}
-
-			return $color_schemes['default']['colors'];
-		}
-
-	}
-
-	new LSX_Customizer_Colour;
+                         $css = $compiler->compile( $scss );
+                    } catch ( \Exception $e ) {
+                         $error = $e->getMessage();
+                         return "/*\n\n\$error:\n\n{$error}\n\n\$scss:\n\n{$scss} */";
+                    }
+               }
+
+               return $css;
+          }
+
+          /**
+           * Converts a HEX value to RGB.
+           *
+           * @since 1.0.0
+           */
+          public static function hex2rgb( $color ) {
+               $color = trim( $color, '#' );
+
+               if ( strlen( $color ) === 3 ) {
+                    $r = hexdec( substr( $color, 0, 1 ) . substr( $color, 0, 1 ) );
+                    $g = hexdec( substr( $color, 1, 1 ) . substr( $color, 1, 1 ) );
+                    $b = hexdec( substr( $color, 2, 1 ) . substr( $color, 2, 1 ) );
+               } elseif ( strlen( $color ) === 6 ) {
+                    $r = hexdec( substr( $color, 0, 2 ) );
+                    $g = hexdec( substr( $color, 2, 2 ) );
+                    $b = hexdec( substr( $color, 4, 2 ) );
+               } else {
+                    return array();
+               }
+
+               return array(
+                    'red'   => $r,
+                    'green' => $g,
+                    'blue'  => $b,
+               );
+          }
+
+          /**
+           * Retrieves the current color scheme.
+           *
+           * @since 1.0.0
+           */
+          public function get_color_scheme() {
+               global $customizer_colour_choices;
+
+               $color_scheme_option = get_theme_mod( 'color_scheme', 'default' );
+               $color_schemes = $customizer_colour_choices;
+
+               if ( array_key_exists( $color_scheme_option, $color_schemes ) ) {
+                    return $color_schemes[ $color_scheme_option ]['colors'];
+               }
+
+               return $color_schemes['default']['colors'];
+          }
+
+     }
+
+     new LSX_Customizer_Colour;
 
 }

classes/class-lsx-customizer-colour-banner.php

Indentation +106 added lines, -106 removed lines

@@ -1,107 +1,107 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour_Banner' ) ) {
 
-	/**
-	 * LSX Customizer Colour Banner Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour_Banner extends LSX_Customizer_Colour {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
-			add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
-
-			add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
-		}
-
-		/**
-		 * Assign CSS to theme mod.
-		 *
-		 * @since 1.0.0
-		 */
-		public function set_theme_mod() {
-			$theme_mods = $this->get_theme_mods();
-			$styles     = $this->get_css( $theme_mods );
-
-			set_theme_mod( 'lsx_customizer_colour__banner_theme_mod', $styles );
-		}
-
-		/**
-		 * Enqueues front-end CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function enqueue_css() {
-			$styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__banner_theme_mod' );
-
-			if ( is_customize_preview() || false === $styles_from_theme_mod ) {
-				$theme_mods = $this->get_theme_mods();
-				$styles     = $this->get_css( $theme_mods );
-
-				if ( false === $styles_from_theme_mod ) {
-					set_theme_mod( 'lsx_customizer_colour__banner_theme_mod', $styles );
-				}
-			} else {
-				$styles = $styles_from_theme_mod;
-			}
-
-			wp_add_inline_style( 'lsx-customizer', $styles );
-		}
-
-		/**
-		 * Get CSS theme mods.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_theme_mods() {
-			$colors = parent::get_color_scheme();
-
-			return apply_filters( 'lsx_customizer_colours_banner', array(
-				'banner_background_color'               => get_theme_mod( 'banner_background_color',               $colors['banner_background_color'] ),
-				'banner_text_color'                     => get_theme_mod( 'banner_text_color',                     $colors['banner_text_color'] ),
-				'banner_text_image_color'               => get_theme_mod( 'banner_text_image_color',               $colors['banner_text_image_color'] ),
-				'banner_breadcrumb_background_color'    => get_theme_mod( 'banner_breadcrumb_background_color',    $colors['banner_breadcrumb_background_color'] ),
-				'banner_breadcrumb_text_color'          => get_theme_mod( 'banner_breadcrumb_text_color',          $colors['banner_breadcrumb_text_color'] ),
-				'banner_breadcrumb_text_selected_color' => get_theme_mod( 'banner_breadcrumb_text_selected_color', $colors['banner_breadcrumb_text_selected_color'] ),
-			) );
-		}
-
-		/**
-		 * Returns CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		function get_css( $colors ) {
-			global $customizer_colour_names;
-
-			$colors_template = array();
-
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors_template[ $key ] = '';
-			}
-
-			$colors = wp_parse_args( $colors, $colors_template );
-
-			if ( empty( $colors['banner_background_color'] )
-				|| empty( $colors['banner_text_color'] )
-				|| empty( $colors['banner_text_image_color'] )
-				|| empty( $colors['banner_breadcrumb_background_color'] )
-				|| empty( $colors['banner_breadcrumb_text_color'] )
-				|| empty( $colors['banner_breadcrumb_text_selected_color'] ) ) {
-				return '';
-			}
-
-			$css = '
+     /**
+      * LSX Customizer Colour Banner Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour_Banner extends LSX_Customizer_Colour {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
+               add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
+
+               add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
+          }
+
+          /**
+           * Assign CSS to theme mod.
+           *
+           * @since 1.0.0
+           */
+          public function set_theme_mod() {
+               $theme_mods = $this->get_theme_mods();
+               $styles     = $this->get_css( $theme_mods );
+
+               set_theme_mod( 'lsx_customizer_colour__banner_theme_mod', $styles );
+          }
+
+          /**
+           * Enqueues front-end CSS.
+           *
+           * @since 1.0.0
+           */
+          public function enqueue_css() {
+               $styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__banner_theme_mod' );
+
+               if ( is_customize_preview() || false === $styles_from_theme_mod ) {
+                    $theme_mods = $this->get_theme_mods();
+                    $styles     = $this->get_css( $theme_mods );
+
+                    if ( false === $styles_from_theme_mod ) {
+                         set_theme_mod( 'lsx_customizer_colour__banner_theme_mod', $styles );
+                    }
+               } else {
+                    $styles = $styles_from_theme_mod;
+               }
+
+               wp_add_inline_style( 'lsx-customizer', $styles );
+          }
+
+          /**
+           * Get CSS theme mods.
+           *
+           * @since 1.0.0
+           */
+          public function get_theme_mods() {
+               $colors = parent::get_color_scheme();
+
+               return apply_filters( 'lsx_customizer_colours_banner', array(
+                    'banner_background_color'               => get_theme_mod( 'banner_background_color',               $colors['banner_background_color'] ),
+                    'banner_text_color'                     => get_theme_mod( 'banner_text_color',                     $colors['banner_text_color'] ),
+                    'banner_text_image_color'               => get_theme_mod( 'banner_text_image_color',               $colors['banner_text_image_color'] ),
+                    'banner_breadcrumb_background_color'    => get_theme_mod( 'banner_breadcrumb_background_color',    $colors['banner_breadcrumb_background_color'] ),
+                    'banner_breadcrumb_text_color'          => get_theme_mod( 'banner_breadcrumb_text_color',          $colors['banner_breadcrumb_text_color'] ),
+                    'banner_breadcrumb_text_selected_color' => get_theme_mod( 'banner_breadcrumb_text_selected_color', $colors['banner_breadcrumb_text_selected_color'] ),
+               ) );
+          }
+
+          /**
+           * Returns CSS.
+           *
+           * @since 1.0.0
+           */
+          function get_css( $colors ) {
+               global $customizer_colour_names;
+
+               $colors_template = array();
+
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors_template[ $key ] = '';
+               }
+
+               $colors = wp_parse_args( $colors, $colors_template );
+
+               if ( empty( $colors['banner_background_color'] )
+                    || empty( $colors['banner_text_color'] )
+                    || empty( $colors['banner_text_image_color'] )
+                    || empty( $colors['banner_breadcrumb_background_color'] )
+                    || empty( $colors['banner_breadcrumb_text_color'] )
+                    || empty( $colors['banner_breadcrumb_text_selected_color'] ) ) {
+                    return '';
+               }
+
+               $css = '
 				@import "' . get_template_directory() . '/assets/css/scss/global/mixins/banner";
 
 				/**
@@ -117,12 +117,12 @@ 
 				);
 			';
 
-			$css = apply_filters( 'lsx_customizer_colour_selectors_banner', $css, $colors );
-			$css = parent::scss_to_css( $css );
+               $css = apply_filters( 'lsx_customizer_colour_selectors_banner', $css, $colors );
+               $css = parent::scss_to_css( $css );
 
-			return $css;
-		}
+               return $css;
+          }
 
-	}
+     }
 
 }

classes/class-lsx-customizer-colour-main-menu.php

Indentation +108 added lines, -108 removed lines

@@ -1,109 +1,109 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour_Main_Menu' ) ) {
 
-	/**
-	 * LSX Customizer Colour Main Menu Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour_Main_Menu extends LSX_Customizer_Colour {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
-			add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
-
-			add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
-		}
-
-		/**
-		 * Assign CSS to theme mod.
-		 *
-		 * @since 1.0.0
-		 */
-		public function set_theme_mod() {
-			$theme_mods = $this->get_theme_mods();
-			$styles     = $this->get_css( $theme_mods );
-
-			set_theme_mod( 'lsx_customizer_colour__main_menu_theme_mod', $styles );
-		}
-
-		/**
-		 * Enqueues front-end CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function enqueue_css() {
-			$styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__main_menu_theme_mod' );
-
-			if ( is_customize_preview() || false === $styles_from_theme_mod ) {
-				$theme_mods = $this->get_theme_mods();
-				$styles     = $this->get_css( $theme_mods );
-
-				if ( false === $styles_from_theme_mod ) {
-					set_theme_mod( 'lsx_customizer_colour__main_menu_theme_mod', $styles );
-				}
-			} else {
-				$styles = $styles_from_theme_mod;
-			}
-
-			wp_add_inline_style( 'lsx-customizer', $styles );
-		}
-
-		/**
-		 * Get CSS theme mods.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_theme_mods() {
-			$colors = parent::get_color_scheme();
-
-			return apply_filters( 'lsx_customizer_colours_main_menu', array(
-				'main_menu_background_color'                => get_theme_mod( 'main_menu_background_color',                $colors['main_menu_background_color'] ),
-				'main_menu_link_color'                      => get_theme_mod( 'main_menu_link_color',                      $colors['main_menu_link_color'] ),
-				'main_menu_link_hover_color'                => get_theme_mod( 'main_menu_link_hover_color',                $colors['main_menu_link_hover_color'] ),
-				'main_menu_dropdown_background_color'       => get_theme_mod( 'main_menu_dropdown_background_color',       $colors['main_menu_dropdown_background_color'] ),
-				'main_menu_dropdown_background_hover_color' => get_theme_mod( 'main_menu_dropdown_background_hover_color', $colors['main_menu_dropdown_background_hover_color'] ),
-				'main_menu_dropdown_link_color'             => get_theme_mod( 'main_menu_dropdown_link_color',             $colors['main_menu_dropdown_link_color'] ),
-				'main_menu_dropdown_link_hover_color'       => get_theme_mod( 'main_menu_dropdown_link_hover_color',       $colors['main_menu_dropdown_link_hover_color'] ),
-			) );
-		}
-
-		/**
-		 * Returns CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		function get_css( $colors ) {
-			global $customizer_colour_names;
-
-			$colors_template = array();
-
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors_template[ $key ] = '';
-			}
-
-			$colors = wp_parse_args( $colors, $colors_template );
-
-			if ( empty( $colors['main_menu_background_color'] )
-				|| empty( $colors['main_menu_link_color'] )
-				|| empty( $colors['main_menu_link_hover_color'] )
-				|| empty( $colors['main_menu_dropdown_background_color'] )
-				|| empty( $colors['main_menu_dropdown_background_hover_color'] )
-				|| empty( $colors['main_menu_dropdown_link_color'] )
-				|| empty( $colors['main_menu_dropdown_link_hover_color'] ) ) {
-				return '';
-			}
-
-			$css = '
+     /**
+      * LSX Customizer Colour Main Menu Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour_Main_Menu extends LSX_Customizer_Colour {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
+               add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
+
+               add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
+          }
+
+          /**
+           * Assign CSS to theme mod.
+           *
+           * @since 1.0.0
+           */
+          public function set_theme_mod() {
+               $theme_mods = $this->get_theme_mods();
+               $styles     = $this->get_css( $theme_mods );
+
+               set_theme_mod( 'lsx_customizer_colour__main_menu_theme_mod', $styles );
+          }
+
+          /**
+           * Enqueues front-end CSS.
+           *
+           * @since 1.0.0
+           */
+          public function enqueue_css() {
+               $styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__main_menu_theme_mod' );
+
+               if ( is_customize_preview() || false === $styles_from_theme_mod ) {
+                    $theme_mods = $this->get_theme_mods();
+                    $styles     = $this->get_css( $theme_mods );
+
+                    if ( false === $styles_from_theme_mod ) {
+                         set_theme_mod( 'lsx_customizer_colour__main_menu_theme_mod', $styles );
+                    }
+               } else {
+                    $styles = $styles_from_theme_mod;
+               }
+
+               wp_add_inline_style( 'lsx-customizer', $styles );
+          }
+
+          /**
+           * Get CSS theme mods.
+           *
+           * @since 1.0.0
+           */
+          public function get_theme_mods() {
+               $colors = parent::get_color_scheme();
+
+               return apply_filters( 'lsx_customizer_colours_main_menu', array(
+                    'main_menu_background_color'                => get_theme_mod( 'main_menu_background_color',                $colors['main_menu_background_color'] ),
+                    'main_menu_link_color'                      => get_theme_mod( 'main_menu_link_color',                      $colors['main_menu_link_color'] ),
+                    'main_menu_link_hover_color'                => get_theme_mod( 'main_menu_link_hover_color',                $colors['main_menu_link_hover_color'] ),
+                    'main_menu_dropdown_background_color'       => get_theme_mod( 'main_menu_dropdown_background_color',       $colors['main_menu_dropdown_background_color'] ),
+                    'main_menu_dropdown_background_hover_color' => get_theme_mod( 'main_menu_dropdown_background_hover_color', $colors['main_menu_dropdown_background_hover_color'] ),
+                    'main_menu_dropdown_link_color'             => get_theme_mod( 'main_menu_dropdown_link_color',             $colors['main_menu_dropdown_link_color'] ),
+                    'main_menu_dropdown_link_hover_color'       => get_theme_mod( 'main_menu_dropdown_link_hover_color',       $colors['main_menu_dropdown_link_hover_color'] ),
+               ) );
+          }
+
+          /**
+           * Returns CSS.
+           *
+           * @since 1.0.0
+           */
+          function get_css( $colors ) {
+               global $customizer_colour_names;
+
+               $colors_template = array();
+
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors_template[ $key ] = '';
+               }
+
+               $colors = wp_parse_args( $colors, $colors_template );
+
+               if ( empty( $colors['main_menu_background_color'] )
+                    || empty( $colors['main_menu_link_color'] )
+                    || empty( $colors['main_menu_link_hover_color'] )
+                    || empty( $colors['main_menu_dropdown_background_color'] )
+                    || empty( $colors['main_menu_dropdown_background_hover_color'] )
+                    || empty( $colors['main_menu_dropdown_link_color'] )
+                    || empty( $colors['main_menu_dropdown_link_hover_color'] ) ) {
+                    return '';
+               }
+
+               $css = '
 				@import "' . get_template_directory() . '/assets/css/scss/global/mixins/nav";
 
 				/**
@@ -120,12 +120,12 @@ 
 				);
 			';
 
-			$css = apply_filters( 'lsx_customizer_colour_selectors_main_menu', $css, $colors );
-			$css = parent::scss_to_css( $css );
+               $css = apply_filters( 'lsx_customizer_colour_selectors_main_menu', $css, $colors );
+               $css = parent::scss_to_css( $css );
 
-			return $css;
-		}
+               return $css;
+          }
 
-	}
+     }
 
 }

classes/class-lsx-customizer-woocommerce.php

Indentation +607 added lines, -607 removed lines

@@ -1,365 +1,365 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_WooCommerce' ) ) {
 
-	/**
-	 * LSX Customizer WooCommerce Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_WooCommerce extends LSX_Customizer {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.1.1
-		 */
-		public function __construct() {
-			add_action( 'customize_register', array( $this, 'customize_register' ), 20 );
-
-			add_filter( 'body_class', array( $this, 'body_class' ), 2999 );
-
-			add_action( 'template_redirect', array( $this, 'thankyou_page' ), 2999 );
-
-			if ( empty( get_theme_mod( 'lsx_two_step_checkout', false ) ) ) {
-				add_action( 'lsx_entry_inside_top', array( $this, 'checkout_steps' ), 15 );
-			}
-
-			add_action( 'wp', array( $this, 'cart_extra_html' ), 2999 );
-			add_action( 'wp', array( $this, 'checkout_extra_html' ), 2999 );
-			add_action( 'lsx_wc_cart_menu_item_position', array( $this, 'cart_menu_item_position' ) );
-			add_action( 'lsx_wc_cart_menu_item_class', array( $this, 'cart_menu_item_class' ) );
-
-			add_filter( 'wp_nav_menu_items', array( $this, 'my_account_menu_item' ), 9, 2 );
-			add_action( 'lsx_wc_my_account_menu_item_position', array( $this, 'my_account_menu_item_position' ) );
-			add_action( 'lsx_wc_my_account_menu_item_class', array( $this, 'my_account_menu_item_class' ) );
-
-			// Shop Layout Switcher.
-			//add_action( 'wp_head', array( $this, 'show_layout_switcher' ), 1 );
-			//add_filter( 'gridlist_toggle_button_output', array( $this, 'gridlist_toggle_button_output' ), 10, 3 );
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.1.1
-		 */
-		public function customize_register( $wp_customize ) {
-			/**
-			 * Checkout.
-			 */
-
-			$wp_customize->add_section( 'lsx-wc-checkout' , array(
-				'title'       => esc_html__( 'LSX Checkout', 'lsx-customizer' ),
-				'description' => esc_html__( 'Change the WooCommerce checkout settings.', 'lsx-customizer' ),
-				'panel'       => 'woocommerce',
-				'priority'    => 3,
-			) );
-
-			$wp_customize->add_setting( 'lsx_checkout_steps', array(
-				'default'           => true,
-				'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_checkout_steps', array(
-				'label'       => esc_html__( 'Steps', 'lsx-customizer' ),
-				'description' => esc_html__( 'Enable the checkout steps header.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-checkout',
-				'settings'    => 'lsx_checkout_steps',
-				'type'        => 'checkbox',
-				'priority'    => 1,
-			) ) );
-
-			/**
-			 * Checkout Layout
-			 */
-			$wp_customize->add_setting( 'lsx_wc_checkout_layout', array(
-				'default' => 'default',
-				'sanitize_callback' => array( $this, 'sanitize_select' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_checkout_layout', array(
-				'label'       => esc_html__( 'Layout', 'lsx-customizer' ),
-				'description' => esc_html__( 'WooCommerce checkout layout.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-checkout',
-				'settings'    => 'lsx_wc_checkout_layout',
-				'type'        => 'select',
-				'priority'    => 2,
-				'choices'     => array(
-					'default' => esc_html__( 'Default', 'lsx-customizer' ),
-					'stacked' => esc_html__( 'Stacked', 'lsx-customizer' ),
-					'columns' => esc_html__( 'Columns', 'lsx-customizer' ),
-				),
-			) ) );
-
-			$wp_customize->add_setting( 'lsx_wc_checkout_thankyou_page', array(
-				'default' => '0',
-				'sanitize_callback' => array( $this, 'sanitize_select' ),
-			) );
-
-			$choices = array(
-				'0' => esc_html__( 'Default', 'lsx-customizer' ),
-			);
-
-			/**
-			 * Distraction Free Checkout
-			 */
-			$wp_customize->add_setting( 'lsx_distraction_free_checkout', array(
-				'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control(
-				$wp_customize,
-				'lsx_distraction_free_checkout',
-				array(
-					'label'       => esc_html__( 'Distraction Free Checkout', 'lsx-customizer' ),
-					'description' => esc_html__( 'Removes all clutter from the checkout, allowing the customer to focus entirely on that procedure. Removes the stepped cart and checkout.', 'lsx-customizer' ),
-					'section'     => 'lsx-wc-checkout',
-					'settings'    => 'lsx_distraction_free_checkout',
-					'type'        => 'checkbox',
-					'priority'    => 3,
-				)
-			) );
-
-			/**
-			 * Two Step Checkout
-			 */
-			$wp_customize->add_setting( 'lsx_two_step_checkout', array(
-				'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control(
-				$wp_customize,
-				'lsx_two_step_checkout',
-				array(
-					'label'       => esc_html__( 'Two Step Checkout', 'lsx-customizer' ),
-					'description' => esc_html__( 'Separates the customer details collection form, and the order summary / payment details form in to two separate pages. Removes the stepped cart and checkout.', 'lsx-customizer' ),
-					'section'     => 'lsx-wc-checkout',
-					'settings'    => 'lsx_two_step_checkout',
-					'type'        => 'checkbox',
-					'priority'    => 4,
-				)
-			) );
-
-			/**
-			 * Thank you page options
-			 */
-			$pages = get_pages();
-
-			foreach ( $pages as $key => $page ) {
-				$choices[ $page->ID ] = $page->post_title;
-			}
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_checkout_thankyou_page', array(
-				'label'       => esc_html__( 'Thank You Page', 'lsx-customizer' ),
-				'description' => esc_html__( 'WooCommerce checkout thank you page.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-checkout',
-				'settings'    => 'lsx_wc_checkout_thankyou_page',
-				'type'        => 'select',
-				'priority'    => 5,
-				'choices'     => $choices,
-			) ) );
-
-			$wp_customize->add_setting( 'lsx_wc_checkout_extra_html', array(
-				'default'           => '',
-				'sanitize_callback' => 'wp_kses_post',
-			) );
-
-			$wp_customize->add_control( new LSX_Customizer_Wysiwyg_Control( $wp_customize, 'lsx_wc_checkout_extra_html', array(
-				'label'       => esc_html__( 'Extra HTML', 'lsx-customizer' ),
-				'description' => esc_html__( 'Extra HTML to display at checkout page (bottom/right).', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-checkout',
-				'settings'    => 'lsx_wc_checkout_extra_html',
-				'priority'    => 6,
-				'type'        => 'wysiwyg',
-			) ) );
-
-			/**
-			 * Cart.
-			 */
-
-			$wp_customize->add_setting( 'lsx_wc_cart_menu_item_style', array(
-				'default' => 'extended',
-				'sanitize_callback' => array( $this, 'sanitize_select' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_cart_menu_item_style', array(
-				'label'       => esc_html__( 'Menu Item Style', 'lsx-customizer' ),
-				'description' => esc_html__( 'WooCommerce menu item cart style.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-cart',
-				'settings'    => 'lsx_wc_cart_menu_item_style',
-				'type'        => 'select',
-				'priority'    => 2,
-				'choices'     => array(
-					'simple'   => esc_html__( 'Simple', 'lsx-customizer' ),
-					'extended' => esc_html__( 'Extended', 'lsx-customizer' ),
-				),
-			) ) );
-
-			$wp_customize->add_setting( 'lsx_wc_cart_menu_item_position', array(
-				'default' => 'main-menu-in',
-				'sanitize_callback' => array( $this, 'sanitize_select' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_cart_menu_item_position', array(
-				'label'       => esc_html__( 'Menu Item Position', 'lsx-customizer' ),
-				'description' => esc_html__( 'WooCommerce menu item cart position.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-cart',
-				'settings'    => 'lsx_wc_cart_menu_item_position',
-				'type'        => 'select',
-				'priority'    => 3,
-				'choices'     => array(
-					'main-menu-in'   => esc_html__( 'Main Menu (as last item)', 'lsx-customizer' ),
-					'main-menu-out'  => esc_html__( 'Main Menu (as last item, right aligned)', 'lsx-customizer' ),
-					'top-menu-left'  => esc_html__( 'Top Menu (left)', 'lsx-customizer' ),
-					'top-menu-right' => esc_html__( 'Top Menu (right)', 'lsx-customizer' ),
-				),
-			) ) );
-
-			$wp_customize->add_setting( 'lsx_wc_cart_extra_html', array(
-				'default'           => '',
-				'sanitize_callback' => 'wp_kses_post',
-			) );
-
-			$wp_customize->add_control( new LSX_Customizer_Wysiwyg_Control( $wp_customize, 'lsx_wc_cart_extra_html', array(
-				'label'       => esc_html__( 'Extra HTML', 'lsx-customizer' ),
-				'description' => esc_html__( 'Extra HTML to display at cart page (bottom/left).', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-cart',
-				'settings'    => 'lsx_wc_cart_extra_html',
-				'priority'    => 4,
-				'type'        => 'wysiwyg',
-			) ) );
-
-			/**
-			 * My Account.
-			 */
-
-			$wp_customize->add_section( 'lsx-wc-my-account' , array(
-				'title'       => esc_html__( 'LSX My Account', 'lsx-customizer' ),
-				'description' => esc_html__( 'Change the WooCommerce My Account settings.', 'lsx-customizer' ),
-				'panel'       => 'woocommerce',
-				'priority'    => 4,
-			) );
-
-			$wp_customize->add_setting( 'lsx_wc_my_account_menu_item', array(
-				'default'           => false,
-				'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_my_account_menu_item', array(
-				'label'       => esc_html__( 'Menu Item', 'lsx-customizer' ),
-				'description' => esc_html__( 'Enable the My Account menu item.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-my-account',
-				'settings'    => 'lsx_wc_my_account_menu_item',
-				'type'        => 'checkbox',
-				'priority'    => 1,
-			) ) );
-
-			$wp_customize->add_setting( 'lsx_wc_my_account_menu_item_style', array(
-				'default' => 'extended',
-				'sanitize_callback' => array( $this, 'sanitize_select' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_my_account_menu_item_style', array(
-				'label'       => esc_html__( 'Menu Item Style', 'lsx-customizer' ),
-				'description' => esc_html__( 'WooCommerce menu item My Account style.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-my-account',
-				'settings'    => 'lsx_wc_my_account_menu_item_style',
-				'type'        => 'select',
-				'priority'    => 2,
-				'choices'     => array(
-					'simple'   => esc_html__( 'Simple', 'lsx-customizer' ),
-					'extended' => esc_html__( 'Extended', 'lsx-customizer' ),
-				),
-			) ) );
-
-			$wp_customize->add_setting( 'lsx_wc_my_account_menu_item_position', array(
-				'default' => 'main-menu-in',
-				'sanitize_callback' => array( $this, 'sanitize_select' ),
-			) );
-
-			$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_my_account_menu_item_position', array(
-				'label'       => esc_html__( 'Menu Item Position', 'lsx-customizer' ),
-				'description' => esc_html__( 'WooCommerce menu item My Account position.', 'lsx-customizer' ),
-				'section'     => 'lsx-wc-my-account',
-				'settings'    => 'lsx_wc_my_account_menu_item_position',
-				'type'        => 'select',
-				'priority'    => 3,
-				'choices'     => array(
-					'main-menu-in'   => esc_html__( 'Main Menu (as last item)', 'lsx-customizer' ),
-					'main-menu-out'  => esc_html__( 'Main Menu (as last item, right aligned)', 'lsx-customizer' ),
-					'top-menu-left'  => esc_html__( 'Top Menu (left)', 'lsx-customizer' ),
-					'top-menu-right' => esc_html__( 'Top Menu (right)', 'lsx-customizer' ),
-				),
-			) ) );
-		}
-
-		/**
-		 * Add and remove WC body_class() classes.
-		 *
-		 * @since 1.1.1
-		 */
-		public function body_class( $classes ) {
-			$distraction_free = get_theme_mod( 'lsx_distraction_free_checkout', false );
-			$two_step_checkout = get_theme_mod( 'lsx_two_step_checkout', false );
-			if ( is_checkout() ) {
-				$layout = get_theme_mod( 'lsx_wc_checkout_layout', 'default' );
-
-				if ( 'default' === $layout ) {
-					$classes[] = 'lsx-wc-checkout-layout-default';
-				} elseif ( 'stacked' === $layout ) {
-					$classes[] = 'lsx-wc-checkout-layout-stacked';
-				} elseif ( 'columns' === $layout ) {
-					$classes[] = 'lsx-wc-checkout-layout-two-column-addreses';
-				}
-				if ( ! empty( $distraction_free ) ) {
-					$classes[] = 'lsx-wc-checkout-distraction-free';
-				}
-				if ( ! empty( $two_step_checkout ) ) {
-					$classes[] = 'lsx-wc-checkout-two-steps';
-				}
-			}
-
-			return $classes;
-		}
-
-		/**
-		 * WC thank you page.
-		 *
-		 * @since 1.1.1
-		 */
-		public function thankyou_page() {
-			global $wp;
-
-			if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) {
-				$thankyou_page = get_theme_mod( 'lsx_wc_checkout_thankyou_page', '0' );
-
-				if ( ! empty( $thankyou_page ) && ! is_page( $thankyou_page ) ) {
-					$order_id  = apply_filters( 'woocommerce_thankyou_order_id', absint( $wp->query_vars['order-received'] ) );
-					$order_key = apply_filters( 'woocommerce_thankyou_order_key', empty( $_GET['key'] ) ? '' : wc_clean( $_GET['key'] ) );
-
-					if ( $order_id > 0 ) {
-						wp_safe_redirect( get_permalink( $thankyou_page ) . '?order-received=' . $order_id . '&key=' . $order_key, 302 );
-						exit;
-					}
-				}
-			}
-		}
-
-		/**
-		 * Display WC checkout steps.
-		 *
-		 * @since 1.1.1
-		 */
-		public function checkout_steps() {
-			$cart_url = function_exists( 'wc_get_cart_url' ) ? wc_get_cart_url() : WC()->cart->get_cart_url();
-			if ( ( is_checkout() || is_cart() ) && ! empty( get_theme_mod( 'lsx_checkout_steps', '1' ) ) ) :
-				global $wp;
-				?>
+     /**
+      * LSX Customizer WooCommerce Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_WooCommerce extends LSX_Customizer {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.1.1
+           */
+          public function __construct() {
+               add_action( 'customize_register', array( $this, 'customize_register' ), 20 );
+
+               add_filter( 'body_class', array( $this, 'body_class' ), 2999 );
+
+               add_action( 'template_redirect', array( $this, 'thankyou_page' ), 2999 );
+
+               if ( empty( get_theme_mod( 'lsx_two_step_checkout', false ) ) ) {
+                    add_action( 'lsx_entry_inside_top', array( $this, 'checkout_steps' ), 15 );
+               }
+
+               add_action( 'wp', array( $this, 'cart_extra_html' ), 2999 );
+               add_action( 'wp', array( $this, 'checkout_extra_html' ), 2999 );
+               add_action( 'lsx_wc_cart_menu_item_position', array( $this, 'cart_menu_item_position' ) );
+               add_action( 'lsx_wc_cart_menu_item_class', array( $this, 'cart_menu_item_class' ) );
+
+               add_filter( 'wp_nav_menu_items', array( $this, 'my_account_menu_item' ), 9, 2 );
+               add_action( 'lsx_wc_my_account_menu_item_position', array( $this, 'my_account_menu_item_position' ) );
+               add_action( 'lsx_wc_my_account_menu_item_class', array( $this, 'my_account_menu_item_class' ) );
+
+               // Shop Layout Switcher.
+               //add_action( 'wp_head', array( $this, 'show_layout_switcher' ), 1 );
+               //add_filter( 'gridlist_toggle_button_output', array( $this, 'gridlist_toggle_button_output' ), 10, 3 );
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.1.1
+           */
+          public function customize_register( $wp_customize ) {
+               /**
+                * Checkout.
+                */
+
+               $wp_customize->add_section( 'lsx-wc-checkout' , array(
+                    'title'       => esc_html__( 'LSX Checkout', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Change the WooCommerce checkout settings.', 'lsx-customizer' ),
+                    'panel'       => 'woocommerce',
+                    'priority'    => 3,
+               ) );
+
+               $wp_customize->add_setting( 'lsx_checkout_steps', array(
+                    'default'           => true,
+                    'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_checkout_steps', array(
+                    'label'       => esc_html__( 'Steps', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Enable the checkout steps header.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-checkout',
+                    'settings'    => 'lsx_checkout_steps',
+                    'type'        => 'checkbox',
+                    'priority'    => 1,
+               ) ) );
+
+               /**
+                * Checkout Layout
+                */
+               $wp_customize->add_setting( 'lsx_wc_checkout_layout', array(
+                    'default' => 'default',
+                    'sanitize_callback' => array( $this, 'sanitize_select' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_checkout_layout', array(
+                    'label'       => esc_html__( 'Layout', 'lsx-customizer' ),
+                    'description' => esc_html__( 'WooCommerce checkout layout.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-checkout',
+                    'settings'    => 'lsx_wc_checkout_layout',
+                    'type'        => 'select',
+                    'priority'    => 2,
+                    'choices'     => array(
+                         'default' => esc_html__( 'Default', 'lsx-customizer' ),
+                         'stacked' => esc_html__( 'Stacked', 'lsx-customizer' ),
+                         'columns' => esc_html__( 'Columns', 'lsx-customizer' ),
+                    ),
+               ) ) );
+
+               $wp_customize->add_setting( 'lsx_wc_checkout_thankyou_page', array(
+                    'default' => '0',
+                    'sanitize_callback' => array( $this, 'sanitize_select' ),
+               ) );
+
+               $choices = array(
+                    '0' => esc_html__( 'Default', 'lsx-customizer' ),
+               );
+
+               /**
+                * Distraction Free Checkout
+                */
+               $wp_customize->add_setting( 'lsx_distraction_free_checkout', array(
+                    'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control(
+                    $wp_customize,
+                    'lsx_distraction_free_checkout',
+                    array(
+                         'label'       => esc_html__( 'Distraction Free Checkout', 'lsx-customizer' ),
+                         'description' => esc_html__( 'Removes all clutter from the checkout, allowing the customer to focus entirely on that procedure. Removes the stepped cart and checkout.', 'lsx-customizer' ),
+                         'section'     => 'lsx-wc-checkout',
+                         'settings'    => 'lsx_distraction_free_checkout',
+                         'type'        => 'checkbox',
+                         'priority'    => 3,
+                    )
+               ) );
+
+               /**
+                * Two Step Checkout
+                */
+               $wp_customize->add_setting( 'lsx_two_step_checkout', array(
+                    'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control(
+                    $wp_customize,
+                    'lsx_two_step_checkout',
+                    array(
+                         'label'       => esc_html__( 'Two Step Checkout', 'lsx-customizer' ),
+                         'description' => esc_html__( 'Separates the customer details collection form, and the order summary / payment details form in to two separate pages. Removes the stepped cart and checkout.', 'lsx-customizer' ),
+                         'section'     => 'lsx-wc-checkout',
+                         'settings'    => 'lsx_two_step_checkout',
+                         'type'        => 'checkbox',
+                         'priority'    => 4,
+                    )
+               ) );
+
+               /**
+                * Thank you page options
+                */
+               $pages = get_pages();
+
+               foreach ( $pages as $key => $page ) {
+                    $choices[ $page->ID ] = $page->post_title;
+               }
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_checkout_thankyou_page', array(
+                    'label'       => esc_html__( 'Thank You Page', 'lsx-customizer' ),
+                    'description' => esc_html__( 'WooCommerce checkout thank you page.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-checkout',
+                    'settings'    => 'lsx_wc_checkout_thankyou_page',
+                    'type'        => 'select',
+                    'priority'    => 5,
+                    'choices'     => $choices,
+               ) ) );
+
+               $wp_customize->add_setting( 'lsx_wc_checkout_extra_html', array(
+                    'default'           => '',
+                    'sanitize_callback' => 'wp_kses_post',
+               ) );
+
+               $wp_customize->add_control( new LSX_Customizer_Wysiwyg_Control( $wp_customize, 'lsx_wc_checkout_extra_html', array(
+                    'label'       => esc_html__( 'Extra HTML', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Extra HTML to display at checkout page (bottom/right).', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-checkout',
+                    'settings'    => 'lsx_wc_checkout_extra_html',
+                    'priority'    => 6,
+                    'type'        => 'wysiwyg',
+               ) ) );
+
+               /**
+                * Cart.
+                */
+
+               $wp_customize->add_setting( 'lsx_wc_cart_menu_item_style', array(
+                    'default' => 'extended',
+                    'sanitize_callback' => array( $this, 'sanitize_select' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_cart_menu_item_style', array(
+                    'label'       => esc_html__( 'Menu Item Style', 'lsx-customizer' ),
+                    'description' => esc_html__( 'WooCommerce menu item cart style.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-cart',
+                    'settings'    => 'lsx_wc_cart_menu_item_style',
+                    'type'        => 'select',
+                    'priority'    => 2,
+                    'choices'     => array(
+                         'simple'   => esc_html__( 'Simple', 'lsx-customizer' ),
+                         'extended' => esc_html__( 'Extended', 'lsx-customizer' ),
+                    ),
+               ) ) );
+
+               $wp_customize->add_setting( 'lsx_wc_cart_menu_item_position', array(
+                    'default' => 'main-menu-in',
+                    'sanitize_callback' => array( $this, 'sanitize_select' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_cart_menu_item_position', array(
+                    'label'       => esc_html__( 'Menu Item Position', 'lsx-customizer' ),
+                    'description' => esc_html__( 'WooCommerce menu item cart position.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-cart',
+                    'settings'    => 'lsx_wc_cart_menu_item_position',
+                    'type'        => 'select',
+                    'priority'    => 3,
+                    'choices'     => array(
+                         'main-menu-in'   => esc_html__( 'Main Menu (as last item)', 'lsx-customizer' ),
+                         'main-menu-out'  => esc_html__( 'Main Menu (as last item, right aligned)', 'lsx-customizer' ),
+                         'top-menu-left'  => esc_html__( 'Top Menu (left)', 'lsx-customizer' ),
+                         'top-menu-right' => esc_html__( 'Top Menu (right)', 'lsx-customizer' ),
+                    ),
+               ) ) );
+
+               $wp_customize->add_setting( 'lsx_wc_cart_extra_html', array(
+                    'default'           => '',
+                    'sanitize_callback' => 'wp_kses_post',
+               ) );
+
+               $wp_customize->add_control( new LSX_Customizer_Wysiwyg_Control( $wp_customize, 'lsx_wc_cart_extra_html', array(
+                    'label'       => esc_html__( 'Extra HTML', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Extra HTML to display at cart page (bottom/left).', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-cart',
+                    'settings'    => 'lsx_wc_cart_extra_html',
+                    'priority'    => 4,
+                    'type'        => 'wysiwyg',
+               ) ) );
+
+               /**
+                * My Account.
+                */
+
+               $wp_customize->add_section( 'lsx-wc-my-account' , array(
+                    'title'       => esc_html__( 'LSX My Account', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Change the WooCommerce My Account settings.', 'lsx-customizer' ),
+                    'panel'       => 'woocommerce',
+                    'priority'    => 4,
+               ) );
+
+               $wp_customize->add_setting( 'lsx_wc_my_account_menu_item', array(
+                    'default'           => false,
+                    'sanitize_callback' => array( $this, 'sanitize_checkbox' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_my_account_menu_item', array(
+                    'label'       => esc_html__( 'Menu Item', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Enable the My Account menu item.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-my-account',
+                    'settings'    => 'lsx_wc_my_account_menu_item',
+                    'type'        => 'checkbox',
+                    'priority'    => 1,
+               ) ) );
+
+               $wp_customize->add_setting( 'lsx_wc_my_account_menu_item_style', array(
+                    'default' => 'extended',
+                    'sanitize_callback' => array( $this, 'sanitize_select' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_my_account_menu_item_style', array(
+                    'label'       => esc_html__( 'Menu Item Style', 'lsx-customizer' ),
+                    'description' => esc_html__( 'WooCommerce menu item My Account style.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-my-account',
+                    'settings'    => 'lsx_wc_my_account_menu_item_style',
+                    'type'        => 'select',
+                    'priority'    => 2,
+                    'choices'     => array(
+                         'simple'   => esc_html__( 'Simple', 'lsx-customizer' ),
+                         'extended' => esc_html__( 'Extended', 'lsx-customizer' ),
+                    ),
+               ) ) );
+
+               $wp_customize->add_setting( 'lsx_wc_my_account_menu_item_position', array(
+                    'default' => 'main-menu-in',
+                    'sanitize_callback' => array( $this, 'sanitize_select' ),
+               ) );
+
+               $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'lsx_wc_my_account_menu_item_position', array(
+                    'label'       => esc_html__( 'Menu Item Position', 'lsx-customizer' ),
+                    'description' => esc_html__( 'WooCommerce menu item My Account position.', 'lsx-customizer' ),
+                    'section'     => 'lsx-wc-my-account',
+                    'settings'    => 'lsx_wc_my_account_menu_item_position',
+                    'type'        => 'select',
+                    'priority'    => 3,
+                    'choices'     => array(
+                         'main-menu-in'   => esc_html__( 'Main Menu (as last item)', 'lsx-customizer' ),
+                         'main-menu-out'  => esc_html__( 'Main Menu (as last item, right aligned)', 'lsx-customizer' ),
+                         'top-menu-left'  => esc_html__( 'Top Menu (left)', 'lsx-customizer' ),
+                         'top-menu-right' => esc_html__( 'Top Menu (right)', 'lsx-customizer' ),
+                    ),
+               ) ) );
+          }
+
+          /**
+           * Add and remove WC body_class() classes.
+           *
+           * @since 1.1.1
+           */
+          public function body_class( $classes ) {
+               $distraction_free = get_theme_mod( 'lsx_distraction_free_checkout', false );
+               $two_step_checkout = get_theme_mod( 'lsx_two_step_checkout', false );
+               if ( is_checkout() ) {
+                    $layout = get_theme_mod( 'lsx_wc_checkout_layout', 'default' );
+
+                    if ( 'default' === $layout ) {
+                         $classes[] = 'lsx-wc-checkout-layout-default';
+                    } elseif ( 'stacked' === $layout ) {
+                         $classes[] = 'lsx-wc-checkout-layout-stacked';
+                    } elseif ( 'columns' === $layout ) {
+                         $classes[] = 'lsx-wc-checkout-layout-two-column-addreses';
+                    }
+                    if ( ! empty( $distraction_free ) ) {
+                         $classes[] = 'lsx-wc-checkout-distraction-free';
+                    }
+                    if ( ! empty( $two_step_checkout ) ) {
+                         $classes[] = 'lsx-wc-checkout-two-steps';
+                    }
+               }
+
+               return $classes;
+          }
+
+          /**
+           * WC thank you page.
+           *
+           * @since 1.1.1
+           */
+          public function thankyou_page() {
+               global $wp;
+
+               if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) {
+                    $thankyou_page = get_theme_mod( 'lsx_wc_checkout_thankyou_page', '0' );
+
+                    if ( ! empty( $thankyou_page ) && ! is_page( $thankyou_page ) ) {
+                         $order_id  = apply_filters( 'woocommerce_thankyou_order_id', absint( $wp->query_vars['order-received'] ) );
+                         $order_key = apply_filters( 'woocommerce_thankyou_order_key', empty( $_GET['key'] ) ? '' : wc_clean( $_GET['key'] ) );
+
+                         if ( $order_id > 0 ) {
+                              wp_safe_redirect( get_permalink( $thankyou_page ) . '?order-received=' . $order_id . '&key=' . $order_key, 302 );
+                              exit;
+                         }
+                    }
+               }
+          }
+
+          /**
+           * Display WC checkout steps.
+           *
+           * @since 1.1.1
+           */
+          public function checkout_steps() {
+               $cart_url = function_exists( 'wc_get_cart_url' ) ? wc_get_cart_url() : WC()->cart->get_cart_url();
+               if ( ( is_checkout() || is_cart() ) && ! empty( get_theme_mod( 'lsx_checkout_steps', '1' ) ) ) :
+                    global $wp;
+                    ?>
 				<div class="lsx-wc-checkout-steps">
 					<ul class="lsx-wc-checkout-steps-items">
 
@@ -452,266 +452,266 @@ 
 					</ul>
 				</div>
 				<?php
-			endif;
-		}
-
-		/**
-		 * Display extra HTML on checkout.
-		 *
-		 * @since 1.1.1
-		 */
-		public function checkout_extra_html() {
-			if ( is_checkout() ) {
-				$checkout_extra_html = get_theme_mod( 'lsx_wc_checkout_extra_html', '' );
-
-				if ( ! empty( $checkout_extra_html ) ) {
-					add_action( 'woocommerce_review_order_after_payment', array( $this, 'checkout_extra_html_echo' ), 9 );
-				}
-			}
-		}
-
-		/**
-		 * Display extra HTML on checkout.
-		 *
-		 * @since 1.1.1
-		 */
-		public function checkout_extra_html_echo() {
-			if ( is_checkout() ) {
-				$checkout_extra_html = get_theme_mod( 'lsx_wc_checkout_extra_html', '' );
-
-				if ( ! empty( $checkout_extra_html ) ) {
-					?>
+               endif;
+          }
+
+          /**
+           * Display extra HTML on checkout.
+           *
+           * @since 1.1.1
+           */
+          public function checkout_extra_html() {
+               if ( is_checkout() ) {
+                    $checkout_extra_html = get_theme_mod( 'lsx_wc_checkout_extra_html', '' );
+
+                    if ( ! empty( $checkout_extra_html ) ) {
+                         add_action( 'woocommerce_review_order_after_payment', array( $this, 'checkout_extra_html_echo' ), 9 );
+                    }
+               }
+          }
+
+          /**
+           * Display extra HTML on checkout.
+           *
+           * @since 1.1.1
+           */
+          public function checkout_extra_html_echo() {
+               if ( is_checkout() ) {
+                    $checkout_extra_html = get_theme_mod( 'lsx_wc_checkout_extra_html', '' );
+
+                    if ( ! empty( $checkout_extra_html ) ) {
+                         ?>
 					<div class="lsx-wc-checkout-extra-html">
 						<?php echo wp_kses_post( $checkout_extra_html ); ?>
 					</div>
 				<?php
-				}
-			}
-		}
-
-		/**
-		 * Display extra HTML on cart.
-		 *
-		 * @since 1.1.1
-		 */
-		public function cart_extra_html() {
-			if ( is_cart() ) {
-				$cart_extra_html = get_theme_mod( 'lsx_wc_cart_extra_html', '' );
-
-				if ( ! empty( $cart_extra_html ) ) {
-					remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
-					add_action( 'woocommerce_cart_collaterals', array( $this, 'cart_extra_html_echo' ), 9 );
-				}
-			}
-		}
-
-		/**
-		 * Display extra HTML on cart.
-		 *
-		 * @since 1.1.1
-		 */
-		public function cart_extra_html_echo() {
-			if ( is_cart() ) {
-				$cart_extra_html = get_theme_mod( 'lsx_wc_cart_extra_html', '' );
-
-				if ( ! empty( $cart_extra_html ) ) { ?>
+                    }
+               }
+          }
+
+          /**
+           * Display extra HTML on cart.
+           *
+           * @since 1.1.1
+           */
+          public function cart_extra_html() {
+               if ( is_cart() ) {
+                    $cart_extra_html = get_theme_mod( 'lsx_wc_cart_extra_html', '' );
+
+                    if ( ! empty( $cart_extra_html ) ) {
+                         remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
+                         add_action( 'woocommerce_cart_collaterals', array( $this, 'cart_extra_html_echo' ), 9 );
+                    }
+               }
+          }
+
+          /**
+           * Display extra HTML on cart.
+           *
+           * @since 1.1.1
+           */
+          public function cart_extra_html_echo() {
+               if ( is_cart() ) {
+                    $cart_extra_html = get_theme_mod( 'lsx_wc_cart_extra_html', '' );
+
+                    if ( ! empty( $cart_extra_html ) ) { ?>
 					<div class="lsx-wc-cart-extra-html">
 						<?php echo wp_kses_post( $cart_extra_html ); ?>
 					</div>
 				<?php }
-			}
-		}
-
-		/**
-		 * The place (menu) to display the cart menu item position.
-		 *
-		 * @since 1.1.1
-		 */
-		public function cart_menu_item_position( $menu_position ) {
-			$position = get_theme_mod( 'lsx_wc_cart_menu_item_position', '' );
-
-			if ( ! empty( $position ) ) {
-				switch ( $position ) {
-					case 'main-menu-in':
-					case 'main-menu-out':
-						$menu_position = 'primary';
-						break;
-
-					case 'top-menu-right':
-						$menu_position = 'top-menu';
-						break;
-
-					case 'top-menu-left':
-						$menu_position = 'top-menu-left';
-						break;
-				}
-			}
-
-			return $menu_position;
-		}
-
-		/**
-		 * The place (menu) to display the cart menu item position.
-		 *
-		 * @since 1.1.1
-		 */
-		public function cart_menu_item_class( $item_class ) {
-			$position = get_theme_mod( 'lsx_wc_cart_menu_item_position', '' );
-
-			if ( 'main-menu-out' === $position ) {
-				$item_class .= ' lsx-wc-cart-menu-item-right-aligned';
-			}
-
-			$style = get_theme_mod( 'lsx_wc_cart_menu_item_style', '' );
-
-			if ( 'simple' === $style ) {
-				$item_class .= ' lsx-wc-cart-menu-item-simple';
-			}
-
-			return $item_class;
-		}
-
-		/**
-		 * Adds WC My Account to the header.
-		 *
-		 * @since 1.1.1
-		 */
-		public function my_account_menu_item( $items, $args ) {
-			$my_account_menu_item_position = apply_filters( 'lsx_wc_my_account_menu_item_position', 'primary' );
-
-			if ( $my_account_menu_item_position === $args->theme_location || ( 'primary_logged_out' === $args->theme_location && 'primary' === $my_account_menu_item_position ) ) {
-				$customizer_option  = get_theme_mod( 'lsx_wc_my_account_menu_item', false );
-
-				if ( ! empty( $customizer_option ) ) {
-					if ( is_account_page() ) {
-						$class = 'current-menu-item';
-					} else {
-						$class = '';
-					}
-
-					$item_class = 'menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown lsx-wc-my-account-menu-item ' . $class;
-					$item_class = apply_filters( 'lsx_wc_my_account_menu_item_class', $item_class );
-
-					$endpoints = WC()->query->get_query_vars();
-
-					if ( is_user_logged_in() ) {
-						$item  = '<li class="' . $item_class . '">';
-						$item .= '<a title="' . esc_attr__( 'View your account', 'lsx-customizer' ) . '" href="' . esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ) . '" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true"><span>' . esc_attr__( 'My Account', 'lsx-customizer' ) . '</span></a>';
-						$item .= '<ul role="menu" class=" dropdown-menu lsx-wc-my-account-sub-menu">';
-							foreach ( wc_get_account_menu_items() as $endpoint => $label ) {
-								$slug = $endpoint;
-								if ( isset( $endpoints[ $endpoint ] ) && '' !== $endpoints[ $endpoint ] ) {
-									$slug = $endpoints[ $endpoint ];
-								}
-								if ( 'dashboard' === $slug ) {
-									$slug = '';
-								}
-								$item .= '<li class="menu-item"><a title="" href="' . esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) . $slug ) . '">' . $label . '</a></li>';
-							}
-						$item .= '</ul></li>';
-
-					} else {
-						$item = '<li class="' . $item_class . '">' .
-									'<a title="' . esc_attr__( 'View your account', 'lsx-customizer' ) . '" href="' . esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ) . '"><span>' . esc_attr__( 'Login', 'lsx-customizer' ) . '</span></a>' .
-								'</li>';
-					}
-
-					if ( 'top-menu' === $args->theme_location ) {
-						$items = $item . $items;
-					} else {
-						$items = $items . $item;
-					}
-				}
-			}
-
-			return $items;
-		}
-
-		/**
-		 * The place (menu) to display the My Account menu item position.
-		 *
-		 * @since 1.1.1
-		 */
-		public function my_account_menu_item_position( $menu_position ) {
-			$position = get_theme_mod( 'lsx_wc_my_account_menu_item_position', '' );
-
-			if ( ! empty( $position ) ) {
-				switch ( $position ) {
-					case 'main-menu-in':
-					case 'main-menu-out':
-						$menu_position = 'primary';
-						break;
-
-					case 'top-menu-right':
-						$menu_position = 'top-menu';
-						break;
-
-					case 'top-menu-left':
-						$menu_position = 'top-menu-left';
-						break;
-				}
-			}
-
-			return $menu_position;
-		}
-
-		/**
-		 * The place (menu) to display the My Account menu item position.
-		 *
-		 * @since 1.1.1
-		 */
-		public function my_account_menu_item_class( $item_class ) {
-			$position = get_theme_mod( 'lsx_wc_my_account_menu_item_position', '' );
-
-			if ( 'main-menu-out' === $position ) {
-				$item_class .= ' lsx-wc-my-account-menu-item-right-aligned';
-			}
-
-			if ( ! is_user_logged_in() ) {
-				$item_class .= ' lsx-wc-my-account-login';
-			}
-
-			$style = get_theme_mod( 'lsx_wc_my_account_menu_item_style', '' );
-
-			if ( 'simple' === $style ) {
-				$item_class .= ' lsx-wc-my-account-menu-item-simple';
-			}
-
-			return $item_class;
-		}
-		/**
-		 * Display the woocommerce archive swticher.
-		 */
-		public function show_layout_switcher() {
-			$body_classes = get_body_class();
-			if ( in_array( 'post-type-archive-product', $body_classes ) ) {
-				global $WC_List_Grid;
-				if ( null !== $WC_List_Grid ) {
-					remove_action( 'woocommerce_before_shop_loop', array( $WC_List_Grid, 'gridlist_toggle_button' ), 30 );
-					add_action( 'lsx_banner_inner_bottom', array( $this, 'shop_gridlist_toggle_button' ), 90 );
-					add_action( 'lsx_global_header_inner_bottom', array( $this, 'shop_gridlist_toggle_button' ), 90 );
-					wp_deregister_style( 'grid-list-button' );
-				}
-			}
-		}
-		/**
-		 * Display the woocommerce archive swticher.
-		 */
-		public function shop_gridlist_toggle_button() {
-			global $WC_List_Grid;
-			?>
+               }
+          }
+
+          /**
+           * The place (menu) to display the cart menu item position.
+           *
+           * @since 1.1.1
+           */
+          public function cart_menu_item_position( $menu_position ) {
+               $position = get_theme_mod( 'lsx_wc_cart_menu_item_position', '' );
+
+               if ( ! empty( $position ) ) {
+                    switch ( $position ) {
+                         case 'main-menu-in':
+                         case 'main-menu-out':
+                              $menu_position = 'primary';
+                              break;
+
+                         case 'top-menu-right':
+                              $menu_position = 'top-menu';
+                              break;
+
+                         case 'top-menu-left':
+                              $menu_position = 'top-menu-left';
+                              break;
+                    }
+               }
+
+               return $menu_position;
+          }
+
+          /**
+           * The place (menu) to display the cart menu item position.
+           *
+           * @since 1.1.1
+           */
+          public function cart_menu_item_class( $item_class ) {
+               $position = get_theme_mod( 'lsx_wc_cart_menu_item_position', '' );
+
+               if ( 'main-menu-out' === $position ) {
+                    $item_class .= ' lsx-wc-cart-menu-item-right-aligned';
+               }
+
+               $style = get_theme_mod( 'lsx_wc_cart_menu_item_style', '' );
+
+               if ( 'simple' === $style ) {
+                    $item_class .= ' lsx-wc-cart-menu-item-simple';
+               }
+
+               return $item_class;
+          }
+
+          /**
+           * Adds WC My Account to the header.
+           *
+           * @since 1.1.1
+           */
+          public function my_account_menu_item( $items, $args ) {
+               $my_account_menu_item_position = apply_filters( 'lsx_wc_my_account_menu_item_position', 'primary' );
+
+               if ( $my_account_menu_item_position === $args->theme_location || ( 'primary_logged_out' === $args->theme_location && 'primary' === $my_account_menu_item_position ) ) {
+                    $customizer_option  = get_theme_mod( 'lsx_wc_my_account_menu_item', false );
+
+                    if ( ! empty( $customizer_option ) ) {
+                         if ( is_account_page() ) {
+                              $class = 'current-menu-item';
+                         } else {
+                              $class = '';
+                         }
+
+                         $item_class = 'menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown lsx-wc-my-account-menu-item ' . $class;
+                         $item_class = apply_filters( 'lsx_wc_my_account_menu_item_class', $item_class );
+
+                         $endpoints = WC()->query->get_query_vars();
+
+                         if ( is_user_logged_in() ) {
+                              $item  = '<li class="' . $item_class . '">';
+                              $item .= '<a title="' . esc_attr__( 'View your account', 'lsx-customizer' ) . '" href="' . esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ) . '" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true"><span>' . esc_attr__( 'My Account', 'lsx-customizer' ) . '</span></a>';
+                              $item .= '<ul role="menu" class=" dropdown-menu lsx-wc-my-account-sub-menu">';
+                                   foreach ( wc_get_account_menu_items() as $endpoint => $label ) {
+                                        $slug = $endpoint;
+                                        if ( isset( $endpoints[ $endpoint ] ) && '' !== $endpoints[ $endpoint ] ) {
+                                             $slug = $endpoints[ $endpoint ];
+                                        }
+                                        if ( 'dashboard' === $slug ) {
+                                             $slug = '';
+                                        }
+                                        $item .= '<li class="menu-item"><a title="" href="' . esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) . $slug ) . '">' . $label . '</a></li>';
+                                   }
+                              $item .= '</ul></li>';
+
+                         } else {
+                              $item = '<li class="' . $item_class . '">' .
+                                             '<a title="' . esc_attr__( 'View your account', 'lsx-customizer' ) . '" href="' . esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ) . '"><span>' . esc_attr__( 'Login', 'lsx-customizer' ) . '</span></a>' .
+                                        '</li>';
+                         }
+
+                         if ( 'top-menu' === $args->theme_location ) {
+                              $items = $item . $items;
+                         } else {
+                              $items = $items . $item;
+                         }
+                    }
+               }
+
+               return $items;
+          }
+
+          /**
+           * The place (menu) to display the My Account menu item position.
+           *
+           * @since 1.1.1
+           */
+          public function my_account_menu_item_position( $menu_position ) {
+               $position = get_theme_mod( 'lsx_wc_my_account_menu_item_position', '' );
+
+               if ( ! empty( $position ) ) {
+                    switch ( $position ) {
+                         case 'main-menu-in':
+                         case 'main-menu-out':
+                              $menu_position = 'primary';
+                              break;
+
+                         case 'top-menu-right':
+                              $menu_position = 'top-menu';
+                              break;
+
+                         case 'top-menu-left':
+                              $menu_position = 'top-menu-left';
+                              break;
+                    }
+               }
+
+               return $menu_position;
+          }
+
+          /**
+           * The place (menu) to display the My Account menu item position.
+           *
+           * @since 1.1.1
+           */
+          public function my_account_menu_item_class( $item_class ) {
+               $position = get_theme_mod( 'lsx_wc_my_account_menu_item_position', '' );
+
+               if ( 'main-menu-out' === $position ) {
+                    $item_class .= ' lsx-wc-my-account-menu-item-right-aligned';
+               }
+
+               if ( ! is_user_logged_in() ) {
+                    $item_class .= ' lsx-wc-my-account-login';
+               }
+
+               $style = get_theme_mod( 'lsx_wc_my_account_menu_item_style', '' );
+
+               if ( 'simple' === $style ) {
+                    $item_class .= ' lsx-wc-my-account-menu-item-simple';
+               }
+
+               return $item_class;
+          }
+          /**
+           * Display the woocommerce archive swticher.
+           */
+          public function show_layout_switcher() {
+               $body_classes = get_body_class();
+               if ( in_array( 'post-type-archive-product', $body_classes ) ) {
+                    global $WC_List_Grid;
+                    if ( null !== $WC_List_Grid ) {
+                         remove_action( 'woocommerce_before_shop_loop', array( $WC_List_Grid, 'gridlist_toggle_button' ), 30 );
+                         add_action( 'lsx_banner_inner_bottom', array( $this, 'shop_gridlist_toggle_button' ), 90 );
+                         add_action( 'lsx_global_header_inner_bottom', array( $this, 'shop_gridlist_toggle_button' ), 90 );
+                         wp_deregister_style( 'grid-list-button' );
+                    }
+               }
+          }
+          /**
+           * Display the woocommerce archive swticher.
+           */
+          public function shop_gridlist_toggle_button() {
+               global $WC_List_Grid;
+               ?>
 			<div class="lsx-layout-switcher">
 				<span class="lsx-layout-switcher-label"><?php esc_html_e( 'Select view:', 'lsx-blog-customizer' ); ?></span>
 				<?php $WC_List_Grid->gridlist_toggle_button(); ?>
 			</div>
 			<?php
-		}
-		public function gridlist_toggle_button_output( $output, $grid_view, $list_view ) {
-			$output = sprintf( '<div class="gridlist-toggle lsx-layout-switcher-options"><a href="#" class="lsx-layout-switcher-option" id="grid" title="%1$s"><span class="fa fa fa-th"></span></a><a href="#" class="lsx-layout-switcher-option" id="list" title="%2$s"><span class="fa fa-bars"></span></a></div>', $grid_view, $list_view );
-			return $output;
-		}
-	}
-
-	new LSX_Customizer_WooCommerce;
+          }
+          public function gridlist_toggle_button_output( $output, $grid_view, $list_view ) {
+               $output = sprintf( '<div class="gridlist-toggle lsx-layout-switcher-options"><a href="#" class="lsx-layout-switcher-option" id="grid" title="%1$s"><span class="fa fa fa-th"></span></a><a href="#" class="lsx-layout-switcher-option" id="list" title="%2$s"><span class="fa fa-bars"></span></a></div>', $grid_view, $list_view );
+               return $output;
+          }
+     }
+
+     new LSX_Customizer_WooCommerce;
 
 }

examples/lsx-customizer-colour.php

Indentation +120 added lines, -120 removed lines

@@ -6,9 +6,9 @@ 
  * Add two new colors (test) in main array of colors
  */
 function test_lsx_customizer_colour_names( $array ) {
-	$array['test_text_color']       = esc_html__( 'TEST: Text', 'lsx-customizer' );
-	$array['test_text_color_hover'] = esc_html__( 'TEST: Text (hover)', 'lsx-customizer' );
-	return $array;
+     $array['test_text_color']       = esc_html__( 'TEST: Text', 'lsx-customizer' );
+     $array['test_text_color_hover'] = esc_html__( 'TEST: Text (hover)', 'lsx-customizer' );
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_names', 'test_lsx_customizer_colour_names' );
 
@@ -18,9 +18,9 @@ 
  * Add the new colors (test) in default scheme
  */
 function test_lsx_customizer_colour_choices_default( $array ) {
-	$array['test_text_color']       = '#ddddd1';
-	$array['test_text_color_hover'] = '#eeeee1';
-	return $array;
+     $array['test_text_color']       = '#ddddd1';
+     $array['test_text_color_hover'] = '#eeeee1';
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_choices_default', 'test_lsx_customizer_colour_choices_default' );
 
@@ -30,9 +30,9 @@ 
  * Add the new colors (test) in red scheme
  */
 function test_lsx_customizer_colour_choices_red( $array ) {
-	$array['test_text_color']       = '#ddddd2';
-	$array['test_text_color_hover'] = '#eeeee2';
-	return $array;
+     $array['test_text_color']       = '#ddddd2';
+     $array['test_text_color_hover'] = '#eeeee2';
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_choices_red', 'test_lsx_customizer_colour_choices_red' );
 
@@ -42,9 +42,9 @@ 
  * Add the new colors (test) in orange scheme
  */
 function test_lsx_customizer_colour_choices_orange( $array ) {
-	$array['test_text_color']       = '#ddddd3';
-	$array['test_text_color_hover'] = '#eeeee3';
-	return $array;
+     $array['test_text_color']       = '#ddddd3';
+     $array['test_text_color_hover'] = '#eeeee3';
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_choices_orange', 'test_lsx_customizer_colour_choices_orange' );
 
@@ -54,9 +54,9 @@ 
  * Add the new colors (test) in green scheme
  */
 function test_lsx_customizer_colour_choices_green( $array ) {
-	$array['test_text_color']       = '#ddddd4';
-	$array['test_text_color_hover'] = '#eeeee4';
-	return $array;
+     $array['test_text_color']       = '#ddddd4';
+     $array['test_text_color_hover'] = '#eeeee4';
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_choices_green', 'test_lsx_customizer_colour_choices_green' );
 
@@ -66,9 +66,9 @@ 
  * Add the new colors (test) in brown scheme
  */
 function test_lsx_customizer_colour_choices_brown( $array ) {
-	$array['test_text_color']       = '#ddddd5';
-	$array['test_text_color_hover'] = '#eeeee5';
-	return $array;
+     $array['test_text_color']       = '#ddddd5';
+     $array['test_text_color_hover'] = '#eeeee5';
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_choices_brown', 'test_lsx_customizer_colour_choices_brown' );
 
@@ -79,88 +79,88 @@ 
  * Also add the new colors (test) in new scheme
  */
 function test_lsx_customizer_colour_choices( $array ) {
-	$array['test'] = array(
-		'label'  => esc_html__( 'Test', 'lsx-customizer' ),
-		'colors' => array(
-			'button_background_color'       => '#428bca',
-			'button_background_hover_color' => '#2a6496',
-			'button_text_color'             => '#ffffff',
-			'button_text_color_hover'       => '#ffffff',
-			'button_shadow'                 => '#2a6496',
-
-			'button_cta_background_color'       => '#f7941d',
-			'button_cta_background_hover_color' => '#f7741d',
-			'button_cta_text_color'             => '#ffffff',
-			'button_cta_text_color_hover'       => '#ffffff',
-			'button_cta_shadow'                 => '#f7741d',
-
-			'top_menu_background_color'          => '#333333',
-			'top_menu_link_color'                => '#ffffff',
-			'top_menu_link_hover_color'          => '#428bca',
-			'top_menu_icon_color'                => '#428bca',
-			'top_menu_icon_hover_color'          => '#ffffff',
-			'top_menu_dropdown_color'            => '#333333',
-			'top_menu_dropdown_hover_color'      => '#444444',
-			'top_menu_dropdown_link_color'       => '#ffffff',
-			'top_menu_dropdown_link_hover_color' => '#428bca',
-
-			'header_background_color'  => '#ffffff',
-			'header_link_color'        => '#428bca',
-			'header_link_hover_color'  => '#1072c9',
-			'header_description_color' => '#555555',
-
-			'main_menu_background_color'                => '#ffffff',
-			'main_menu_link_color'                      => '#555555',
-			'main_menu_link_hover_color'                => '#ffffff',
-			'main_menu_dropdown_background_color'       => '#428bca',
-			'main_menu_dropdown_background_hover_color' => '#1072c9',
-			'main_menu_dropdown_link_color'             => '#ffffff',
-			'main_menu_dropdown_link_hover_color'       => '#dddddd',
-
-			'banner_background_color'               => '#2a6496',
-			'banner_text_color'                     => '#ffffff',
-			'banner_text_image_color'               => '#ffffff',
-			'banner_breadcrumb_background_color'    => '#374750',
-			'banner_breadcrumb_text_color'          => '#919191',
-			'banner_breadcrumb_text_selected_color' => '#ffffff',
-
-			'background_color'                       => '#ffffff',
-			'body_line_color'                        => '#dddddd',
-			'body_text_heading_color'                => '#333333',
-			'body_text_small_color'                  => '#919191',
-			'body_text_color'                        => '#333333',
-			'body_link_color'                        => '#596b46',
-			'body_link_hover_color'                  => '#3d4a30',
-			'body_section_full_background_color'     => '#596b46',
-			'body_section_full_text_color'           => '#ffffff',
-			'body_section_full_link_color'           => '#eeeeee',
-			'body_section_full_link_hover_color'     => '#dddddd',
-			'body_section_full_cta_background_color' => '#333333',
-			'body_section_full_cta_text_color'       => '#ffffff',
-			'body_section_full_cta_link_color'       => '#eeeeee',
-			'body_section_full_cta_link_hover_color' => '#dddddd',
-
-			'footer_cta_background_color' => '#428bca',
-			'footer_cta_text_color'       => '#ffffff',
-			'footer_cta_link_color'       => '#dddddd',
-			'footer_cta_link_hover_color' => '#ffffff',
-
-			'footer_widgets_background_color' => '#333333',
-			'footer_widgets_text_color'       => '#eeeeee',
-			'footer_widgets_link_color'       => '#428bca',
-			'footer_widgets_link_hover_color' => '#1072c9',
-
-			'footer_background_color' => '#232222',
-			'footer_text_color'       => '#ffffff',
-			'footer_link_color'       => '#428bca',
-			'footer_link_hover_color' => '#1072c9',
-
-			'test_text_color'       => '#ddddd6',
-			'test_text_color_hover' => '#eeeee6',
-		),
-	);
-
-	return $array;
+     $array['test'] = array(
+          'label'  => esc_html__( 'Test', 'lsx-customizer' ),
+          'colors' => array(
+               'button_background_color'       => '#428bca',
+               'button_background_hover_color' => '#2a6496',
+               'button_text_color'             => '#ffffff',
+               'button_text_color_hover'       => '#ffffff',
+               'button_shadow'                 => '#2a6496',
+
+               'button_cta_background_color'       => '#f7941d',
+               'button_cta_background_hover_color' => '#f7741d',
+               'button_cta_text_color'             => '#ffffff',
+               'button_cta_text_color_hover'       => '#ffffff',
+               'button_cta_shadow'                 => '#f7741d',
+
+               'top_menu_background_color'          => '#333333',
+               'top_menu_link_color'                => '#ffffff',
+               'top_menu_link_hover_color'          => '#428bca',
+               'top_menu_icon_color'                => '#428bca',
+               'top_menu_icon_hover_color'          => '#ffffff',
+               'top_menu_dropdown_color'            => '#333333',
+               'top_menu_dropdown_hover_color'      => '#444444',
+               'top_menu_dropdown_link_color'       => '#ffffff',
+               'top_menu_dropdown_link_hover_color' => '#428bca',
+
+               'header_background_color'  => '#ffffff',
+               'header_link_color'        => '#428bca',
+               'header_link_hover_color'  => '#1072c9',
+               'header_description_color' => '#555555',
+
+               'main_menu_background_color'                => '#ffffff',
+               'main_menu_link_color'                      => '#555555',
+               'main_menu_link_hover_color'                => '#ffffff',
+               'main_menu_dropdown_background_color'       => '#428bca',
+               'main_menu_dropdown_background_hover_color' => '#1072c9',
+               'main_menu_dropdown_link_color'             => '#ffffff',
+               'main_menu_dropdown_link_hover_color'       => '#dddddd',
+
+               'banner_background_color'               => '#2a6496',
+               'banner_text_color'                     => '#ffffff',
+               'banner_text_image_color'               => '#ffffff',
+               'banner_breadcrumb_background_color'    => '#374750',
+               'banner_breadcrumb_text_color'          => '#919191',
+               'banner_breadcrumb_text_selected_color' => '#ffffff',
+
+               'background_color'                       => '#ffffff',
+               'body_line_color'                        => '#dddddd',
+               'body_text_heading_color'                => '#333333',
+               'body_text_small_color'                  => '#919191',
+               'body_text_color'                        => '#333333',
+               'body_link_color'                        => '#596b46',
+               'body_link_hover_color'                  => '#3d4a30',
+               'body_section_full_background_color'     => '#596b46',
+               'body_section_full_text_color'           => '#ffffff',
+               'body_section_full_link_color'           => '#eeeeee',
+               'body_section_full_link_hover_color'     => '#dddddd',
+               'body_section_full_cta_background_color' => '#333333',
+               'body_section_full_cta_text_color'       => '#ffffff',
+               'body_section_full_cta_link_color'       => '#eeeeee',
+               'body_section_full_cta_link_hover_color' => '#dddddd',
+
+               'footer_cta_background_color' => '#428bca',
+               'footer_cta_text_color'       => '#ffffff',
+               'footer_cta_link_color'       => '#dddddd',
+               'footer_cta_link_hover_color' => '#ffffff',
+
+               'footer_widgets_background_color' => '#333333',
+               'footer_widgets_text_color'       => '#eeeeee',
+               'footer_widgets_link_color'       => '#428bca',
+               'footer_widgets_link_hover_color' => '#1072c9',
+
+               'footer_background_color' => '#232222',
+               'footer_text_color'       => '#ffffff',
+               'footer_link_color'       => '#428bca',
+               'footer_link_hover_color' => '#1072c9',
+
+               'test_text_color'       => '#ddddd6',
+               'test_text_color_hover' => '#eeeee6',
+          ),
+     );
+
+     return $array;
 }
 add_filter( 'lsx_customizer_colour_choices', 'test_lsx_customizer_colour_choices' );
 
@@ -170,7 +170,7 @@ 
  * Add new selectors in "button" group of colours
  */
 function test_lsx_customizer_colour_selectors_button( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Button TEST */
 
@@ -183,7 +183,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_button', 'test_lsx_customizer_colour_selectors_button', 10, 2 );
 
@@ -193,7 +193,7 @@ 
  * Add new selectors in "button cta" group of colours
  */
 function test_lsx_customizer_colour_selectors_button_cta( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Button CTA TEST */
 
@@ -206,7 +206,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_button_cta', 'test_lsx_customizer_colour_selectors_button_cta', 10, 2 );
 
@@ -216,7 +216,7 @@ 
  * Add new selectors in "top menu" group of colours
  */
 function test_lsx_customizer_colour_selectors_top_menu( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Top Menu TEST */
 
@@ -233,7 +233,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_top_menu', 'test_lsx_customizer_colour_selectors_top_menu', 10, 2 );
 
@@ -243,7 +243,7 @@ 
  * Add new selectors in "header" group of colours
  */
 function test_lsx_customizer_colour_selectors_header( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Header TEST */
 
@@ -255,7 +255,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_header', 'test_lsx_customizer_colour_selectors_header', 10, 2 );
 
@@ -265,7 +265,7 @@ 
  * Add new selectors in "main meun" group of colours
  */
 function test_lsx_customizer_colour_selectors_main_menu( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Main Menu TEST */
 
@@ -280,7 +280,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_main_menu', 'test_lsx_customizer_colour_selectors_main_menu', 10, 2 );
 
@@ -290,7 +290,7 @@ 
  * Add new selectors in "banner" group of colours
  */
 function test_lsx_customizer_colour_selectors_banner( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Banner TEST */
 
@@ -304,7 +304,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_banner', 'test_lsx_customizer_colour_selectors_banner', 10, 2 );
 
@@ -314,7 +314,7 @@ 
  * Add new selectors in "body" group of colours
  */
 function test_lsx_customizer_colour_selectors_body( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Body TEST */
 
@@ -338,7 +338,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_body', 'test_lsx_customizer_colour_selectors_body', 10, 2 );
 
@@ -348,7 +348,7 @@ 
  * Add new selectors in "footer cta" group of colours
  */
 function test_lsx_customizer_colour_selectors_footer_cta( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Footer CTA TEST */
 
@@ -360,7 +360,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_footer_cta', 'test_lsx_customizer_colour_selectors_footer_cta', 10, 2 );
 
@@ -370,7 +370,7 @@ 
  * Add new selectors in "footer widgets" group of colours
  */
 function test_lsx_customizer_colour_selectors_footer_widgets( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Footer Widgets TEST */
 
@@ -382,7 +382,7 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_footer_widgets', 'test_lsx_customizer_colour_selectors_footer_widgets', 10, 2 );
 
@@ -392,7 +392,7 @@ 
  * Add new selectors in "footer" group of colours
  */
 function test_lsx_customizer_colour_selectors_footer( $css, $colors ) {
-	$css .= <<<CSS
+     $css .= <<<CSS
 
 	/* Footer TEST */
 
@@ -404,6 +404,6 @@ 
 	}
 CSS;
 
-	return $css;
+     return $css;
 }
 add_filter( 'lsx_customizer_colour_selectors_footer', 'test_lsx_customizer_colour_selectors_footer', 10, 2 );