public static function get_kirki()
{
if (null === self::$kirki) {
self::$kirki = Kirki();
}
return self::$kirki;
}
/**
* Enqueue scripts js or css
*
* @return void
* @access public
*/
public function enqueueScripts()
{
$font = $this->getValue();
if (\Kirki_Fonts::is_google_font($font)) {
$font_uri = \Kirki_Fonts::get_google_font_uri(array($font));
wp_enqueue_style('googlefonts', $font_uri);
}
}
/**
* The class constructor.
*/
private function __construct()
{
$config = apply_filters('kirki/config', array());
// If we have set $config['disable_google_fonts'] to true then do not proceed any further.
if (isset($config['disable_google_fonts']) && true === $config['disable_google_fonts']) {
return;
}
// Populate the array of google fonts.
$this->google_fonts = Kirki_Fonts::get_google_fonts();
// Enqueue link.
add_action('wp_enqueue_scripts', array($this, 'enqueue'), 105);
}
public function test_kirki_fonts()
{
$this->assertEquals(Kirki_Fonts::get_all_fonts(), Kirki_Toolkit::fonts()->get_all_fonts());
$this->assertEquals(Kirki_Fonts::get_font_choices(), Kirki_Toolkit::fonts()->get_font_choices());
$this->assertEquals(Kirki_Fonts::is_google_font('Open Sans'), Kirki_Toolkit::fonts()->is_google_font('Open Sans'));
$this->assertEquals(Kirki_Fonts::get_google_font_uri(array('Roboto')), Kirki_Toolkit::fonts()->get_google_font_uri(array('Roboto')));
$this->assertEquals(Kirki_Fonts::get_google_font_subsets(), Kirki_Toolkit::fonts()->get_google_font_subsets());
$this->assertEquals(Kirki_Fonts::choose_google_font_variants('Roboto'), Kirki_Toolkit::fonts()->choose_google_font_variants('Roboto'));
$this->assertEquals(Kirki_Fonts::get_standard_fonts(), Kirki_Toolkit::fonts()->get_standard_fonts());
$this->assertEquals(Kirki_Fonts::get_font_stack(''), Kirki_Toolkit::fonts()->get_font_stack(''));
$this->assertEquals(Kirki_Fonts::sanitize_font_choice(''), Kirki_Toolkit::fonts()->sanitize_font_choice(''));
$this->assertEquals(Kirki_Fonts::get_google_fonts(), Kirki_Toolkit::fonts()->get_google_fonts());
}
/**
* Add controls using the 'kirki/fields' filter.
*/
function kirki_controls_with_choices_fields($fields)
{
$fields[] = array('type' => 'radio', 'settings' => 'radio_demo', 'label' => __('Radio Control', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'option-1', 'priority' => 10, 'choices' => array('option-1' => __('Option 1', 'kirki'), 'option-2' => __('Option 2', 'kirki'), 'option-3' => __('Option 3', 'kirki'), 'option-4' => __('Option 4', 'kirki')));
$fields[] = array('type' => 'dropdown-pages', 'settings' => 'dropdown_pages_demo', 'label' => __('Dropdown Pages', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'priority' => 10);
$fields[] = array('type' => 'select', 'settings' => 'select_demo', 'label' => __('Select', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'option-1', 'priority' => 10, 'choices' => array('option-1' => __('Option 1', 'kirki'), 'option-2' => __('Option 2', 'kirki'), 'option-3' => __('Option 3', 'kirki'), 'option-4' => __('Option 4', 'kirki')));
$fields[] = array('type' => 'radio-image', 'settings' => 'radio_image_demo', 'label' => __('Radio-Image', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'option-1', 'priority' => 10, 'choices' => array('option-1' => admin_url() . '/images/align-left-2x.png', 'option-2' => admin_url() . '/images/align-center-2x.png', 'option-3' => admin_url() . '/images/align-right-2x.png'));
$fields[] = array('type' => 'radio-buttonset', 'settings' => 'radio_buttonset_demo', 'label' => __('Radio-Buttonset', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'option-1', 'priority' => 10, 'choices' => array('option-1' => __('Option 1', 'kirki'), 'option-2' => __('Option 2', 'kirki'), 'option-3' => __('Option 3', 'kirki')));
$fields[] = array('type' => 'multicheck', 'settings' => 'multicheck_demo', 'label' => __('Multicheck', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => array('option-1', 'option-2'), 'priority' => 10, 'choices' => array('option-1' => __('Option 1', 'kirki'), 'option-2' => __('Option 2', 'kirki'), 'option-3' => __('Option 3', 'kirki'), 'option-4' => __('Option 4', 'kirki')));
$fields[] = array('type' => 'sortable', 'settings' => 'sortable_demo', 'label' => __('Sortable', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => array('option-3', 'option-1', 'option-4'), 'priority' => 10, 'choices' => array('option-1' => __('Option 1', 'kirki'), 'option-2' => __('Option 2', 'kirki'), 'option-3' => __('Option 3', 'kirki'), 'option-4' => __('Option 4', 'kirki'), 'option-5' => __('Option 5', 'kirki'), 'option-6' => __('Option 6', 'kirki')));
// Define custom palettes
$fields[] = array('type' => 'palette', 'settings' => 'palette_demo', 'label' => __('Palette', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'red', 'priority' => 10, 'choices' => array('red' => array('#ef9a9a', '#f44336', '#ff1744'), 'pink' => array('#fce4ec', '#f06292', '#e91e63', '#ad1457', '#f50057'), 'cyan' => array('#e0f7fa', '#80deea', '#26c6da', '#0097a7', '#00e5ff')));
// Define custom palettes
$fields[] = array('type' => 'palette', 'settings' => 'palette_demo_colourlovers', 'label' => __('Palettes from Colourlovers', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'red', 'priority' => 10, 'choices' => Kirki_Colourlovers::get_palettes(5));
$fields[] = array('type' => 'select2', 'settings' => 'select_demo_2', 'label' => __('Select2', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'option-1', 'priority' => 10, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => 'body p', 'property' => 'font-family')));
$fields[] = array('type' => 'select2-multiple', 'settings' => 'select_demo_3', 'label' => __('Select2 - multiple', 'kirki'), 'description' => __('This is the control description', 'kirki'), 'help' => __('This is some extra help. You can use this to add some additional instructions for users. The main description should go in the "description" of the field, this is only to be used for help tips.', 'kirki'), 'section' => 'controls_with_choices', 'default' => 'option-1', 'priority' => 10, 'choices' => array('option-1' => __('Option 1', 'kirki'), 'option-2' => __('Option 2', 'kirki'), 'option-3' => __('Option 3', 'kirki'), 'option-4' => __('Option 4', 'kirki')));
return $fields;
}
public function test()
{
$this->assertEquals(kirki_get_option(), Kirki::get_option());
$this->assertEquals(kirki_sanitize_hex('#ffffff'), Kirki_Color::sanitize_hex('#ffffff'));
$this->assertEquals(kirki_get_rgb('#ffffff'), Kirki_Color::get_rgb('#ffffff'));
$this->assertEquals(kirki_get_rgba('#ffffff'), Kirki_Color::get_rgba('#ffffff'));
$this->assertEquals(kirki_get_brightness('#ffffff'), Kirki_Color::get_brightness('#ffffff'));
$font_registry = Kirki_Toolkit::fonts();
$this->assertEquals(Kirki_Fonts::get_all_fonts(), $font_registry->get_all_fonts());
$this->assertEquals(Kirki_Fonts::get_font_choices(), $font_registry->get_font_choices());
$this->assertEquals(Kirki_Fonts::is_google_font('foo'), $font_registry->is_google_font('foo'));
$this->assertEquals(Kirki_Fonts::get_google_font_uri(array('foo')), $font_registry->get_google_font_uri(array('foo')));
$this->assertEquals(Kirki_Fonts::get_google_font_subsets(), $font_registry->get_google_font_subsets());
$this->assertEquals(Kirki_Fonts::choose_google_font_variants('Roboto'), $font_registry->choose_google_font_variants('Roboto'));
$this->assertEquals(Kirki_Fonts::get_standard_fonts(), $font_registry->get_standard_fonts());
$this->assertEquals(Kirki_Fonts::get_font_stack('foo'), $font_registry->get_font_stack('foo'));
$this->assertEquals(Kirki_Fonts::sanitize_font_choice('foo'), $font_registry->sanitize_font_choice('foo'));
$this->assertEquals(Kirki_Fonts::get_google_fonts(), $font_registry->get_google_fonts());
}
<?php
Kirki::add_config('ornea', array('capability' => 'edit_theme_options', 'option_type' => 'theme_mod'));
Kirki::add_field('ornea', array('type' => 'background', 'settings' => 'header_background', 'label' => __('Background', 'ornea'), 'section' => 'header_background', 'default' => array('color' => '#a46497', 'image' => '', 'repeat' => 'repeat', 'size' => 'inherit', 'position' => 'center-center', 'opacity' => 100), 'priority' => 3, 'output' => '#masthead #header-wrapper'));
Kirki::add_field('ornea', array('type' => 'background', 'settings' => 'offcanvas_menu_background', 'label' => __('Background', 'ornea'), 'section' => 'offcanvas_menu_background', 'default' => array('color' => '#a46497', 'image' => '', 'repeat' => 'repeat', 'size' => 'inherit', 'position' => 'left-top'), 'priority' => 3, 'output' => '#masthead .left-offcanvas-menu'));
Kirki::add_field('ornea', array('type' => 'background', 'settings' => 'offcanvas_sidebar_background', 'label' => __('Background', 'ornea'), 'section' => 'offcanvas_sidebar_background', 'default' => array('color' => '#a46497', 'image' => '', 'repeat' => 'repeat', 'size' => 'inherit', 'position' => 'left-top'), 'priority' => 3, 'output' => 'body .offcanvas-sidebar'));
Kirki::add_field('ornea', array('type' => 'background', 'settings' => 'footer_wrapper_background', 'label' => __('Background', 'ornea'), 'section' => 'footer', 'default' => array('color' => '#ededed', 'image' => '', 'repeat' => 'repeat', 'size' => 'inherit', 'attach' => 'inherit', 'position' => 'left-top', 'opacity' => 100), 'priority' => 3, 'output' => '#colophon'));
Kirki::add_field('ornea', array('type' => 'checkbox', 'mode' => 'checkbox', 'settings' => 'responsive_text', 'label' => __('Responsive Text', 'ornea'), 'default' => 0, 'section' => 'base_typography'));
Kirki::add_field('ornea', array('type' => 'select', 'settings' => 'base_typography_font_family', 'label' => __('Font Family', 'ornea'), 'section' => 'base_typography', 'default' => 'Roboto', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body', 'property' => 'font-family')));
Kirki::add_field('ornea', array('type' => 'multicheck', 'settings' => 'base_typography_subsets', 'label' => __('Google-Font subsets', 'ornea'), 'description' => __('The subsets used from Google\'s API.', 'ornea'), 'section' => 'base_typography', 'default' => 'all', 'priority' => 22, 'choices' => Kirki_Fonts::get_google_font_subsets(), 'output' => array('element' => 'body', 'property' => 'font-subset')));
Kirki::add_field('ornea', array('type' => 'slider', 'settings' => 'base_typography_font_weight', 'label' => __('Font Weight', 'ornea'), 'section' => 'base_typography', 'default' => 300, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'body', 'property' => 'font-weight')));
Kirki::add_field('ornea', array('type' => 'slider', 'settings' => 'base_typography_font_size', 'label' => __('Font Size', 'ornea'), 'section' => 'base_typography', 'default' => 14, 'priority' => 25, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'html', 'property' => 'font-size', 'units' => 'px')));
Kirki::add_field('ornea', array('type' => 'select', 'settings' => 'headers_typography_font_family', 'label' => __('Font Family', 'ornea'), 'section' => 'headers_typography', 'default' => 'Roboto', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'h1, h2, h3, h4, h5, h6', 'property' => 'font-family')));
Kirki::add_field('ornea', array('type' => 'slider', 'settings' => 'headers_typography_font_weight', 'label' => __('Font Weight', 'ornea'), 'section' => 'headers_typography', 'default' => 700, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'h1, h2, h3, h4, h5, h6', 'property' => 'font-weight')));
Kirki::add_field('ornea', array('type' => 'select', 'settings' => 'sitename_typography_font_family', 'label' => __('Font Family', 'ornea'), 'section' => 'sitename_typography', 'default' => 'Roboto', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'h1.site-title', 'property' => 'font-family')));
Kirki::add_field('ornea', array('type' => 'slider', 'settings' => 'sitename_typography_font_weight', 'label' => __('Font Weight', 'ornea'), 'section' => 'sitename_typography', 'default' => 700, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'h1.site-title', 'property' => 'font-weight')));
Kirki::add_field('ornea', array('type' => 'slider', 'settings' => 'sidebar_width', 'label' => __('Sidebar Width', 'ornea'), 'subtitle' => __('number of columns on a 12-column grid. <strong>Set to 0 to disable the sidebar</strong>', 'ornea'), 'section' => 'layout', 'default' => 3, 'priority' => 24, 'choices' => array('min' => 0, 'max' => 6, 'step' => 1)));
Kirki::add_field('ornea', array('type' => 'radio', 'settings' => 'sidebar_position', 'label' => __('Sidebar Position', 'ornea'), 'section' => 'layout', 'default' => 'l', 'priority' => 20, 'choices' => array('l' => __('Left', 'ornea'), 'r' => __('Right', 'ornea'))));
if (class_exists('WooCommerce') && !class_exists('WC_Colors')) {
Kirki::add_field('ornea', array('type' => 'custom', 'settings' => 'install_woocolors', 'section' => 'colors', 'default' => '<div style="background:#f2dede;padding:10px;color:#a94442;">' . __('You are using the WooCommerce plugin but don\'t have "<strong><a target="_blank" style="color:#c00;" href="https://wordpress.org/plugins/woocommerce-colors/">WooCommerce Colors</a></strong>" installed. Please install this plugin for additional color options.', 'ornea') . '</div>', 'priority' => 1));
}
Kirki::add_field('ornea', array('type' => 'color', 'settings' => 'accent_color', 'label' => __('Accent Color', 'ornea'), 'section' => 'colors', 'default' => '#a46497', 'description' => __('Used for search and comment form buttons.', 'ornea'), 'priority' => 1));
Kirki::add_field('ornea', array('type' => 'color', 'settings' => 'text_color', 'label' => __('Text Color', 'ornea'), 'section' => 'colors', 'default' => '#222222', 'priority' => 1, 'output' => array('element' => 'body, a.page-numbers, a.page-numbers:visited', 'property' => 'color'), 'description' => __('Change the color of the main text on your site. Please note you should choose a color with enough contrast to your background, so that it\'s easy to read. You should also avoid using colourful text and instead prefer using dark grey or white depending on the background color of your site.', 'ornea')));
Kirki::add_field('ornea', array('type' => 'color', 'settings' => 'a_color', 'label' => __('Links Color', 'ornea'), 'section' => 'colors', 'default' => '#00bcd4', 'priority' => 1, 'output' => array('element' => 'a', 'property' => 'color'), 'description' => __('The color for your links', 'ornea')));
Kirki::add_field('ornea', array('type' => 'color', 'settings' => 'a_hover_color', 'label' => __('Links - Hover Color', 'ornea'), 'section' => 'colors', 'default' => '#00acc1', 'priority' => 1, 'output' => array('element' => 'a:hover, a:focus, a:active, a:visited:hover, a:visited:focus, a:visited:active, .top_menu ul li.current_page_item a', 'property' => 'color'), 'description' => __('The color for your links when a user hovers them. Traditionally this is something close to the normal links color but a different shade, enough for contrast.', 'ornea')));
Kirki::add_field('ornea', array('type' => 'color', 'settings' => 'a_visited_color', 'label' => __('Links - Visited Color', 'ornea'), 'section' => 'colors', 'default' => '#00bcd4', 'priority' => 1, 'output' => array('element' => 'a:visited', 'property' => 'color'), 'description' => __('The color for your visited links. Traditionally this should be the same as the main links color, though you can choose whatever you want.', 'ornea')));
if (class_exists('WooCommerce')) {
Kirki::add_field('ornea', array('type' => 'slider', 'settings' => 'product_cat_image_height', 'label' => __('Product Category Image Height', 'ornea'), 'subtitle' => __('Specify the minimum height of the category image. (percentage of screen height). Set to 0 to disable.', 'ornea'), 'section' => 'extras', 'default' => 30, 'priority' => 24, 'choices' => array('min' => 0, 'max' => 100, 'step' => 1), 'output' => array('element' => '.term-description.has-term-image', 'property' => 'min-height', 'units' => 'vh')));
}
Kirki::add_field('ornea', array('type' => 'select', 'settings' => 'blog_mode', 'label' => __('Blog Mode', 'ornea'), 'section' => 'extras', 'default' => 'full', 'priority' => 20, 'choices' => array('excerpt' => __('Excerpt', 'ornea'), 'full' => __('Full', 'ornea'))));
Kirki::add_field('ornea', array('type' => 'select', 'settings' => 'product_mode', 'label' => __('Single-Product Display Mode', 'ornea'), 'section' => 'woocommerce_colors', 'default' => 'default', 'priority' => 1, 'choices' => array('big-image' => __('Big Image', 'ornea'), 'default' => __('Default', 'ornea'))));
/**
* Define all settings that will be used with Kirki in customizer
*/
function gently_kirki_fields($fields)
{
/* Branding fields */
$fields[] = array('type' => 'image', 'setting' => 'logo_image', 'label' => __('Logo image', 'gently'), 'description' => __('Normal size version of your logo.', 'gently'), 'help' => __('If you want to use text instead, just remove the image.', 'gently'), 'section' => 'title_tagline', 'default' => get_stylesheet_directory_uri() . '/img/logo.png', 'priority' => 8);
$fields[] = array('type' => 'image', 'setting' => 'logo_image_retina', 'label' => __('Logo image retina version', 'gently'), 'description' => __('2 times bigger image for high resolution retina displays.', 'gently'), 'section' => 'title_tagline', 'default' => get_stylesheet_directory_uri() . '/img/logo2x.png', 'priority' => 9);
$fields[] = array('type' => 'select', 'setting' => 'logo_font_family', 'label' => __('Logo font', 'gently'), 'section' => 'title_tagline', 'default' => 'Playfair Display', 'priority' => 21, 'transport' => 'postMessage', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.site-title', 'property' => 'font-family'));
$fields[] = array('type' => 'slider', 'setting' => 'logo_font_size', 'label' => __('Logo font size', 'gently'), 'section' => 'title_tagline', 'default' => 43, 'priority' => 22, 'transport' => 'postMessage', 'choices' => array('min' => 12, 'max' => 50, 'step' => 1));
$fields[] = array('type' => 'color', 'setting' => 'logo_font_color', 'label' => __('Logo font color', 'gently'), 'section' => 'title_tagline', 'default' => '#2d2d2d', 'priority' => 23, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-title', 'function' => 'css', 'property' => 'color')));
/* Typography fields */
$fields[] = array('type' => 'select', 'setting' => 'body_text_font', 'label' => __('Body text font', 'gently'), 'section' => 'typography', 'default' => 'Open Sans', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body, button, input, select, textarea', 'property' => 'font-family'));
$fields[] = array('type' => 'color', 'setting' => 'body_text_color', 'label' => __('Body text color', 'gently'), 'section' => 'typography', 'default' => '#575757', 'priority' => 21, 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body, button, input, select, textarea', 'function' => 'css', 'property' => 'color')));
$fields[] = array('type' => 'select', 'setting' => 'headings_font', 'label' => __('Headings font', 'gently'), 'section' => 'typography', 'default' => 'Playfair Display', 'priority' => 22, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'h1, h2, h3, h4, h5, h6', 'property' => 'font-family'));
$fields[] = array('type' => 'color', 'setting' => 'headings_color', 'label' => __('Headings color', 'gently'), 'section' => 'typography', 'default' => '#2D2D2D', 'priority' => 23, 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h1, h2, h3, h4, h5, h6', 'function' => 'css', 'property' => 'color')));
/* Color fields */
$fields[] = array('type' => 'color', 'setting' => 'accent_color', 'label' => __('Links and accent color', 'gently'), 'section' => 'color', 'default' => '#1271a3', 'priority' => 11);
$fields[] = array('type' => 'color', 'setting' => 'meta_color', 'label' => __('Metadata color', 'gently'), 'section' => 'color', 'default' => '#484d55', 'priority' => 12, 'transport' => 'postMessage');
$fields[] = array('type' => 'color', 'setting' => 'details_color', 'label' => __('Details color', 'gently'), 'section' => 'color', 'default' => '#EEEEEE', 'priority' => 13, 'transport' => 'postMessage');
/* Sidebar fields */
$fields[] = array('type' => 'color', 'setting' => 'sidebar_bg', 'label' => __('Sidebar background color', 'gently'), 'section' => 'sidebar', 'default' => '#fdfdfd', 'priority' => 10, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.main-sidebar', 'function' => 'css', 'property' => 'background-color')));
$fields[] = array('type' => 'color', 'setting' => 'sidebar_border', 'label' => __('Sidebar border color', 'gently'), 'section' => 'sidebar', 'default' => '#f1f2f4', 'priority' => 11, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.main-sidebar', 'function' => 'css', 'property' => 'border-color')));
$fields[] = array('type' => 'radio-image', 'setting' => 'sidebar_position', 'label' => __('Sidebar position', 'gently'), 'section' => 'sidebar', 'default' => 'right', 'transport' => 'postMessage', 'priority' => 12, 'choices' => array('left' => get_stylesheet_directory_uri() . '/img/sidebar_left.png', 'right' => get_stylesheet_directory_uri() . '/img/sidebar_right.png'));
$fields[] = array('type' => 'multicheck', 'setting' => 'sidebar_collapse', 'label' => __('Collapse sidebar by default', 'gently'), 'description' => __('Check on what type of pages sidebar will be collapsed by default.', 'gently'), 'section' => 'sidebar', 'default' => array('single, home'), 'priority' => 13, 'choices' => array('home' => __('Home page', 'gently'), 'single' => __('Single post', 'gently'), 'archive' => __('Archive', 'gently')));
/* Top bar fields */
$fields[] = array('type' => 'color', 'setting' => 'header_bg', 'label' => __('Top bar background color', 'gently'), 'section' => 'header', 'default' => '#f8f9fa', 'priority' => 10, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-header, .main-navigation .sub-menu', 'function' => 'css', 'property' => 'background-color')));
$fields[] = array('type' => 'color', 'setting' => 'header_border', 'label' => __('Top bar border color', 'gently'), 'section' => 'header', 'default' => '#e7e7e7', 'priority' => 11, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site .site-header', 'function' => 'css', 'property' => 'border-color'), array('element' => '#site-navigation ul', 'function' => 'css', 'property' => 'border-color'), array('element' => '.main-navigation .sub-menu', 'function' => 'css', 'property' => 'border-color')));
$fields[] = array('type' => 'multicheck', 'setting' => 'header_features', 'label' => __('Top bar features', 'gently'), 'description' => __('Check what features you want to display in header.', 'gently'), 'section' => 'header', 'default' => array('social', 'search'), 'priority' => 12, 'choices' => array('social' => __('Social icons', 'gently'), 'search' => __('Search', 'gently')));
$fields[] = array('type' => 'slider', 'setting' => 'header_icon_size', 'label' => __('Social icons size', 'gently'), 'description' => __('You can set with icons to display in Social Media section below.', 'gently'), 'section' => 'header', 'default' => 14, 'priority' => 16, 'transport' => 'postMessage', 'choices' => array('min' => 8, 'max' => 30, 'step' => 1));
$fields[] = array('type' => 'color', 'setting' => 'header_icons_color', 'label' => __('Social icons color', 'gently'), 'section' => 'header', 'default' => '#1271a3', 'priority' => 17, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.top-bar .social-links a', 'function' => 'css', 'property' => 'color')));
$fields[] = array('type' => 'checkbox', 'setting' => 'header_icons_color_original', 'label' => __('Use original icons color', 'gently'), 'section' => 'header', 'default' => false, 'priority' => 18, 'transport' => 'postMessage');
/* Navigation fields */
$fields[] = array('type' => 'color', 'setting' => 'header_font_color', 'label' => __('Navigation color', 'gently'), 'section' => 'header', 'default' => '#4c4d4e', 'priority' => 13, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '#primary-menu', 'function' => 'css', 'property' => 'color')));
$fields[] = array('type' => 'slider', 'setting' => 'header_font_size', 'label' => __('Navigation font size', 'gently'), 'section' => 'header', 'default' => 13, 'priority' => 14, 'transport' => 'postMessage', 'choices' => array('min' => 10, 'max' => 30, 'step' => 1));
/* Footer fields */
$fields[] = array('type' => 'color', 'setting' => 'footer_bg', 'label' => __('Footer background color', 'gently'), 'section' => 'footer', 'default' => '#ffffff', 'priority' => 10, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-footer', 'function' => 'css', 'property' => 'background-color')));
$fields[] = array('type' => 'color', 'setting' => 'footer_border', 'label' => __('Footer border color', 'gently'), 'section' => 'footer', 'default' => '#ffffff', 'priority' => 11, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-footer', 'function' => 'css', 'property' => 'border-color')));
$fields[] = array('type' => 'textarea', 'setting' => 'footer_text', 'label' => __('Footer content', 'gently'), 'section' => 'footer', 'default' => '<a href="http://wordpress.org/">Proudly powered by WordPress</a><span class="sep"> | </span>Theme: Gently by <a href="http://muster-themes.net/" rel="designer">MusterThemes</a>.', 'priority' => 11);
/* Social media fields */
$fields[] = array('type' => 'sortable', 'setting' => 'share_buttons', 'label' => __('Share buttons', 'gently'), 'description' => __('Choose and reorder buttons.', 'gently'), 'help' => __('To turn on/off a service click on the eye icon. To reorder simply drag and drop.', 'gently'), 'section' => 'social', 'default' => array('facebook', 'twitter', 'google'), 'priority' => 10, 'choices' => array('facebook' => __('Facebook', 'gently'), 'twitter' => __('Twitter', 'gently'), 'google' => __('Google+', 'gently'), 'reddit' => __('Reddit', 'gently'), 'linkedin' => __('LinkedIn', 'gently'), 'stumbleupon' => __('StumbleUpon', 'gently'), 'pinterest' => __('Pinterest', 'gently')));
$fields[] = array('type' => 'textarea', 'setting' => 'social_links', 'label' => __('Top bar social icons', 'gently'), 'description' => __('Enter each link in new line', 'gently'), 'section' => 'social', 'default' => '', 'priority' => 11);
/* Header image fields */
$fields[] = array('type' => 'slider', 'setting' => 'header_image_height', 'label' => __('Header image height', 'gently'), 'section' => 'header_image', 'default' => 150, 'priority' => 70, 'transport' => 'postMessage', 'choices' => array('min' => 50, 'max' => 500, 'step' => 1));
/* Newsletter fields */
$fields[] = array('type' => 'checkbox', 'setting' => 'newsletter_use', 'label' => __('Display newsletter under each post', 'gently'), 'section' => 'newsletter', 'default' => true, 'priority' => 10);
$fields[] = array('type' => 'color', 'setting' => 'newsletter_bg', 'label' => __('Newsletter background color', 'gently'), 'section' => 'newsletter', 'default' => '#F7F8F9', 'priority' => 20, 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'div.mc4wp-form', 'function' => 'css', 'property' => 'background-color')));
$fields[] = array('type' => 'color', 'setting' => 'newsletter_border', 'label' => __('Newsletter border color', 'gently'), 'section' => 'newsletter', 'default' => '#DDE2E6', 'priority' => 21, 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'div.mc4wp-form', 'function' => 'css', 'property' => 'border-color')));
return $fields;
}
<?php
/**
* Button Style
* ============
*/
$section = 'button_style';
$priority = 1;
Kirki::add_field('tm-polygon', array('type' => 'select2', 'setting' => 'button_style_font_family', 'label' => esc_html__('Font Family', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_PRIMARY_FONT, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.btn, button, input[type=submit], input[type=reset], input[type=button]', 'property' => 'font-family')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'button_style_font_size', 'label' => esc_html__('Font Size', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 12, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.btn, button, input[type=submit], input[type=reset], input[type=button]', 'property' => 'font-size', 'units' => 'px')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'button_style_font_weight', 'label' => esc_html__('Font Weight', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 900, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.btn, button, input[type=submit], input[type=reset], input[type=button]', 'property' => 'font-weight')));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'button_style_link_color', 'label' => esc_html__('Link Color', 'tm-polygon'), 'description' => esc_html__('Link Color', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_PRIMARY_COLOR, 'transport' => 'postMessage', 'output' => array('element' => '.btn, a.btn:visited, button, input[type=submit], input[type=reset], input[type=button]', 'property' => 'color')));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'button_style_link_color_hover', 'description' => esc_html__('Link Color on hover', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_SECONDARY_COLOR, 'output' => array('element' => '.btn:hover, a.btn:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover', 'property' => 'color')));
<?php
/**
* Post Style
* =========
*/
$section = 'post_style';
$priority = 1;
Kirki::add_field('tm-polygon', array('type' => 'custom', 'setting' => 'post_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => esc_html__('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'tm-polygon'), 'default' => '<div class="group_title">Title</div>'));
Kirki::add_field('tm-polygon', array('type' => 'select2', 'setting' => 'post_style_heading_font_family', 'label' => esc_html__('Font Family', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_PRIMARY_FONT, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'font-family')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'post_style_heading_font_weight', 'label' => esc_html__('Font Weight', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'font-weight')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'post_style_heading_letter_spacing', 'label' => esc_html__('Letter Spacing', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 0.3, 'transport' => 'postMessage', 'choices' => array('min' => -1, 'max' => 1, 'step' => 0.05), 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'letter-spacing', 'units' => 'em')));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'post_style_heading_font_color', 'label' => esc_html__('Font Color', 'tm-polygon'), 'help' => esc_html__('This is some extra help text.', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => '#fff', 'transport' => 'postMessage', 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'color')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'post_style_heading_font_size', 'label' => esc_html__('Font Size', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 24, 'choices' => array('min' => 15, 'max' => 100, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'font-size', 'units' => 'px')));
/**
* Maera Restaurant Typography Settings
* @since 1.0.0
* @param [type] $controls [description]
* @return [type] [description]
*/
function maera_res_typography_settings($controls)
{
$controls[] = array('type' => 'select', 'settings' => 'content_font', 'label' => __('Content Font', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 'Open Sans', 'priority' => 1, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body', 'property' => 'font-family'));
$controls[] = array('type' => 'multicheck', 'setting' => 'content_font_subsets', 'label' => __('Font subsets', 'maera-restaurant'), 'description' => __('The subsets used from Google\'s API.', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 'all', 'priority' => 2, 'choices' => Kirki_Fonts::get_google_font_subsets(), 'output' => array('element' => 'body', 'property' => 'font-subset'));
$controls[] = array('type' => 'color', 'settings' => 'content_font_color', 'label' => __('Content Font Color', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => '#333333', 'priority' => 3, 'required' => array(array('setting' => 'color_pal', 'operator' => '==', 'value' => 0)), 'output' => array('element' => 'body p', 'property' => 'color'));
$controls[] = array('type' => 'slider', 'settings' => 'content_font_size', 'label' => __('Content Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 14, 'priority' => 4, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'body p', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'content_font_weight', 'label' => __('Content Font Weight', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 300, 'priority' => 5, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'p', 'property' => 'font-weight'));
$controls[] = array('type' => 'slider', 'settings' => 'navbar_font_size', 'label' => __('Navbar Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 14, 'priority' => 6, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array(array('element' => '.navbar-default .navbar-nav > li > a', 'property' => 'font-size', 'units' => 'px'), array('element' => '.dropdown-menu > li > a', 'property' => 'font-size', 'units' => 'px')));
$controls[] = array('type' => 'slider', 'settings' => 'navbar_font_weight', 'label' => __('Navbar Font Weight', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 300, 'priority' => 7, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.navbar-default .navbar-nav > li > a', 'property' => 'font-weight'));
$controls[] = array('type' => 'select', 'settings' => 'headers_font', 'label' => __('Header Fonts', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 'Open Sans', 'priority' => 8, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'h1,h2,h3,h4,h5,h6', 'property' => 'font-family'));
$controls[] = array('type' => 'color', 'settings' => 'headers_font_color', 'label' => __('Header Font Color', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => '#333333', 'priority' => 9, 'required' => array(array('setting' => 'color_pal', 'operator' => '==', 'value' => 0)), 'output' => array('element' => 'h1,h2,h3,h4,h5,h6', 'property' => 'color'));
$controls[] = array('type' => 'slider', 'settings' => 'h1_font_size', 'label' => __('H1 Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 22, 'priority' => 10, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'h1', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'h2_font_size', 'label' => __('H2 Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 20, 'priority' => 11, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'h2', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'h3_font_size', 'label' => __('H3 Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 18, 'priority' => 12, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'h3', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'h4_font_size', 'label' => __('H4 Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 16, 'priority' => 13, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'h4', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'h5_font_size', 'label' => __('H5 Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 14, 'priority' => 14, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'h5', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'h6_font_size', 'label' => __('H6 Font Size (px)', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 12, 'priority' => 15, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'h6', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'header_font_weight', 'label' => __('Headers Font Weight', 'maera-restaurant'), 'section' => 'maera_res_typography', 'default' => 600, 'priority' => 16, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'h1,h2,h3,h4,h5,h6', 'property' => 'font-weight'));
return $controls;
}
<?php
/**
* Button Style
* ============
*/
$section = 'button_style';
$priority = 1;
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'button_style_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.cart_list .wc-forward,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.eg-infinity-features-element-26,.btn,.wpcf7-submit', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'button_style_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 13, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.cart_list .wc-forward,.woocommerce .cart .button, .woocommerce .cart input.button,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.btn', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => '.btn', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'button_style_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.cart_list .wc-forward,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.btn', 'property' => 'font-weight'), 'js_vars' => array(array('element' => '.btn', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'button_style_link_color', 'label' => __('Link Color', 'infinity'), 'description' => __('Link Color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array('element' => '.cart_list a.wc-forward,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.eg-infinity-features-element-26 span,.btn span', 'property' => 'color'), 'js_vars' => array(array('element' => '.eg-infinity-features-element-26 span,.btn span', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'button_style_link_color_hover', 'description' => __('Link Color on hover', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'output' => array('element' => '.cart_list a.wc-forward:hover,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.eg-infinity-features-element-26::before,.btn::before', 'property' => 'color'), 'js_vars' => array(array('element' => '.btn::before', 'function' => 'css', 'property' => 'color'))));
<?php
/**
* Post Style
* =========
*/
$section = 'post_style';
$priority = 1;
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'post_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Title</div>'));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'post_style_heading_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'post_style_heading_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 700, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'font-weight'), 'js_vars' => array(array('element' => '.big-title--single .entry-title', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'post_style_heading_letter_spacing', 'label' => __('Letter Spacing', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 0, 'transport' => 'postMessage', 'choices' => array('min' => -1, 'max' => 1, 'step' => 0.05), 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'letter-spacing', 'units' => 'em'), 'js_vars' => array(array('element' => '.big-title--single .entry-title', 'function' => 'css', 'property' => 'letter-spacing', 'units' => 'em'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'post_style_heading_font_color', 'label' => __('Font Color', 'kirki'), 'help' => __('This is some extra help text.', 'kirki'), 'section' => $section, 'priority' => $priority++, 'default' => '#111111', 'transport' => 'postMessage', 'output' => array(array('element' => '.big-title--single .entry-title', 'property' => 'color')), 'js_vars' => array(array('element' => '.big-title--single .entry-title', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'post_style_heading_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 35, 'choices' => array('min' => 15, 'max' => 100, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.big-title--single .entry-title', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => '.big-title--single .entry-title', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
* LAYOUT SECTION & OPTIONS
******************************/
Kirki::add_section('layout', array('title' => __('Layout', 'daphnee'), 'description' => __('Configure your layout options', 'daphnee'), 'priority' => 10));
Kirki::add_field('daphnee', array('type' => 'radio-image', 'settings' => 'layout', 'label' => __('Layout', 'daphnee'), 'section' => 'layout', 'default' => '', 'priority' => 10, 'choices' => array('full-screen' => trailingslashit(get_template_directory_uri()) . 'inc/kirki/assets/images/1c.png', 'left-sidebar' => trailingslashit(get_template_directory_uri()) . 'inc/kirki/assets/images/2cl.png', 'right-sidebar' => trailingslashit(get_template_directory_uri()) . 'inc/kirki/assets/images/2cr.png')));
Kirki::add_field('daphnee', array('type' => 'slider', 'settings' => 'site_max_width', 'label' => __('Max Width', 'daphnee'), 'description' => __('Select the max-width for the main content area.', 'daphnee'), 'section' => 'layout', 'default' => 1020, 'priority' => 15, 'choices' => array('min' => 420, 'max' => 1600, 'step' => 1), 'output' => array(array('element' => '#content.row, #masthead .row', 'property' => 'max-width', 'units' => 'px')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => '#content.row, #masthead .row', 'function' => 'css', 'property' => 'max-width', 'units' => 'px'))));
Kirki::add_field('daphnee', array('type' => 'radio-buttonset', 'settings' => 'sidebar_width', 'label' => __('Sidebar Width (1-12 columns)', 'daphnee'), 'section' => 'layout', 'default' => '4', 'priority' => 10, 'choices' => array('3' => __('Narrow', 'daphnee'), '4' => __('Default', 'daphnee'), '5' => __('Wide', 'daphnee')), 'required' => array(array('setting' => 'layout', 'operator' => '!=', 'value' => 'full-screen'))));
/*******************************
* TYPOGRAPHY PANEL, SECTION & OPTIONS
******************************/
Kirki::add_panel('typography', array('priority' => 11, 'title' => __('Typography', 'daphnee'), 'description' => __('Typography options for this site', 'daphnee')));
Kirki::add_section('typography_base', array('title' => __('Base Typography', 'daphnee'), 'description' => __('Edit the global typography options for your site', 'dephnee'), 'panel' => 'typography'));
Kirki::add_section('typography_headers', array('title' => __('Headers Typography', 'daphnee'), 'description' => __('Edit the headers typography options for your site', 'dephnee'), 'panel' => 'typography'));
Kirki::add_field('daphnee', array('type' => 'slider', 'settings' => 'base_font_size', 'label' => __('Font Size', 'daphnee'), 'description' => __('Select the base font-size for your site. (The value below is in em\'s)', 'dephnee'), 'section' => 'typography_base', 'default' => 1, 'priority' => 1, 'choices' => array('min' => 0.6, 'max' => 3, 'step' => 0.01), 'output' => array(array('element' => 'body #primary, header#masthead', 'property' => 'font-size', 'units' => 'em')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body #primary, header#masthead', 'function' => 'css', 'property' => 'font-size', 'units' => 'em'))));
Kirki::add_field('daphnee', array('type' => 'slider', 'settings' => 'base_font_size_side', 'label' => __('Sidebar Base Font Size', 'daphnee'), 'description' => __('Select the base font-size for your site. (The value below is in em\'s)', 'dephnee'), 'section' => 'typography_base', 'default' => 0.9, 'priority' => 1, 'choices' => array('min' => 0.6, 'max' => 3, 'step' => 0.01), 'output' => array(array('element' => 'body #secondary', 'property' => 'font-size', 'units' => 'em')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body #secondary', 'function' => 'css', 'property' => 'font-size', 'units' => 'em'))));
Kirki::add_field('daphnee', array('type' => 'select2', 'settings' => 'base_font_family', 'label' => __('Font Family', 'daphnee'), 'section' => 'typography_base', 'default' => 'Roboto', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body', 'property' => 'font-family')));
Kirki::add_field('daphnee', array('type' => 'multicheck', 'settings' => 'base_font_subsets', 'label' => __('Google-Font subsets', 'daphnee'), 'description' => __('The subsets used from Google\'s API.', 'daphnee'), 'section' => 'typography_base', 'default' => 'all', 'priority' => 22, 'choices' => Kirki_Fonts::get_google_font_subsets(), 'output' => array(array('element' => 'body', 'property' => 'font-subset'))));
Kirki::add_field('daphnee', array('type' => 'slider', 'settings' => 'base_typography_font_weight', 'label' => __('Font Weight', 'daphnee'), 'section' => 'typography_base', 'default' => 300, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => 'body', 'property' => 'font-weight'))));
Kirki::add_field('daphnee', array('type' => 'slider', 'settings' => 'headers_font_size', 'label' => __('Font Size', 'daphnee'), 'description' => __('Select the base font-size for your site. This is the font-size of <h4> elements. The others are automatically calculated based on this value (the value below is in em\'s)', 'dephnee'), 'section' => 'typography_headers', 'default' => 1, 'priority' => 1, 'choices' => array('min' => 0.6, 'max' => 3, 'step' => 0.01), 'output' => array(array('element' => 'h1', 'property' => 'font-size', 'units' => 'em', 'sanitize_callback' => array('Daphnee_Customizer', 'h1_sanitize_size')), array('element' => 'h2', 'property' => 'font-size', 'units' => 'em', 'sanitize_callback' => array('Daphnee_Customizer', 'h2_sanitize_size')), array('element' => 'h3', 'property' => 'font-size', 'units' => 'em', 'sanitize_callback' => array('Daphnee_Customizer', 'h3_sanitize_size')), array('element' => 'h4', 'property' => 'font-size', 'units' => 'em', 'sanitize_callback' => array('Daphnee_Customizer', 'h4_sanitize_size')), array('element' => 'h5', 'property' => 'font-size', 'units' => 'em', 'sanitize_callback' => array('Daphnee_Customizer', 'h5_sanitize_size')), array('element' => 'h6', 'property' => 'font-size', 'units' => 'em', 'sanitize_callback' => array('Daphnee_Customizer', 'h6_sanitize_size')))));
if (!Daphnee()->is_plus) {
Kirki::add_field('daphnee', array('type' => 'custom', 'settings' => 'headers_typography_plus', 'label' => '', 'section' => 'typography_headers', 'default' => Daphnee_Customizer::update_info_wrapper(__('Plus Options', 'daphnee'), __('Get extra options for headers typography: Font family, separate font-size & font-weight per header (h1, h2, h3, h4, h5 & h6)', 'daphnee')), 'priority' => 99));
}
/*******************************
* COLORS
******************************/
Kirki::add_field('daphnee', array('type' => 'color', 'settings' => 'links_color', 'label' => __('Links Color', 'daphnee'), 'description' => __('Select the main color for your site\\s links', 'daphnee'), 'default' => '#00BCD4', 'section' => 'colors', 'output' => array(array('element' => 'a, a:visited, a:hover', 'property' => 'color')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'a, a:visited, a:hover', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('daphnee', array('type' => 'color', 'settings' => 'buttons_color', 'label' => __('Buttons Color', 'daphnee'), 'description' => __('Select the main color for buttons', 'daphnee'), 'default' => '#C2185B', 'section' => 'colors', 'output' => array(array('element' => 'button, input[type="button"], input[type="reset"], input[type="submit"]', 'property' => 'background-color'), array('element' => 'button, input[type="button"], input[type="reset"], input[type="submit"]', 'property' => 'color', 'sanitize_callback' => array('Daphnee_Customizer', 'max_readability')))));
Kirki::add_field('daphnee', array('type' => 'color-alpha', 'settings' => 'menu_color', 'label' => __('Menu Color', 'daphnee'), 'description' => __('Select the menu color', 'daphnee'), 'default' => '#000000', 'section' => 'colors', 'output' => array(array('element' => 'button.menu-toggle', 'property' => 'background-color'), array('element' => 'button.menu-toggle .dashicons', 'property' => 'color', 'sanitize_callback' => array('Daphnee_Customizer', 'max_readability')), array('element' => '#site-navigation.main-navigation', 'property' => 'background-color'), array('element' => '#site-navigation.main-navigation a', 'property' => 'color', 'sanitize_callback' => array('Daphnee_Customizer', 'max_readability')))));
/*******************************
* HEADER SECTION & OPTIONS
******************************/
Kirki::add_section('header', array('title' => __('Header', 'daphnee'), 'description' => __('Configure your header options'), 'priority' => 40));
<?php
/**
* TYPOGRAPHY / FONTS
*/
Kirki::add_field('fb', array('type' => 'select', 'setting' => 'typography_base_font_family', 'label' => __('Base Font Family', 'flatbook'), 'section' => 'typography_fonts', 'default' => 'Lato', 'priority' => 10, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body', 'property' => 'font-family'), 'transport' => 'postMessage', 'js_vars' => array('element' => 'body', 'function' => 'css', 'property' => 'font-family')));
Kirki::add_field('fb', array('type' => 'select', 'setting' => 'typography_headings_font_family', 'label' => __('Headings Font Family', 'flatbook'), 'section' => 'typography_fonts', 'default' => 'Roboto Slab', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'h1, h2, h3, h4, h5, h6, .h1, section .section-header .section-title, .section .section-header .section-title, .counter-item .counter-value, .tablet-menu .title, .countdown-time, .h2, .h3, .h4, .h5, .h6, .footer-widgets .widget-title, .btn', 'property' => 'font-family'), 'transport' => 'postMessage', 'js_vars' => array('element' => 'h1, h2, h3, h4, h5, h6, .h1, section .section-header .section-title, .section .section-header .section-title, .counter-item .counter-value, .tablet-menu .title, .countdown-time, .h2, .h3, .h4, .h5, .h6, .footer-widgets .widget-title, .btn', 'function' => 'css', 'property' => 'font-family')));
Kirki::add_field('fb', array('type' => 'select', 'setting' => 'typography_blockquotes_font_family', 'label' => __('Quotes Font Family', 'flatbook'), 'section' => 'typography_fonts', 'default' => 'Georgia', 'priority' => 30, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'blockquote', 'property' => 'font-family'), 'transport' => 'postMessage', 'js_vars' => array('element' => 'blockquote', 'function' => 'css', 'property' => 'font-family')));
/*
Kirki::add_field('fb', array(
'type' => 'multicheck',
'settings' => 'typography_font_subsets',
'label' => __('Font Subsets', 'flatbook') ,
'section' => 'typography_fonts',
'default' => 'latin',
'priority' => 40,
'choices' => Kirki_Fonts::get_google_font_subsets() ,
'output' => array(
'element' => 'body',
'property' => 'font-subset'
)
));
*/
/**
* TYPOGRAPHY / GLOBAL
*/
Kirki::add_field('fb', array('type' => 'custom', 'settings' => 'typography_global_title_1', 'section' => 'typography_global', 'default' => '<h3>' . __('Body', 'flatbook') . '</h3>', 'priority' => 5));
Kirki::add_field('fb', array('type' => 'slider', 'setting' => 'global_font_size', 'label' => __('Font Size', 'flatbook'), 'section' => 'typography_global', 'default' => 16, 'priority' => 10, 'choices' => array('min' => 10, 'max' => 20, 'step' => 1), 'output' => array('element' => 'body', 'property' => 'font-size', 'units' => 'px'), 'transport' => 'postMessage', 'js_vars' => array('element' => 'body', 'function' => 'css', 'property' => 'font-size', 'units' => 'px')));
Kirki::add_field('fb', array('type' => 'slider', 'setting' => 'global_letter_spacing', 'label' => __('Letter Spacing', 'flatbook'), 'section' => 'typography_global', 'default' => 0, 'priority' => 15, 'choices' => array('min' => -5, 'max' => 5, 'step' => 0.5), 'output' => array('element' => 'body', 'property' => 'letter-spacing', 'units' => 'px'), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'letter-spacing', 'units' => 'px'))));
Kirki::add_field('fb', array('type' => 'slider', 'setting' => 'global_line_height', 'label' => __('Line Height', 'flatbook'), 'section' => 'typography_global', 'default' => 1.8, 'priority' => 20, 'choices' => array('min' => 0, 'max' => 5, 'step' => 0.1), 'output' => array('element' => 'body', 'property' => 'line-height', 'units' => 'em'), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'line-height', 'units' => 'em'))));
Kirki::add_field('fb', array('type' => 'select', 'settings' => 'global_font_weight', 'label' => __('Font Weight', 'flatbook'), 'section' => 'typography_global', 'default' => '400', 'priority' => 25, 'choices' => array('lighter' => __('Light', 'flatbook'), '400' => __('Normal', 'flatbook'), '700' => __('Bold', 'flatbook')), 'output' => array('element' => 'body', 'property' => 'font-weight'), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-weight'))));
<?php
/**
* Top Area Style
* ============
*/
$section = 'top_style';
$priority = 1;
Kirki::add_field('tm-polygon', array('type' => 'custom', 'setting' => 'top_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => esc_html__('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'tm-polygon'), 'default' => '<div class="group_title">Icon</div>'));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'top_style_icon_font_size', 'label' => esc_html__('Font Size', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 18, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.site-top .top-has-link *[class*="pe-7s"], .site-top .fa', 'property' => 'font-size', 'units' => 'px'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'top_style_icon_color', 'description' => esc_html__('Icon color', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => '#1573D1', 'output' => array('element' => '.site-top .top-has-link *[class*="pe-7s"], .site-top .fa', 'property' => 'color'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'custom', 'setting' => 'top_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => esc_html__('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'tm-polygon'), 'default' => '<div class="group_title">Text</div>'));
Kirki::add_field('tm-polygon', array('type' => 'select2', 'setting' => 'top_style_font_family', 'label' => esc_html__('Font Family', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_PRIMARY_FONT, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.site-top', 'property' => 'font-family')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'top_style_font_size', 'label' => esc_html__('Font Size', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 15, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.site-top .top-has-link', 'property' => 'font-size', 'units' => 'px')));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'top_style_font_weight', 'label' => esc_html__('Font Weight', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.site-top .top-has-link', 'property' => 'font-weight')));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'top_style_font_color', 'label' => esc_html__('Font Color', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => '#999', 'transport' => 'postMessage', 'output' => array('element' => '.site-top .top-has-link', 'property' => 'color')));
Kirki::add_field('tm-polygon', array('type' => 'custom', 'setting' => 'top_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'default' => '<div class="group_title">Link</div>', 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'select2', 'setting' => 'top_style_link_font_family', 'label' => esc_html__('Font Family', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_PRIMARY_FONT, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.site-top .top-has-link a', 'property' => 'font-family'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'top_style_link_font_size', 'label' => esc_html__('Font Size', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 16, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.site-top .top-has-link a', 'property' => 'font-size', 'units' => 'px'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'slider', 'setting' => 'top_style_link_font_weight', 'label' => esc_html__('Font Weight', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.site-top .top-has-link a', 'property' => 'font-weight'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'top_style_link_font_color', 'label' => esc_html__('Link Color', 'tm-polygon'), 'description' => esc_html__('Link Color', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => '#fff', 'transport' => 'postMessage', 'output' => array('element' => '.site-top .top-has-link a', 'property' => 'color'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('tm-polygon', array('type' => 'color', 'setting' => 'top_style_link_font_color_hover', 'description' => esc_html__('Link color on hover', 'tm-polygon'), 'section' => $section, 'priority' => $priority++, 'default' => TM_POLYGON_PRIMARY_COLOR, 'output' => array('element' => '.site-top .top-has-link a:hover', 'property' => 'color'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
// 'property' => 'font-weight',
// ),
// )
//));
//
//Kirki::add_field('infinity', array(
// 'type' => 'color',
// 'setting' => 'top_style_font_color',
// 'label' => __('Font Color', 'infinity'),
// 'section' => $section,
// 'priority' => $priority++,
// 'default' => '#000',
// 'transport' => 'postMessage',
// 'output' => array(
// 'element' => '.site-top',
// 'property' => 'color',
// ),
// 'js_vars' => array(
// array(
// 'element' => '.site-top',
// 'function' => 'css',
// 'property' => 'color',
// ),
// )
//));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'top_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'default' => '<div class="group_title">Link</div>', 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'top_style_link_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Open Sans', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.site-top a', 'property' => 'font-family'), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'top_style_link_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 14, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.site-top a', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => '.site-top a', 'function' => 'css', 'property' => 'font-size', 'units' => 'px')), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'top_style_link_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.site-top a', 'property' => 'font-weight'), 'js_vars' => array(array('element' => '.site-top a', 'function' => 'css', 'property' => 'font-weight')), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'top_style_link_font_color', 'label' => __('Link Color', 'infinity'), 'description' => __('Link Color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#777777', 'transport' => 'postMessage', 'output' => array('element' => '.site-top a', 'property' => 'color'), 'js_vars' => array(array('element' => '.site-top a', 'function' => 'css', 'property' => 'color')), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'top_style_link_font_color_hover', 'description' => __('Link color on hover', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => primary_color, 'output' => array('element' => '.site-top a:hover', 'property' => 'color'), 'js_vars' => array(array('element' => '.site-top a:hover', 'function' => 'css', 'property' => 'color')), 'required' => array(array('setting' => 'top_layout_enable', 'operator' => '==', 'value' => 1))));
<?php
/**
* Site Style
* =========
*/
$section = 'site_style';
$priority = 1;
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'site_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Body</div>'));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'site_style_body_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Open Sans', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_body_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'body', 'property' => 'font-weight'), 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_body_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 14, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => 'body', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'site_style_body_text', 'label' => __('Font Color', 'infinity'), 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#000', 'transport' => 'postMessage', 'output' => array(array('element' => 'body', 'property' => 'color')), 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'site_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Heading</div>'));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'site_style_heading_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.vc_label,.tp-caption.a1,.t1,.woocommerce div.product p.price del, .woocommerce div.product span.price del,.woocommerce ul.products li.product .price,.widget_products,.eg-infinity-members-element-0,.wpb_widgetised_column .better-menu-widget ul li, .sidebar .better-menu-widget ul li,.pagination span, .pagination a,.hentry .read-more,.post-thumb .date,.thememove_testimonials .author span:first-child,.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,.recent-posts__item a,.eg-infinity-features-element-0,h1,h2,h3,h4,h5,h6', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_heading_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 700, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'h1,h2,h3,h4,h5,h6', 'property' => 'font-weight'), 'js_vars' => array(array('element' => 'h1,h2,h3,h4,h5,h6', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_heading_letter_spacing', 'label' => __('Letter Spacing', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 0.05, 'transport' => 'postMessage', 'choices' => array('min' => -1, 'max' => 1, 'step' => 0.05), 'output' => array('element' => '.sidebar .better-menu-widget ul li,.wpb_widgetised_column .better-menu-widget ul li,h1,h2,h3,h4,h5,h6,.eg-infinity-features-element-0', 'property' => 'letter-spacing', 'units' => 'em'), 'js_vars' => array(array('element' => 'h1,h2,h3,h4,h5,h6,.eg-infinity-features-element-0', 'function' => 'css', 'property' => 'letter-spacing', 'units' => 'em'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'site_style_heading_font_color', 'label' => __('Font Color', 'kirki'), 'help' => __('This is some extra help text.', 'kirki'), 'section' => $section, 'priority' => $priority++, 'default' => '#111', 'transport' => 'postMessage', 'output' => array(array('element' => 'h1, h2, h3, h4', 'property' => 'color')), 'js_vars' => array(array('element' => 'h1, h2, h3, h4', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'site_style_hr_' . $priority++, 'section' => $section, 'priority' => $priority++, 'default' => '<hr />'));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_heading_h1_font_size', 'label' => __('H1 Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 28, 'choices' => array('min' => 15, 'max' => 100, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => 'h1', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => 'h1', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_heading_h2_font_size', 'label' => __('H2 Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 24, 'choices' => array('min' => 10, 'max' => 90, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => 'h2', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => 'h2', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_heading_h3_font_size', 'label' => __('H3 Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 20, 'choices' => array('min' => 10, 'max' => 80, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => 'h3', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => 'h3', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'site_style_heading_h4_font_size', 'label' => __('H4 Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 16, 'choices' => array('min' => 10, 'max' => 70, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => 'h4', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => 'h4', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
function skin_demo_fields($fields)
{
// 1. Site Identity
// 1.1 Logo Uploader Field
$fields[] = array('settings' => 'header_logo', 'label' => __('Add a image for Header Logo, demo uses 193px*61px', 'skin'), 'section' => 'title_tagline', 'type' => 'image', 'priority' => 1, 'default' => '');
// 1.2, 1.3 and 1.4 settings are added by default by WordPress
// 2. Header
// 2.1 Header Style to select the header
$fields[] = array('type' => 'radio-image', 'settings' => 'header_style_selector', 'label' => __('Header Style Selector.', 'skin'), 'description' => __('Click one of the below images to change the style of the Header area.', 'skin'), 'section' => 'header_style', 'default' => 'skin_1', 'priority' => 10, 'choices' => array('skin_1' => get_template_directory_uri() . '/images/header-one.png', 'skin_2' => get_template_directory_uri() . '/images/header-two.png', 'skin_3' => get_template_directory_uri() . '/images/header-three.png', 'skin_4' => get_template_directory_uri() . '/images/header-four.png'));
// 3. Featured Area
// 3.1 Featured Area On Off
$fields[] = array('type' => 'toggle', 'settings' => 'home_switch_new', 'label' => __('Featured Area On-Off', 'skin'), 'description' => __('To turn on-off featured area site wide.', 'skin'), 'section' => 'featured_style', 'default' => '1');
// 3.2 Featured Area Category Selector
$fields[] = array('settings' => 'skin_featured_categories', 'description' => __('Select Category(ies) for the top panel of Home page. ( Make sure the category contains at least 3 posts )', 'skin'), 'label' => __('Home Top Category', 'skin'), 'section' => 'featured_style', 'type' => 'select', 'choices' => get_all_categories_list());
// 3.3 Change Text written to top of Featured Area.
$fields[] = array('type' => 'text', 'label' => __('"Featured" Text', 'skin'), 'default' => 'Featured', 'section' => 'featured_style', 'settings' => 'skin_featured_text', 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.featured_area .featured_label', 'function' => 'html', 'property' => 'text')));
// 3.4 Change the style of Featured Area.
$fields[] = array('type' => 'radio-image', 'settings' => 'featured_style_selector', 'label' => __('Featured Style Selector.', 'skin'), 'description' => __('Click one of the below images to change the style of the Featured area.', 'skin'), 'section' => 'featured_style', 'default' => 'skin_1', 'priority' => 10, 'choices' => array('skin_1' => get_template_directory_uri() . '/images/featured-one.png', 'skin_2' => get_template_directory_uri() . '/images/featured-two.png'));
// 4. Post Area
// 4.1 Change the style of Post Area.
$fields[] = array('type' => 'radio-image', 'settings' => 'post_area_style_selector', 'label' => __('Post Area on Homepage Style Selector.', 'skin'), 'description' => __('Click one of the below images to change the style of the Post Area on Homepage area.', 'skin'), 'section' => 'post_area_style', 'default' => 'skin_1', 'priority' => 10, 'choices' => array('skin_1' => get_template_directory_uri() . '/images/content-one.png', 'skin_2' => get_template_directory_uri() . '/images/content-two.png', 'skin_3' => get_template_directory_uri() . '/images/content-three.png'));
// 5. Footer
// 5.1 Change the style of Footer.
$fields[] = array('type' => 'radio-image', 'settings' => 'footer_style_selector', 'label' => __('Footer on Homepage Style Selector.', 'skin'), 'description' => __('Click one of the below images to change the style of the Footer on Homepage area.', 'skin'), 'section' => 'footer_style', 'default' => 'skin_1', 'priority' => 10, 'choices' => array('skin_1' => get_template_directory_uri() . '/images/footer-one.png'));
// 5.2 Setting to change Copyright text in the footer.
$fields[] = array('type' => 'text', 'settings' => 'footer_copyright', 'label' => __('Copyright text', 'skin'), 'default' => __('Copyright - Your Website Name', 'skin'), 'section' => 'footer_style', 'priority' => 12, 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.sub-footer .col-md-8 p', 'function' => 'html', 'property' => 'text')));
// 6. Single
// 6.1 Featured Area ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_single_featured', 'label' => __('Featured Image ON/OFF', 'skin'), 'section' => 'skin_singlepost', 'default' => '1', 'priority' => 10, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// 6.2 Social Sharing ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_single_social', 'label' => __('Social Sharing ON/OFF', 'skin'), 'section' => 'skin_singlepost', 'default' => '1', 'priority' => 15, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// 6.3 Author Area ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_single_author', 'label' => __('Author Area ON/OFF', 'skin'), 'section' => 'skin_singlepost', 'default' => '1', 'priority' => 16, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// 6.4 Related Posts ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_single_related', 'label' => __('Related Posts ON/OFF', 'skin'), 'section' => 'skin_singlepost', 'default' => '1', 'priority' => 20, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// 6.5 Show number of posts in Related Post Section
$fields[] = array('type' => 'slider', 'settings' => 'skin_single_related_count', 'label' => __('Number of Related Posts', 'skin'), 'section' => 'skin_singlepost', 'default' => 4, 'priority' => 25, 'choices' => array('min' => 4, 'max' => 20, 'step' => 2));
// 6.6 Latest Posts ON/OFF
// $fields[] = array(
// 'type' => 'switch',
// 'settings' => 'skin_single_latest',
// 'label' => __( 'Latest Posts ON/OFF', 'skin' ),
// 'section' => 'skin_singlepost',
// 'default' => '1',
// 'priority' => 30,
// 'choices' => array(
// 'on' => __( 'On', 'skin' ),
// 'off' => __( 'Off', 'skin' ),
// ),
// );
// 6.7 Show number of posts in Latest Post Section
// $fields[] = array(
// 'type' => 'slider',
// 'settings' => 'skin_single_latest_count',
// 'label' => __( 'Number of Latest Posts', 'skin' ),
// 'section' => 'skin_singlepost',
// 'default' => 4,
// 'priority' => 35,
// 'choices' => array(
// 'min' => 4,
// 'max' => 20,
// 'step' => 2,
// ),
// );
// 7. Social Icons
// Make Icon Square ON/OFF
$fields[] = array('type' => 'select', 'settings' => 'skin_icon_style', 'label' => __('Make Icons Style', 'skin'), 'section' => 'skin_social_icons', 'default' => 'icon_type_round', 'priority' => 0, 'choices' => array('icon_type_round' => __('Round', 'skin'), 'icon_type_square' => __('Square', 'skin'), 'icon_type_light' => __('Light', 'skin'), 'icon_type_dark' => __('Dark', 'skin')));
// Twitter ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_twitter_on_off', 'label' => __('Twitter ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '1', 'priority' => 1, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// Twitter Link
$fields[] = array('type' => 'text', 'label' => __('Twitter Link', 'skin'), 'default' => '#', 'priority' => 2, 'section' => 'skin_social_icons', 'settings' => 'skin_twitter_link');
// Facebook ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_facebook_on_off', 'label' => __('Facebook ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '1', 'priority' => 3, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// Facebook Link
$fields[] = array('type' => 'text', 'label' => __('Facebook Link', 'skin'), 'default' => '#', 'priority' => 4, 'section' => 'skin_social_icons', 'settings' => 'skin_facebook_link');
// Instagram ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_instagram_on_off', 'label' => __('Instagram ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '1', 'priority' => 5, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// Instagram Link
$fields[] = array('type' => 'text', 'label' => __('Instagram Link', 'skin'), 'default' => '#', 'priority' => 6, 'section' => 'skin_social_icons', 'settings' => 'skin_instagram_link');
// YouTube ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_youtube_on_off', 'label' => __('YouTube ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '1', 'priority' => 7, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// YouTube Link
$fields[] = array('type' => 'text', 'label' => __('YouTube Link', 'skin'), 'default' => '#', 'priority' => 8, 'section' => 'skin_social_icons', 'settings' => 'skin_youtube_link');
// LinkedIn ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_linkedin_on_off', 'label' => __('LinkedIn ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '0', 'priority' => 9, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// LinkedIn Link
$fields[] = array('type' => 'text', 'label' => __('LinkedIn Link', 'skin'), 'default' => '#', 'priority' => 10, 'section' => 'skin_social_icons', 'settings' => 'skin_linkedin_link');
// Pinterest ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_pinterest_on_off', 'label' => __('Pinterest ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '0', 'priority' => 11, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// Pinterest Link
$fields[] = array('type' => 'text', 'label' => __('Pinterest Link', 'skin'), 'default' => '#', 'priority' => 12, 'section' => 'skin_social_icons', 'settings' => 'skin_pinterest_link');
// GooglePlus ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_google_plus_on_off', 'label' => __('GooglePlus ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '0', 'priority' => 13, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// GooglePlus Link
$fields[] = array('type' => 'text', 'label' => __('GooglePlus Link', 'skin'), 'default' => '#', 'priority' => 14, 'section' => 'skin_social_icons', 'settings' => 'skin_google_plus_link');
// Tumblr ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_tumblr_on_off', 'label' => __('Tumblr ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '0', 'priority' => 15, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// Tumblr Link
$fields[] = array('type' => 'text', 'label' => __('Tumblr Link', 'skin'), 'default' => '#', 'priority' => 16, 'section' => 'skin_social_icons', 'settings' => 'skin_tumblr_link');
// Reddit ON/OFF
$fields[] = array('type' => 'switch', 'settings' => 'skin_reddit_on_off', 'label' => __('Reddit ON/OFF', 'skin'), 'section' => 'skin_social_icons', 'default' => '0', 'priority' => 19, 'choices' => array('on' => __('On', 'skin'), 'off' => __('Off', 'skin')));
// Reddit Link
$fields[] = array('type' => 'text', 'label' => __('Reddit Link', 'skin'), 'default' => '#', 'priority' => 20, 'section' => 'skin_social_icons', 'settings' => 'skin_reddit_link');
// 7. Color Settings
// 7.1 Background Color has been added by default by WordPress
// // 7.2 Homepage Top Category Post Title Color
// $fields[] = array(
// 'type' => 'color',
// 'setting' => 'skin_top_category_posttitle_color',
// 'label' => __( 'Global Color', 'skin' ),
// // 'description' => __( 'Global Color is ', 'skin' ),
// 'section' => 'colors',
// 'priority' => 10,
// 'default' => '#e53b2c',
// 'output' => array(
// array(
// 'element' => '.featured_label, .search-submit, .nav-links .current, .cat-wrapper li a, .single-content-holder .cat-no-featured a, .nav-links .page-numbers:hover, #submit, .reply a:hover',
// 'function' => 'style',
// 'property' => 'background'
// ),
// array(
// 'element' => 'a, .byline a, .edit-link a, .comments-holder:hover, .comments-holder:hover a, .sidebar-wrapper .widget li a:hover, .widget li a:hover, .comment-author .fn',
// 'function' => 'style',
// 'property' => 'color'
// ),
// ),
// 'transport' => 'postMessage',
// 'js_vars' => array(
// array(
// 'element' => '.featured_label, .search-submit, .nav-links .current, .cat-wrapper li a, .single-content-holder .cat-no-featured a, .nav-links .page-numbers:hover, #submit, .reply a:hover',
// 'function' => 'style',
// 'property' => 'background'
// ),
// array(
// 'element' => 'a, .byline a, .edit-link a, .comments-holder:hover, .comments-holder:hover a, .sidebar-wrapper .widget li a:hover, .widget li a:hover, .comment-author .fn',
// 'function' => 'style',
// 'property' => 'color'
// ),
// )
// );
// 8. Background Image added by WordPress by Default
// 9. Menus added by WordPress by Default
// 10. Widgets added by WordPress by Default
// 11. Extra Settings
// 11.1 Google Analytics area.
$fields[] = array('type' => 'code', 'settings' => 'google_analytics', 'label' => __('Enter the Google Analytics Code here.', 'skin'), 'description' => __('Here you can enter the Google Analytics code that you get from the analytics website..', 'skin'), 'section' => 'skin_extra_settings', 'default' => '', 'priority' => 2, 'choices' => array('language' => 'js', 'theme' => 'monokai', 'height' => 250));
// 11.2 Setting to add Custom CSS. This CSS will be pasted in Footer.
$fields[] = array('type' => 'code', 'settings' => 'custom_css', 'label' => __('Custom CSS', 'skin'), 'description' => __('Enter your custom CSS to edit live.', 'skin'), 'section' => 'skin_extra_settings', 'default' => '', 'priority' => 3, 'choices' => array('language' => 'css', 'theme' => 'monokai', 'height' => 250));
// 3. Typography
$fields[] = array('type' => 'select', 'setting' => 'skin_typography_heading_font_family', 'label' => __('Main Heading Fonts', 'skin'), 'description' => __('Please choose a typeface for headings.', 'skin'), 'section' => 'skin_typography_settings', 'default' => 'Roboto', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => '.blog_post h2', 'property' => 'font-family')), 'js_vars' => array(array('element' => '.blog_post h2', 'function' => 'css', 'property' => 'font-family')));
$fields[] = array('type' => 'slider', 'settings' => 'base_typography_font_size', 'label' => __('Font Size', 'skin'), 'section' => 'skin_typography_settings', 'default' => 22, 'priority' => 25, 'choices' => array('min' => 7, 'max' => 60, 'step' => 1), 'output' => array(array('element' => '.blog_post h2', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.blog_post h2', 'function' => 'css', 'property' => 'font-size', 'units' => 'px')));
return $fields;
}
function mytheme_kirki_fields($fields)
{
// $fields[] = array(
// 'type' => 'background',
// 'settings' => 'mt_header_background',
// 'label' => __( 'Choose your header background', 'kirki' ),
// 'description' => __( 'The header background you specify here will apply to the header area, including your menus and your branding.', 'kirki' ),
// 'section' => 'header_background',
// 'default' => array(
// 'color' => 'rgba(255,255,255,0.7)',
// 'image' => '',
// 'repeat' => 'no-repeat',
// 'size' => 'cover',
// 'attach' => 'fixed',
// 'position' => 'center-center',
// ),
// 'priority' => 10,
// 'output' => '#header'
// );
//header background
$fields[] = array('type' => 'image', 'settings' => 'mt_header_image', 'label' => __('Afbeelding Startpagina', 'kirki'), 'description' => __('Uitgelichte afbeelding bovenaan pagina', 'kirki'), 'help' => __('selecteer een afbeelding van minstens 1200x340, verhouding 7/2', 'kirki'), 'section' => 'header_image', 'priority' => 10);
$fields[] = array('type' => 'switch', 'settings' => 'mt_header_image_parallax_switch', 'label' => __('Parallax Effect', 'kirki'), 'section' => 'header_image', 'default' => '1', 'priority' => 8, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'mt_header_image_height', 'label' => __('Hoogte header afbeelding', 'kirki'), 'help' => __('Hoogte uitgedrukt in ´45vh´ voor de foto, 100vh is hoogte van browser venster', 'kirki'), 'default' => __('45vh', 'kirki'), 'section' => 'header_image', 'priority' => 9);
// header slogans
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_slogan_h1', 'label' => __('Site slogan h1', 'kirki'), 'help' => __('Uw Bron om een goede Marketing campagne te voeren', 'kirki'), 'default' => __('Uw <b>Bron</b> om een goede <b>marketing campagne</b> te voeren', 'kirki'), 'section' => 'header_slogan', 'priority' => 8);
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_slogan_p01', 'label' => __('Site subslogan 1', 'kirki'), 'help' => __('Leer ons kennen, waarschijnlijk kunnen wij u helpen.', 'kirki'), 'default' => __('Leer ons kennen, waarschijnlijk kunnen wij u helpen.', 'kirki'), 'section' => 'header_slogan', 'priority' => 8);
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_slogan_p02', 'label' => __('Site subslogan 2', 'kirki'), 'help' => __('Maak een afspraak nu 09-282 84 38', 'kirki'), 'default' => __('Maak een afspraak nu 09-282 84 38', 'kirki'), 'section' => 'header_slogan', 'priority' => 8);
// header url 1
$fields[] = array('type' => 'switch', 'settings' => 'mt_header_site_url01_switch', 'label' => __('Site url actief', 'kirki'), 'section' => 'header_site_url01', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'image', 'settings' => 'mt_header_site_url01_image', 'label' => __('Afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'header_site_url01', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url01_title', 'label' => __('Titel', 'kirki'), 'help' => __('Gifts & Textile', 'kirki'), 'default' => __('Gifts & Textile', 'kirki'), 'section' => 'header_site_url01', 'priority' => 6);
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_site_url01_text', 'label' => __('Tekst', 'kirki'), 'help' => __('Relatiegeschenken en promokledij, geef de uitstraling die uw bedrijf verdient.', 'kirki'), 'default' => __('Relatiegeschenken en promokledij, geef de uitstraling die uw bedrijf verdient.', 'kirki'), 'section' => 'header_site_url01', 'priority' => 7);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url01_url', 'label' => __('Url', 'kirki'), 'help' => __('Url naar pagina', 'kirki'), 'default' => __('', 'kirki'), 'section' => 'header_site_url01', 'priority' => 8);
// header url 2
$fields[] = array('type' => 'switch', 'settings' => 'mt_header_site_url02_switch', 'label' => __('Site url actief', 'kirki'), 'section' => 'header_site_url02', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'image', 'settings' => 'mt_header_site_url02_image', 'label' => __('Afbeelding', 'kirki'), 'help' => __('Burostore.be', 'kirki'), 'section' => 'header_site_url02', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url02_title', 'label' => __('Titel', 'kirki'), 'help' => __('Office Supplies', 'kirki'), 'default' => __('Office Supplies', 'kirki'), 'section' => 'header_site_url02', 'priority' => 6);
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_site_url02_text', 'label' => __('Tekst', 'kirki'), 'help' => __('Een volledige online burostore, nu binnen ieders handbereik. 24/7', 'kirki'), 'default' => __('Een volledige online burostore, nu binnen ieders handbereik. 24/7', 'kirki'), 'section' => 'header_site_url02', 'priority' => 7);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url02_url', 'label' => __('Url', 'kirki'), 'help' => __('Url naar pagina', 'kirki'), 'default' => __('', 'kirki'), 'section' => 'header_site_url02', 'priority' => 8);
// header url 3
$fields[] = array('type' => 'switch', 'settings' => 'mt_header_site_url03_switch', 'label' => __('Site url actief', 'kirki'), 'section' => 'header_site_url03', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'image', 'settings' => 'mt_header_site_url03_image', 'label' => __('Afbeelding', 'kirki'), 'help' => __('Polsbandshop.be', 'kirki'), 'section' => 'header_site_url03', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url03_title', 'label' => __('Titel', 'kirki'), 'help' => __('Party & Event Stuff', 'kirki'), 'default' => __('Party & Event Stuff', 'kirki'), 'section' => 'header_site_url03', 'priority' => 6);
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_site_url03_text', 'label' => __('Tekst', 'kirki'), 'help' => __('Controlebandjes en jetons voor een geslaagde fuif, party of festival.', 'kirki'), 'default' => __('Controlebandjes en jetons voor een geslaagde fuif, party of festival.', 'kirki'), 'section' => 'header_site_url03', 'priority' => 7);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url03_url', 'label' => __('Url', 'kirki'), 'help' => __('Url naar pagina', 'kirki'), 'default' => __('', 'kirki'), 'section' => 'header_site_url03', 'priority' => 8);
// header url 4
$fields[] = array('type' => 'switch', 'settings' => 'mt_header_site_url04_switch', 'label' => __('Site url actief', 'kirki'), 'section' => 'header_site_url04', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'image', 'settings' => 'mt_header_site_url04_image', 'label' => __('Afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'header_site_url04', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url04_title', 'label' => __('Titel', 'kirki'), 'help' => __('Graphic & Web', 'kirki'), 'default' => __('Graphic & Web', 'kirki'), 'section' => 'header_site_url04', 'priority' => 6);
$fields[] = array('type' => 'editor', 'settings' => 'mt_header_site_url04_text', 'label' => __('Tekst', 'kirki'), 'help' => __('Grafische ontwerpen, lay-out, grootformaatprint en web design.', 'kirki'), 'default' => __('Grafische ontwerpen, lay-out, grootformaatprint en web design.', 'kirki'), 'section' => 'header_site_url04', 'priority' => 7);
$fields[] = array('type' => 'text', 'settings' => 'mt_header_site_url04_url', 'label' => __('Url', 'kirki'), 'help' => __('Url naar pagina', 'kirki'), 'default' => __('', 'kirki'), 'section' => 'header_site_url04', 'priority' => 8);
//header sub pagina
$fields[] = array('type' => 'switch', 'settings' => 'header_sub_site_item_switch', 'label' => __('Header sub pagina', 'kirki'), 'section' => 'header_sub_site_item', 'default' => '0', 'priority' => 1, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'header_sub_site_item_pagina_id', 'label' => __('Pagina id', 'kirki'), 'help' => __('Pagina id', 'kirki'), 'default' => __('', 'kirki'), 'section' => 'header_sub_site_item', 'priority' => 2);
// slider 1
$fields[] = array('type' => 'switch', 'settings' => 'mt_slider_01_switch', 'label' => __('Slide 1 actief', 'kirki'), 'section' => 'slider_slides_01', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'color', 'settings' => 'mt_slider_01_color', 'label' => __('Tekstkleur', 'kirki'), 'help' => __('Kies een kleur voor de titel en omschrijving, standaard #ffffff', 'kirki'), 'section' => 'slider_slides_01', 'default' => '#FFFFFF', 'priority' => 6);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_01_title', 'label' => __('Slider Titel', 'kirki'), 'help' => __('Slider titel', 'kirki'), 'default' => __('Titel 01', 'kirki'), 'section' => 'slider_slides_01', 'priority' => 7);
$fields[] = array('type' => 'textarea', 'settings' => 'mt_slider_01_description', 'label' => __('Slider Omschrijving', 'kirki'), 'help' => __('Slider omscrijving', 'kirki'), 'default' => __('Omschrijving 01', 'kirki'), 'section' => 'slider_slides_01', 'priority' => 8);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_01_url', 'label' => __('Slider link', 'kirki'), 'help' => __('optioneel een url: Mares.be', 'kirki'), 'section' => 'slider_slides_01', 'priority' => 9);
$fields[] = array('type' => 'image', 'settings' => 'mt_slider_01_image', 'label' => __('Slider afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'slider_slides_01', 'priority' => 10);
// slider 2
$fields[] = array('type' => 'switch', 'settings' => 'mt_slider_02_switch', 'label' => __('Slide 2 actief', 'kirki'), 'section' => 'slider_slides_02', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'color', 'settings' => 'mt_slider_02_color', 'label' => __('Tekstkleur', 'kirki'), 'help' => __('Kies een kleur voor de titel en omschrijving, standaard #ffffff', 'kirki'), 'section' => 'slider_slides_02', 'default' => '#FFFFFF', 'priority' => 6);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_02_title', 'label' => __('Slider Titel', 'kirki'), 'help' => __('Slider titel', 'kirki'), 'default' => __('Titel 02', 'kirki'), 'section' => 'slider_slides_02', 'priority' => 7);
$fields[] = array('type' => 'textarea', 'settings' => 'mt_slider_02_description', 'label' => __('Slider Omschrijving', 'kirki'), 'help' => __('Slider omscrijving', 'kirki'), 'default' => __('Omschrijving 02', 'kirki'), 'section' => 'slider_slides_02', 'priority' => 8);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_02_url', 'label' => __('Slider link', 'kirki'), 'help' => __('optioneel een url: Mares.be', 'kirki'), 'section' => 'slider_slides_02', 'priority' => 9);
$fields[] = array('type' => 'image', 'settings' => 'mt_slider_02_image', 'label' => __('Slider afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'slider_slides_02', 'priority' => 10);
// slider 3
$fields[] = array('type' => 'switch', 'settings' => 'mt_slider_03_switch', 'label' => __('Slide 3 actief', 'kirki'), 'section' => 'slider_slides_03', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'color', 'settings' => 'mt_slider_03_color', 'label' => __('Tekstkleur', 'kirki'), 'help' => __('Kies een kleur voor de titel en omschrijving, standaard #ffffff', 'kirki'), 'section' => 'slider_slides_03', 'default' => '#FFFFFF', 'priority' => 6);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_03_title', 'label' => __('Slider Titel', 'kirki'), 'help' => __('Slider titel', 'kirki'), 'default' => __('Titel 03', 'kirki'), 'section' => 'slider_slides_03', 'priority' => 7);
$fields[] = array('type' => 'textarea', 'settings' => 'mt_slider_03_description', 'label' => __('Slider Omschrijving', 'kirki'), 'help' => __('Slider omscrijving', 'kirki'), 'default' => __('Omschrijving 03', 'kirki'), 'section' => 'slider_slides_03', 'priority' => 8);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_03_url', 'label' => __('Slider link', 'kirki'), 'help' => __('optioneel een url: Mares.be', 'kirki'), 'section' => 'slider_slides_03', 'priority' => 9);
$fields[] = array('type' => 'image', 'settings' => 'mt_slider_03_image', 'label' => __('Slider afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'slider_slides_03', 'priority' => 10);
// slider 4
$fields[] = array('type' => 'switch', 'settings' => 'mt_slider_04_switch', 'label' => __('Slide 4 actief', 'kirki'), 'section' => 'slider_slides_04', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'color', 'settings' => 'mt_slider_04_color', 'label' => __('Tekstkleur', 'kirki'), 'help' => __('Kies een kleur voor de titel en omschrijving, standaard #ffffff', 'kirki'), 'section' => 'slider_slides_04', 'default' => '#FFFFFF', 'priority' => 6);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_04_title', 'label' => __('Slider Titel', 'kirki'), 'help' => __('Slider titel', 'kirki'), 'default' => __('Titel 04', 'kirki'), 'section' => 'slider_slides_04', 'priority' => 7);
$fields[] = array('type' => 'textarea', 'settings' => 'mt_slider_04_description', 'label' => __('Slider Omschrijving', 'kirki'), 'help' => __('Slider omscrijving', 'kirki'), 'default' => __('Omschrijving 04', 'kirki'), 'section' => 'slider_slides_04', 'priority' => 8);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_04_url', 'label' => __('Slider link', 'kirki'), 'help' => __('optioneel een url: Mares.be', 'kirki'), 'section' => 'slider_slides_04', 'priority' => 9);
$fields[] = array('type' => 'image', 'settings' => 'mt_slider_04_image', 'label' => __('Slider afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'slider_slides_04', 'priority' => 10);
// slider 5
$fields[] = array('type' => 'switch', 'settings' => 'mt_slider_05_switch', 'label' => __('Slide 5 actief', 'kirki'), 'section' => 'slider_slides_05', 'default' => '0', 'priority' => 5, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'color', 'settings' => 'mt_slider_05_color', 'label' => __('Tekstkleur', 'kirki'), 'help' => __('Kies een kleur voor de titel en omschrijving, standaard #ffffff', 'kirki'), 'section' => 'slider_slides_05', 'default' => '#FFFFFF', 'priority' => 6);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_05_title', 'label' => __('Slider Titel', 'kirki'), 'help' => __('Slider titel', 'kirki'), 'default' => __('Titel 05', 'kirki'), 'section' => 'slider_slides_05', 'priority' => 7);
$fields[] = array('type' => 'textarea', 'settings' => 'mt_slider_05_description', 'label' => __('Slider Omschrijving', 'kirki'), 'help' => __('Slider omscrijving', 'kirki'), 'default' => __('Omschrijving 05', 'kirki'), 'section' => 'slider_slides_05', 'priority' => 8);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_05_url', 'label' => __('Slider link', 'kirki'), 'help' => __('optioneel een url: Mares.be', 'kirki'), 'section' => 'slider_slides_05', 'priority' => 9);
$fields[] = array('type' => 'image', 'settings' => 'mt_slider_05_image', 'label' => __('Slider afbeelding', 'kirki'), 'help' => __('Mares.be', 'kirki'), 'section' => 'slider_slides_05', 'priority' => 10);
// slider_settings
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_settings_duration', 'label' => __('Slide duur', 'kirki'), 'help' => __('4000 is 4 seconden', 'kirki'), 'section' => 'slider_settings', 'default' => '4000', 'priority' => 9);
$fields[] = array('type' => 'text', 'settings' => 'mt_slider_settings_height', 'label' => __('Slides hoogte', 'kirki'), 'help' => __('in px, standaard 600px', 'kirki'), 'section' => 'slider_settings', 'default' => '600px', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_company_slider_settings_duration', 'label' => __('Slide duur', 'kirki'), 'help' => __('2000 is 2 seconden', 'kirki'), 'section' => 'company_slider_settings', 'default' => '2000', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_company_slider_settings_padding', 'label' => __('Slide extra ruimte', 'kirki'), 'help' => __('extra ruimte boven en onder logo-slide', 'kirki'), 'section' => 'company_slider_settings', 'default' => '30px', 'priority' => 10);
// uitgelichte gebied 1
$fields[] = array('type' => 'switch', 'settings' => 'mt_hightlighted_article_area_01_switch', 'label' => __('Sectie pagina', 'kirki'), 'section' => 'hightlighted_article_area_01', 'default' => '0', 'priority' => 9, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_01_id', 'label' => __('Pagina id', 'kirki'), 'help' => __('Pagina id van pagina met template block op startpagina, toont content van pagina in gebied', 'kirki'), 'section' => 'hightlighted_article_area_01', 'default' => '38', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_01_menu_id', 'label' => __('menu id', 'kirki'), 'help' => __('behoort tot menu voor scrolling: bv Graphic & Web met url #graphic plaats hier dan ´graphic´', 'kirki'), 'section' => 'hightlighted_article_area_01', 'default' => 'graphic', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_01_button', 'label' => __('Pagina knop tekst', 'kirki'), 'help' => __('Knop tekst', 'kirki'), 'section' => 'hightlighted_article_area_01', 'default' => 'Ga naar de ...', 'priority' => 11);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_01_url', 'label' => __('Pagina knop link', 'kirki'), 'help' => __('Knop url http://www.mares.be/', 'kirki'), 'section' => 'hightlighted_article_area_01', 'default' => '#', 'priority' => 12);
// uitgelichte gebied 2
$fields[] = array('type' => 'switch', 'settings' => 'mt_hightlighted_article_area_02_switch', 'label' => __('Sectie pagina', 'kirki'), 'section' => 'hightlighted_article_area_02', 'default' => '0', 'priority' => 9, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_02_id', 'label' => __('Pagina id', 'kirki'), 'help' => __('Pagina id van pagina met template block op startpagina, toont content van pagina in gebied', 'kirki'), 'section' => 'hightlighted_article_area_02', 'default' => '38', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_02_menu_id', 'label' => __('menu id', 'kirki'), 'help' => __('behoort tot menu voor scrolling: bv Graphic & Web met url #graphic plaats hier dan ´graphic´', 'kirki'), 'section' => 'hightlighted_article_area_02', 'default' => 'graphic', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_02_button', 'label' => __('Pagina knop tekst', 'kirki'), 'help' => __('Knop tekst', 'kirki'), 'section' => 'hightlighted_article_area_02', 'default' => 'Ga naar de ...', 'priority' => 11);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_02_url', 'label' => __('Pagina knop link', 'kirki'), 'help' => __('Knop url http://www.mares.be/', 'kirki'), 'section' => 'hightlighted_article_area_02', 'default' => '#', 'priority' => 12);
// uitgelichte gebied 3
$fields[] = array('type' => 'switch', 'settings' => 'mt_hightlighted_article_area_03_switch', 'label' => __('Sectie pagina', 'kirki'), 'section' => 'hightlighted_article_area_03', 'default' => '0', 'priority' => 9, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_03_id', 'label' => __('Pagina id', 'kirki'), 'help' => __('Pagina id van pagina met template block op startpagina, toont content van pagina in gebied', 'kirki'), 'section' => 'hightlighted_article_area_03', 'default' => '38', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_03_menu_id', 'label' => __('menu id', 'kirki'), 'help' => __('behoort tot menu voor scrolling: bv Graphic & Web met url #graphic plaats hier dan ´graphic´', 'kirki'), 'section' => 'hightlighted_article_area_03', 'default' => 'graphic', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_03_button', 'label' => __('Pagina knop tekst', 'kirki'), 'help' => __('Knop tekst', 'kirki'), 'section' => 'hightlighted_article_area_03', 'default' => 'Ga naar de ...', 'priority' => 11);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_03_url', 'label' => __('Pagina knop link', 'kirki'), 'help' => __('Knop url http://www.mares.be/', 'kirki'), 'section' => 'hightlighted_article_area_03', 'default' => '#', 'priority' => 12);
// uitgelichte gebied 4
$fields[] = array('type' => 'switch', 'settings' => 'mt_hightlighted_article_area_04_switch', 'label' => __('Sectie pagina', 'kirki'), 'section' => 'hightlighted_article_area_04', 'default' => '0', 'priority' => 9, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_04_id', 'label' => __('Pagina id', 'kirki'), 'help' => __('Pagina id van pagina met template block op startpagina, toont content van pagina in gebied', 'kirki'), 'section' => 'hightlighted_article_area_04', 'default' => '38', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_04_menu_id', 'label' => __('menu id', 'kirki'), 'help' => __('behoort tot menu voor scrolling: bv Graphic & Web met url #graphic plaats hier dan ´graphic´', 'kirki'), 'section' => 'hightlighted_article_area_04', 'default' => 'graphic', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_04_button', 'label' => __('Pagina knop tekst', 'kirki'), 'help' => __('Knop tekst', 'kirki'), 'section' => 'hightlighted_article_area_04', 'default' => 'Ga naar de ...', 'priority' => 11);
$fields[] = array('type' => 'text', 'settings' => 'mt_hightlighted_article_area_04_url', 'label' => __('Pagina knop link', 'kirki'), 'help' => __('Knop url http://www.mares.be/', 'kirki'), 'section' => 'hightlighted_article_area_04', 'default' => '#', 'priority' => 12);
// contact form
$fields[] = array('type' => 'switch', 'settings' => 'mt_contactform_switch', 'label' => __('Contact formulier', 'kirki'), 'section' => 'contactform', 'default' => '0', 'priority' => 9, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'text', 'settings' => 'mt_contactform_id', 'label' => __('Contact formulier id', 'kirki'), 'help' => __('Contact formulier van Contact form 7 en flamingo', 'kirki'), 'section' => 'contactform', 'priority' => 10);
$fields[] = array('type' => 'text', 'settings' => 'mt_contactform_Titel', 'label' => __('Contact formulier Titel', 'kirki'), 'help' => __('', 'kirki'), 'section' => 'contactform', 'priority' => 10);
// instellingen
$fields[] = array('type' => 'text', 'settings' => 'mt_instellingen_fb', 'label' => __('Facebook url', 'kirki'), 'help' => __('https://www.facebook.com/StudioMares/', 'kirki'), 'section' => 'instellingen', 'priority' => 1);
$fields[] = array('type' => 'text', 'settings' => 'mt_instellingen_tw', 'label' => __('Twitter url', 'kirki'), 'help' => __('https://twitter.com/studiomares', 'kirki'), 'section' => 'instellingen', 'priority' => 2);
$fields[] = array('type' => 'select', 'setting' => 'mt_font_family', 'label' => __('Font-Family', 'kirki'), 'description' => __('Please choose a font for your site. This font-family will be applied to all elements on your page, including headers and body.', 'kirki'), 'section' => 'instellingen', 'default' => 'Open Sans', 'priority' => 10, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => 'body, h1, h2, h3, h4, h5, h6', 'property' => 'font-family')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body, h1, h2, h3, h4, h5, h6', 'function' => 'css', 'property' => 'font-family')));
$fields[] = array('type' => 'slider', 'setting' => 'mt_font_size', 'label' => __('Font-Size', 'kirki'), 'description' => __('Please choose a font-size for your body.', 'kirki'), 'section' => 'instellingen', 'default' => 1.4, 'priority' => 20, 'choices' => array('min' => 0.7, 'max' => 2, 'step' => 0.01), 'output' => array(array('element' => 'body', 'property' => 'font-size', 'units' => 'em')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-size')));
$fields[] = array('type' => 'editor', 'settings' => 'mt_instellingen_adress', 'label' => __('Adress gegevens', 'kirki'), 'help' => __('Opmaak is toegestaan', 'kirki'), 'default' => __('', 'kirki'), 'section' => 'instellingen', 'priority' => 3);
$fields[] = array('type' => 'image', 'settings' => 'mt_instellingen_logo', 'label' => __('Logo site', 'kirki'), 'help' => __('logo 224x70', 'kirki'), 'section' => 'instellingen', 'priority' => 0);
$fields[] = array('type' => 'switch', 'settings' => 'mt_company_slider_logo_image_switch', 'label' => __('Activeer logo´s', 'kirki'), 'section' => 'company_slider_logo', 'default' => '0', 'priority' => 0, 'choices' => array('on' => __('Aan', 'kirki'), 'off' => __('Uit', 'kirki')));
$fields[] = array('type' => 'repeater', 'label' => esc_attr__('Repeater Logo´s', 'kirki'), 'description' => 'Afbeeldingen logo´s plaatsen in een slider, geschatte grote is 500px 500px of verhouding 1 op 1, afbeeldingen die niet wit zijn kunnen worden geselcteer om een witte overlay te krijgen. niet werkend op transparantie of verlopen.', 'section' => 'company_slider_logo', 'priority' => 1, 'settings' => 'mt_company_slider_logo_image', 'default' => array(array('image_switch' => false, 'image_url' => ''), array('image_switch' => true, 'image_url' => '')), 'fields' => array('image_switch' => array('type' => 'checkbox', 'label' => __('afbeelding 1 witte overlay', 'kirki'), 'description' => esc_attr__('Afbeelding krijgt witte overlay', 'kirki-demo'), 'default' => false), 'image_url' => array('type' => 'image', 'label' => __('Slider afbeelding 1', 'kirki'), 'help' => __('Logo plaatsen (standaard 500x500', 'kirki'))));
$fields[] = array('type' => 'repeater', 'label' => esc_attr__('Meldingen', 'kirki'), 'section' => 'meldingen', 'priority' => 1, 'settings' => 'meldingen_loop', 'fields' => array('alert_switch' => array('type' => 'checkbox', 'description' => 'Melding is zichtbaar', 'default' => false), 'alert_type' => array('label' => 'Type alert', 'type' => 'select', 'description' => 'kleur/type veranderen', 'default' => 'success', 'choices' => array('success' => 'success (groen)', 'info' => 'info (blauw)', 'warning' => 'warning (geel)', 'danger' => 'danger (rood)')), 'alert_text01_checkbox' => array('type' => 'checkbox', 'description' => 'Vette tekst is zichtbaar', 'default' => false), 'alert_text01' => array('type' => 'text', 'label' => 'Inhoud vette tekst', 'description' => 'dit is een stuk vette tekst'), 'alert_text02' => array('type' => 'textarea', 'label' => 'Inhoud melding tekst', 'description' => 'dit is de tekst met de melding'), 'alert_switch_close' => array('type' => 'checkbox', 'description' => 'Melding is wegklikbaar', 'help' => 'blijft weg gedurende de levensduur', 'default' => false), 'alert_cookie_id' => array('type' => 'text', 'description' => 'geef speciaal id voor cookie'), 'alert_cookie_duration' => array('type' => 'text', 'description' => 'levensduur van cookie (in dagen uitgedrukt)')));
return $fields;
}
/**
* Assets that have to be enqueued in 'customize_controls_enqueue_scripts'.
*/
public function customize_controls_enqueue_scripts()
{
// Get an array of all our fields.
$fields = Kirki::$fields;
// Do we have tooltips anywhere?
$has_tooltips = false;
foreach ($fields as $field) {
if ($has_tooltips) {
continue;
}
// Field has tooltip.
if (isset($field['tooltip']) && !empty($field['tooltip'])) {
$has_tooltips = true;
}
// Backwards-compatibility ("help" argument instead of "tooltip").
if (isset($field['help']) && !empty($field['help'])) {
$has_tooltips = true;
}
}
// If we have tooltips, enqueue the tooltips script.
/* TODO: if ( $has_tooltips ) { */
wp_enqueue_script('kirki-tooltip', trailingslashit(Kirki::$url) . 'assets/js/tooltip.js', array('jquery', 'customize-controls', 'jquery-ui-tooltip'));
/* TODO: } */
// Enqueue the reset script.
wp_enqueue_script('kirki-reset', trailingslashit(Kirki::$url) . 'assets/js/reset.js', array('jquery', 'kirki-set-setting-value'));
// Register kirki-functions.
wp_register_script('kirki-set-setting-value', trailingslashit(Kirki::$url) . 'assets/js/functions/set-setting-value.js');
wp_register_script('kirki-validate-css-value', trailingslashit(Kirki::$url) . 'assets/js/functions/validate-css-value.js');
wp_register_script('kirki-notifications', trailingslashit(Kirki::$url) . 'assets/js/functions/notifications.js', array('kirki-l10n', 'kirki-validate-css-value'));
// Register serialize.js.
wp_register_script('serialize-js', trailingslashit(Kirki::$url) . 'assets/js/vendor/serialize.js');
// Register the color-alpha picker.
wp_enqueue_style('wp-color-picker');
wp_register_script('wp-color-picker-alpha', trailingslashit(Kirki::$url) . 'assets/js/vendor/wp-color-picker-alpha.js', array('wp-color-picker'), '1.2', true);
// Register the jquery-ui-spinner.
wp_register_script('jquery-ui-spinner', trailingslashit(Kirki::$url) . 'assets/js/vendor/jquery-ui-spinner', array('jquery', 'jquery-ui-core', 'jquery-ui-button'));
// Register codemirror.
wp_register_script('codemirror', trailingslashit(Kirki::$url) . 'assets/js/vendor/codemirror/lib/codemirror.js', array('jquery'));
// Register selectize.
wp_register_script('selectize', trailingslashit(Kirki::$url) . 'assets/js/vendor/selectize.js', array('jquery'));
// An array of control scripts and their dependencies.
$scripts = array('checkbox' => array('jquery', 'customize-base'), 'code' => array('jquery', 'customize-base', 'codemirror'), 'color' => array('jquery', 'customize-base', 'wp-color-picker-alpha'), 'color-palette' => array('jquery', 'customize-base', 'jquery-ui-button'), 'dashicons' => array('jquery', 'customize-base'), 'date' => array('jquery', 'customize-base', 'jquery-ui-datepicker'), 'dimension' => array('jquery', 'customize-base', 'kirki-notifications'), 'dropdown-pages' => array('jquery', 'customize-base', 'selectize'), 'editor' => array('jquery', 'customize-base', 'kirki-l10n'), 'generic' => array('jquery', 'customize-base'), 'multicheck' => array('jquery', 'customize-base'), 'multicolor' => array('jquery', 'customize-base', 'wp-color-picker-alpha'), 'number' => array('jquery', 'customize-base', 'jquery-ui-spinner'), 'palette' => array('jquery', 'customize-base', 'jquery-ui-button'), 'preset' => array('jquery', 'customize-base', 'selectize', 'kirki-set-setting-value'), 'radio-buttonset' => array('jquery', 'customize-base'), 'radio-image' => array('jquery', 'customize-base'), 'radio' => array('jquery', 'customize-base'), 'repeater' => array('jquery', 'customize-base', 'jquery-ui-core', 'jquery-ui-sortable', 'kirki-l10n'), 'select' => array('jquery', 'customize-base', 'selectize'), 'slider' => array('jquery', 'customize-base'), 'sortable' => array('jquery', 'customize-base', 'jquery-ui-core', 'jquery-ui-sortable', 'serialize-js'), 'spacing' => array('jquery', 'customize-base', 'kirki-notifications'), 'switch' => array('jquery', 'customize-base'), 'toggle' => array('jquery', 'customize-base'), 'typography' => array('jquery', 'customize-base', 'selectize', 'wp-color-picker-alpha'));
foreach ($scripts as $id => $dependencies) {
wp_register_script('kirki-' . $id, trailingslashit(Kirki::$url) . 'assets/js/controls/' . $id . '.js', $dependencies, false, true);
}
// Add fonts to our JS objects.
$google_fonts = Kirki_Fonts::get_google_fonts();
$standard_fonts = Kirki_Fonts::get_standard_fonts();
$all_variants = Kirki_Fonts::get_all_variants();
$all_subsets = Kirki_Fonts::get_google_font_subsets();
$standard_fonts_final = array();
foreach ($standard_fonts as $key => $value) {
$standard_fonts_final[] = array('family' => $value['stack'], 'label' => $value['label'], 'subsets' => array(), 'is_standard' => true, 'variants' => array(array('id' => 'regular', 'label' => $all_variants['regular']), array('id' => 'italic', 'label' => $all_variants['italic']), array('id' => '700', 'label' => $all_variants['700']), array('id' => '700italic', 'label' => $all_variants['700italic'])));
}
$google_fonts_final = array();
foreach ($google_fonts as $family => $args) {
$label = isset($args['label']) ? $args['label'] : $family;
$variants = isset($args['variants']) ? $args['variants'] : array('regular', '700');
$subsets = isset($args['subsets']) ? $args['subsets'] : array();
$available_variants = array();
foreach ($variants as $variant) {
if (array_key_exists($variant, $all_variants)) {
$available_variants[] = array('id' => $variant, 'label' => $all_variants[$variant]);
}
}
$available_subsets = array();
foreach ($subsets as $subset) {
if (array_key_exists($subset, $all_subsets)) {
$available_subsets[] = array('id' => $subset, 'label' => $all_subsets[$subset]);
}
}
$google_fonts_final[] = array('family' => $family, 'label' => $label, 'variants' => $available_variants, 'subsets' => $available_subsets);
}
$final = array_merge($standard_fonts_final, $google_fonts_final);
wp_localize_script('kirki-typography', 'kirkiAllFonts', $final);
}
<?php
/**
* Footer Style
* ============
*/
$section = 'footer_style';
$priority = 1;
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'footer_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Text</div>'));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'footer_style_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Open Sans', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.site-footer', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'footer_style_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 14, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '.site-footer', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => '.site-footer', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'footer_style_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '.site-footer', 'property' => 'font-weight'), 'js_vars' => array(array('element' => '.site-footer', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'footer_style_text_color', 'label' => __('Text Color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#AAAAAA', 'transport' => 'postMessage', 'output' => array('element' => '.site-footer,.copyright .right', 'property' => 'color'), 'js_vars' => array(array('element' => '.site-footer,.copyright .right', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'footer_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Link</div>'));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'footer_style_link_color', 'label' => __('Link Color', 'infinity'), 'description' => __('Link Color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#AAAAAA', 'transport' => 'postMessage', 'output' => array('element' => '.site-footer a', 'property' => 'color'), 'js_vars' => array(array('element' => '.site-footer a', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'footer_style_link_color_hover', 'description' => __('Link color on hover', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => primary_color, 'transport' => 'postMessage', 'output' => array('element' => '.site-footer a:hover', 'property' => 'color'), 'js_vars' => array(array('element' => '.site-footer a:hover', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'footer_style_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Widget Title</div>'));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'footer_style_widget_title_color', 'label' => __('Link Color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array('element' => '.site-footer .widget-title', 'property' => 'color'), 'js_vars' => array(array('element' => '.site-footer .widget-title', 'function' => 'css', 'property' => 'color'))));
/**
* Create the customizer controls.
* Depends on the Kirki Customizer plugin.
*/
function create_settings($controls)
{
// Layout
$controls[] = array('type' => 'radio-image', 'settings' => 'layout', 'label' => __('Layout', 'maera_zf'), 'section' => 'layout', 'priority' => 1, 'default' => 0, 'choices' => array(0 => get_template_directory_uri() . '/assets/images/1c.png', 1 => get_template_directory_uri() . '/assets/images/2cr.png', 2 => get_template_directory_uri() . '/assets/images/2cl.png'));
$controls[] = array('type' => 'slider', 'settings' => 'layout_width', 'label' => __('Select max-width of main row class. Default: 1000px', 'maera_zf'), 'section' => 'layout', 'default' => 1000, 'priority' => 5, 'choices' => array('min' => 500, 'max' => 1900, 'step' => 1), 'output' => array('element' => '.row', 'property' => 'max-width', 'units' => 'px'));
$controls[] = array('type' => 'select', 'settings' => 'sidebar_width', 'label' => __('Primary sidebar width', 'textdomain'), 'description' => __('Select the width of primary sidebar in a total of 12-column grid', 'maera_zf'), 'section' => 'layout', 'default' => 4, 'priority' => 10, 'choices' => array(2 => __('2/12', 'maera_zf'), 3 => __('3/12', 'maera_zf'), 4 => __('4/12', 'maera_zf'), 5 => __('5/12', 'maera_zf'), 6 => __('6/12', 'maera_zf')));
$controls[] = array('type' => 'switch', 'settings' => 'widget_panel', 'label' => __('Wrap primary sidebar widgets in panels', 'maera_zf'), 'section' => 'layout', 'default' => 0, 'priority' => 15);
// Title & tagline
$controls[] = array('type' => 'slider', 'settings' => 'logo_max_width', 'label' => __('Logo Maximum Width (1-12 columns)', 'maera_zf'), 'section' => 'title_tagline', 'default' => 3, 'priority' => 50, 'choices' => array('min' => 1, 'max' => 12, 'step' => 1));
// Colors
$controls[] = array('type' => 'color', 'settings' => 'nav_bg', 'label' => __('Navbar Color', 'maera_zf'), 'section' => 'colors', 'default' => '#333333', 'output' => array('element' => '.top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-form, .contain-to-grid.topbar', 'property' => 'background'));
// Navigation
$controls[] = array('type' => 'checkbox', 'settings' => 'navbar_search', 'label' => __('Display search form on the NavBar', 'maera_zf'), 'section' => 'nav', 'default' => 1);
$controls[] = array('type' => 'toggle', 'settings' => 'navbar_width', 'label' => __('Navbar width', 'maera_zf'), 'description' => __('Select between full-with(default) or contained-to-grid', 'maera_zf'), 'section' => 'nav', 'default' => 0);
$controls[] = array('type' => 'switch', 'settings' => 'navbar_sticky', 'label' => __('Sticky navbar?', 'maera_zf'), 'description' => __('Available only with a primary navigation selection.', 'maera_zf'), 'section' => 'nav', 'default' => 0);
$controls[] = array('type' => 'switch', 'settings' => 'navbar_float', 'label' => __('Float right', 'maera_zf'), 'description' => __('Available only with a primary navigation selection.', 'maera_zf'), 'section' => 'nav', 'default' => 0);
// Blog
$controls[] = array('type' => 'checkbox', 'settings' => 'feat_img_archive', 'label' => __('Display Featured Images', 'maera_zf'), 'help' => __('Display featured Images on post archives ( such as categories, tags, month view etc ).', 'maera_zf'), 'section' => 'feat_archive', 'priority' => 50, 'default' => 0);
$controls[] = array('type' => 'slider', 'settings' => 'feat_img_archive_width', 'label' => __('Featured Image Width', 'maera_zf'), 'description' => __('Set to -1 for max width and 0 for original width. Default: -1', 'maera_zf'), 'section' => 'feat_archive', 'priority' => 52, 'default' => -1, 'choices' => array('min' => -1, 'max' => 1900, 'step' => '1'));
$controls[] = array('type' => 'slider', 'settings' => 'feat_img_archive_height', 'label' => __('Featured Image Height', 'maera_zf'), 'description' => __('Set to 0 to resize the image using the original image proportions. Default: 0', 'maera_zf'), 'section' => 'feat_archive', 'priority' => 53, 'default' => 0, 'choices' => array('min' => 0, 'max' => 1200, 'step' => '1'));
$post_types = get_post_types(array('public' => true), 'names');
$controls[] = array('type' => 'multicheck', 'settings' => 'feat_img_per_post_type', 'label' => __('Disable featured images per post type.', 'maera_zf'), 'description' => __('CAUTION: This setting will also disable displaying the featured images on single posts as well.', 'maera_zf'), 'section' => 'feat_archive', 'priority' => 65, 'default' => '', 'choices' => $post_types);
$controls[] = array('type' => 'checkbox', 'settings' => 'feat_img_post', 'label' => __('Display Featured Images', 'maera_zf'), 'description' => __('Display featured Images on single posts.', 'maera_zf'), 'section' => 'feat_single', 'priority' => 60, 'default' => 0);
$controls[] = array('type' => 'slider', 'settings' => 'feat_img_post_width', 'label' => __('Featured Image Width', 'maera_zf'), 'description' => __('Set to -1 for max width and 0 for original width. Default: -1', 'maera_zf'), 'section' => 'feat_single', 'priority' => 62, 'default' => -1, 'choices' => array('min' => -1, 'max' => 1900, 'step' => '1'));
$controls[] = array('type' => 'slider', 'settings' => 'feat_img_post_height', 'label' => __('Featured Image Height', 'maera_zf'), 'description' => __('Set to 0 to use the original image proportions. Default: 0', 'maera_zf'), 'section' => 'feat_single', 'priority' => 63, 'default' => 0, 'choices' => array('min' => 0, 'max' => 1200, 'step' => '1'));
$controls[] = array('type' => 'radio-buttonset', 'settings' => 'blog_post_mode', 'label' => __('Archives Display Mode', 'maera_bs'), 'help' => __('Display the excerpt or the full post on post archives.', 'maera_bs'), 'section' => 'blog_options', 'priority' => 1, 'default' => 'excerpt', 'choices' => array('excerpt' => __('Excerpt', 'maera_bs'), 'full' => __('Full Post', 'maera_bs')));
$controls[] = array('type' => 'slider', 'settings' => 'post_excerpt_length', 'label' => __('Post excerpt length', 'maera_zf'), 'help' => __('Choose how many words should be used for post excerpt. Default: 55', 'maera_zf'), 'section' => 'blog_options', 'priority' => 10, 'default' => 55, 'choices' => array('min' => 10, 'max' => 150, 'step' => 1));
$controls[] = array('type' => 'text', 'settings' => 'post_excerpt_link_text', 'label' => __('"more" text', 'maera_zf'), 'description' => __('Text to display in case of excerpt too long. Default: Continued', 'maera_zf'), 'section' => 'blog_options', 'priority' => 12, 'default' => __('Continued', 'maera_bs'));
// Backgrounds
$controls[] = array('type' => 'background', 'settings' => 'body_bg', 'label' => __('Body background', 'maera_zf'), 'section' => 'body_background', 'default' => array('color' => '#ffffff', 'image' => null, 'repeat' => 'repeat', 'size' => 'inherit', 'attach' => 'inherit', 'position' => 'left-top', 'opacity' => 100), 'priority' => 5, 'output' => array('element' => 'body'));
$controls[] = array('type' => 'background', 'settings' => 'footer_bg', 'label' => __('Footer background', 'maera_zf'), 'section' => 'footer_background', 'default' => array('color' => '#ffffff', 'image' => null, 'repeat' => 'repeat', 'size' => 'inherit', 'attach' => 'inherit', 'position' => 'left-top', 'opacity' => 100), 'priority' => 10, 'output' => array('element' => 'footer.page-footer'));
// Footer
$controls[] = array('type' => 'textarea', 'label' => __('Footer Text', 'maera_zf'), 'settings' => 'footer_text', 'default' => '© [year] [sitename]', 'section' => 'footer', 'priority' => 12, 'description' => __('The text that will be displayed in your footer. You can use [year] and [sitename] and they will be replaced appropriately. Default: © [year] [sitename]', 'maera_zf'));
// Typography Navbar
$controls[] = array('type' => 'select', 'settings' => 'font_menus_font_family', 'label' => __('Menus font', 'maera_zf'), 'section' => 'typo_nav', 'default' => '"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;', 'priority' => 40, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.top-bar-section ul li > a, ul.off-canvas-list li a', 'property' => 'font-family'));
$controls[] = array('type' => 'slider', 'settings' => 'font_menus_weight', 'description' => __('Font Weight', 'maera_zf'), 'section' => 'typo_nav', 'default' => 400, 'priority' => 43, 'choices' => array('min' => 100, 'max' => 800, 'step' => 100), 'output' => array('element' => '.top-bar-section ul li > a, ul.off-canvas-list li a', 'property' => 'font-weight'));
$controls[] = array('type' => 'slider', 'settings' => 'font_menus_size', 'description' => __('Font Size', 'maera_zf'), 'section' => 'typo_nav', 'default' => 14, 'priority' => 44, 'choices' => array('min' => 10, 'max' => 30, 'step' => 1), 'output' => array('element' => '.top-bar-section ul li > a, ul.off-canvas-list li a', 'property' => 'font-size'));
$controls[] = array('type' => 'slider', 'settings' => 'font_menus_height', 'description' => __('Line Height', 'maera_zf'), 'section' => 'typo_nav', 'default' => 1.6, 'priority' => 25, 'choices' => array('min' => 0, 'max' => 3, 'step' => 0.1), 'output' => array('element' => '.top-bar-section ul li > a, ul.off-canvas-list li a', 'property' => 'line-height'));
// Typography Base
$controls[] = array('type' => 'select', 'settings' => 'font_base_family', 'label' => __('Base font', 'maera_zf'), 'section' => 'typo_base', 'default' => '"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'body', 'property' => 'font-family'));
$controls[] = array('type' => 'multicheck', 'settings' => 'font_subsets', 'label' => __('Google-Font subsets', 'maera_zf'), 'description' => __('The subsets used from Google\'s API.', 'maera_bs'), 'section' => 'typo_base', 'default' => 'latin', 'priority' => 22, 'choices' => Kirki_Fonts::get_google_font_subsets(), 'output' => array('element' => 'body', 'property' => 'font-subset'));
$controls[] = array('type' => 'slider', 'settings' => 'font_base_weight', 'label' => __('Base Font Weight', 'maera_zf'), 'section' => 'typo_base', 'default' => 400, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'body', 'property' => 'font-weight'));
$controls[] = array('type' => 'slider', 'settings' => 'font_base_size', 'label' => __('Base Font Size', 'maera_zf'), 'section' => 'typo_base', 'default' => 16, 'priority' => 25, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'output' => array('element' => 'body', 'property' => 'font-size', 'units' => 'px'));
$controls[] = array('type' => 'slider', 'settings' => 'font_base_height', 'label' => __('Base Line Height', 'maera_zf'), 'section' => 'typo_base', 'default' => 1.6, 'priority' => 26, 'choices' => array('min' => 0, 'max' => 3, 'step' => 0.01), 'output' => array('element' => 'body', 'property' => 'line-height'));
// Typography Headers
$controls[] = array('type' => 'select', 'settings' => 'headers_font_family', 'label' => __('Font-Family', 'maera_zf'), 'section' => 'typo_headers', 'default' => '"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;', 'priority' => 30, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => 'h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6', 'property' => 'font-family'));
$controls[] = array('type' => 'slider', 'settings' => 'font_headers_weight', 'label' => __('Font Weight.', 'maera_zf') . ' ' . __('Default: ', 'maera_zf') . 400, 'section' => 'typo_headers', 'default' => 700, 'priority' => 34, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => 'h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6', 'property' => 'font-weight'));
$controls[] = array('type' => 'slider', 'settings' => 'font_headers_size', 'label' => __('Font Size', 'maera_zf') . ' ' . __('Default: ', 'maera_zf') . '1', 'description' => __('The size defined here applies to H5. All other header elements are calculated porportionally, based on the base font size.', 'maera_zf'), 'section' => 'typo_headers', 'default' => 1, 'priority' => 35, 'choices' => array('min' => 0.1, 'max' => 3, 'step' => 0.01));
$controls[] = array('type' => 'slider', 'settings' => 'font_headers_height', 'label' => __('Line Height', 'maera_zf') . ' ' . __('Default: ', 'maera_zf') . '1.1', 'section' => 'typo_headers', 'default' => 1.1, 'priority' => 36, 'choices' => array('min' => 0, 'max' => 3, 'step' => 0.1), 'output' => array('element' => 'h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6', 'property' => 'line-height'));
// Social links
$controls[] = array('type' => 'radio', 'mode' => 'buttonset', 'settings' => 'navbar_social', 'label' => __('Display social links in the NavBar.', 'maera_zf'), 'section' => 'social', 'default' => 'off', 'choices' => array('off' => __('Off', 'maera_zf'), 'inline' => __('Inline', 'maera_zf'), 'dropdown' => __('Dropdown', 'maera_zf')), 'priority' => 1);
$social_links = Maera_FZ_Social::social_networks();
$i = 0;
foreach ($social_links as $social_link => $label) {
$controls[] = array('type' => 'text', 'settings' => $social_link . '_link', 'label' => $label . ' ' . __('link', 'maera_zf'), 'section' => 'social', 'default' => '', 'priority' => 10 + $i);
$i++;
}
// Advanced
$controls[] = array('type' => 'textarea', 'settings' => 'css', 'label' => __('Custom CSS', 'maera_zf'), 'description' => __('You can write your custom CSS here. This code will appear in a script tag appended in the header section of the page.', 'maera_zf'), 'section' => 'advanced', 'priority' => 4, 'default' => '');
$controls[] = array('type' => 'textarea', 'settings' => 'js', 'label' => __('Custom JS', 'maera_zf'), 'description' => __('You can write your custom JavaScript/jQuery here. The code will be included in a script tag appended to the bottom of the page.', 'maera_zf'), 'section' => 'advanced', 'priority' => 6, 'default' => '');
return $controls;
}
<?php
/**
* Nav Color
* ================
*/
$section = 'nav_style';
$priority = 1;
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'nav_typo_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Mobile Menu</div>'));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'nav_style_sub_menu_icon', 'label' => __('Link color', 'infinity'), 'description' => __('Link color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array(array('element' => '#open-left', 'property' => 'color')), 'js_vars' => array(array('element' => '#open-left', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'nav_typo_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Main Menu</div>'));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'nav_typo_menu_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '#site-navigation', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'nav_typo_menu_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '#site-navigation', 'property' => 'font-weight'), 'js_vars' => array(array('element' => '#site-navigation', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'nav_typo_menu_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 13, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '#site-navigation', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => '#site-navigation', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'nav_style_menu_text', 'label' => __('Link color', 'infinity'), 'description' => __('Link color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array(array('element' => '#site-navigation .menu > ul > li > a, #site-navigation .menu > li > a', 'property' => 'color')), 'js_vars' => array(array('element' => '#site-navigation .menu > ul > li > a, #site-navigation .menu > li > a', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'nav_style_menu_text_hover', 'description' => __('Link color hover', 'kirki'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array(array('element' => '#site-navigation .menu > ul > li > a:hover, #site-navigation .menu > li > a:hover', 'property' => 'color'), array('element' => '.header03 #site-navigation .menu > ul > li.current-menu-item a, .header03 #site-navigation .menu > li.current-menu-item a, .header03 #site-navigation .menu > ul > li:hover a, .header03 #site-navigation .menu > li:hover a', 'property' => 'border-color')), 'js_vars' => array(array('element' => '#site-navigation .menu > ul > li > a:hover, #site-navigation .menu > li > a:hover', 'function' => 'css', 'property' => 'color'), array('element' => '.header03 #site-navigation .menu > ul > li.current-menu-item a, .header03 #site-navigation .menu > li.current-menu-item a, .header03 #site-navigation .menu > ul > li:hover a, .header03 #site-navigation .menu > li:hover a', 'function' => 'css', 'property' => 'border-color'))));
Kirki::add_field('infinity', array('type' => 'custom', 'setting' => 'nav_typo_group_title_' . $priority++, 'section' => $section, 'priority' => $priority++, 'help' => __('Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum est, explicabo id illo quae!', 'infinity'), 'default' => '<div class="group_title">Sub Menu</div>'));
Kirki::add_field('infinity', array('type' => 'select2', 'setting' => 'nav_typo_sub_menu_font_family', 'label' => __('Font Family', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '#site-navigation .sub-menu,#site-navigation .children', 'property' => 'font-family')));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'nav_typo_sub_menu_font_weight', 'label' => __('Font Weight', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 400, 'transport' => 'postMessage', 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array('element' => '#site-navigation .sub-menu li a, #site-navigation .children li a', 'property' => 'font-weight'), 'js_vars' => array(array('element' => '#site-navigation .sub-menu li a, #site-navigation .children li a', 'function' => 'css', 'property' => 'font-weight'))));
Kirki::add_field('infinity', array('type' => 'slider', 'setting' => 'nav_typo_sub_menu_font_size', 'label' => __('Font Size', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => 12, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'output' => array('element' => '#site-navigation .sub-menu li a, #site-navigation .children li a', 'property' => 'font-size', 'units' => 'px'), 'js_vars' => array(array('element' => '#site-navigation .sub-menu li a, #site-navigation .children li a', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'nav_style_sub_menu_text', 'label' => __('Link color', 'infinity'), 'description' => __('Link color', 'infinity'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array(array('element' => '#site-navigation .sub-menu li a, #site-navigation .children li a', 'property' => 'color')), 'js_vars' => array(array('element' => '#site-navigation .sub-menu li a, #site-navigation .children li a', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('infinity', array('type' => 'color', 'setting' => 'nav_style_sub_menu_text_hover', 'description' => __('Link color on hover', 'kirki'), 'section' => $section, 'priority' => $priority++, 'default' => '#ffffff', 'transport' => 'postMessage', 'output' => array(array('element' => '#site-navigation .sub-menu li a:hover, #site-navigation .children li a:hover', 'property' => 'color')), 'js_vars' => array(array('element' => '#site-navigation .sub-menu li a:hover, #site-navigation .children li a:hover', 'function' => 'css', 'property' => 'color'))));
function settings_typo_jumbo($controls)
{
$controls[] = array('type' => 'select', 'setting' => 'font_jumbotron_font_family', 'label' => __('Jumbotron font', 'maera_bs'), 'section' => 'typo_jumbo', 'default' => '"Helvetica Neue", Helvetica, Arial, sans-serif', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array('element' => '.jumbotron', 'property' => 'font-family'));
$controls[] = array('type' => 'slider', 'setting' => 'font_jumbotron_weight', 'subtitle' => __('Font Weight', 'maera_bs'), 'section' => 'typo_jumbo', 'default' => 400, 'priority' => 23, 'choices' => array('min' => 100, 'max' => 800, 'step' => 100), 'output' => array('element' => '.jumbotron', 'property' => 'font-weight'));
$controls[] = array('type' => 'slider', 'setting' => 'font_jumbotron_size', 'subtitle' => __('Font Size', 'maera_bs'), 'section' => 'typo_jumbo', 'default' => 20, 'priority' => 24, 'choices' => array('min' => 7, 'max' => 48, 'step' => 1));
$controls[] = array('type' => 'slider', 'setting' => 'font_jumbotron_height', 'subtitle' => __('Line Height', 'maera_bs'), 'section' => 'typo_jumbo', 'default' => 22, 'priority' => 25, 'choices' => array('min' => 0, 'max' => 3, 'step' => 0.1), 'output' => array('element' => '.jumbotron', 'property' => 'line-height'));
return $controls;
}
/**
* The class constructor.
*/
private function __construct()
{
if (is_null(self::$google_fonts)) {
self::$google_fonts = Kirki_Fonts::get_google_fonts();
}
if (is_null(self::$backup_fonts)) {
self::$backup_fonts = Kirki_Fonts::get_backup_fonts();
}
}
/**
* Sanitizes typography controls
*
* @since 2.2.0
* @param array $value The value.
* @return array
*/
public static function sanitize($value)
{
if (!is_array($value)) {
return array();
}
// Escape the font-family.
if (isset($value['font-family'])) {
$value['font-family'] = esc_attr($value['font-family']);
}
// Make sure we're using a valid variant.
// We're adding checks for font-weight as well for backwards-compatibility
// Versions 2.0 - 2.2 were using an integer font-weight.
if (isset($value['variant']) || isset($value['font-weight'])) {
if (isset($value['font-weight']) && !empty($value['font-weight'])) {
if (!isset($value['variant']) || empty($value['variant'])) {
$value['variant'] = $value['font-weight'];
}
unset($value['font-weight']);
}
$valid_variants = Kirki_Fonts::get_all_variants();
if (!array_key_exists($value['variant'], $valid_variants)) {
$value['variant'] = 'regular';
}
}
// Make sure the saved value is "subsets" (plural) and not "subset".
// This is for compatibility with older versions.
if (isset($value['subset'])) {
if (!empty($value['subset'])) {
if (!isset($value['subsets']) || empty($value['subset'])) {
$value['subsets'] = $value['subset'];
}
}
unset($value['subset']);
}
// Make sure we're using a valid subset.
if (isset($value['subsets'])) {
$valid_subsets = Kirki_Fonts::get_google_font_subsets();
$subsets_ok = array();
if (is_array($value['subsets'])) {
foreach ($value['subsets'] as $subset) {
if (array_key_exists($subset, $valid_subsets)) {
$subsets_ok[] = $subset;
}
}
$value['subsets'] = $subsets_ok;
}
}
// Sanitize the font-size.
if (isset($value['font-size']) && !empty($value['font-size'])) {
$value['font-size'] = Kirki_Sanitize_Values::css_dimension($value['font-size']);
if (is_numeric($value['font-size'])) {
$value['font-size'] .= 'px';
}
}
// Sanitize the line-height.
if (isset($value['line-height']) && !empty($value['line-height'])) {
$value['line-height'] = Kirki_Sanitize_Values::css_dimension($value['line-height']);
}
// Sanitize the letter-spacing.
if (isset($value['letter-spacing']) && !empty($value['letter-spacing'])) {
$value['letter-spacing'] = Kirki_Sanitize_Values::css_dimension($value['letter-spacing']);
if (is_numeric($value['letter-spacing'])) {
$value['letter-spacing'] .= 'px';
}
}
// Sanitize the text-align.
if (isset($value['text-align']) && !empty($value['text-align'])) {
if (!in_array($value['text-align'], array('inherit', 'left', 'center', 'right', 'justify'))) {
$value['text-align'] = 'inherit';
}
}
// Sanitize the text-transform.
if (isset($value['text-transform']) && !empty($value['text-transform'])) {
if (!in_array($value['text-transform'], array('none', 'capitalize', 'uppercase', 'lowercase', 'initial', 'inherit'))) {
$value['text-transform'] = 'none';
}
}
// Sanitize the color.
if (isset($value['color']) && !empty($value['color'])) {
$color = ariColor::newColor($value['color']);
$value['color'] = $color->toCSS('hex');
}
return $value;
}
function gannet_kirki_init()
{
Kirki::add_config('gannet_config', array('capability' => 'edit_theme_options', 'option_type' => 'theme_mod'));
/**
* Header Panel
* - Header Image
* - Header Logo
*/
/**
* Header Text or Logo
*/
Kirki::add_field('gannet_config', array('type' => 'radio-buttonset', 'settings' => 'header_brand', 'label' => __('Show Header Text or Logo', 'gannet'), 'description' => __('Enable search functionality', 'gannet'), 'section' => 'title_tagline', 'priority' => 10, 'default' => 'text', 'choices' => array('text' => __('Header Text', 'gannet'), 'logo' => __('Logo', 'gannet'))));
/**
* Site Title Color
*/
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Site Title Color', 'gannet'), 'settings' => 'site_title_color', 'section' => 'title_tagline', 'default' => '#292929', 'priority' => 10, 'required' => array(array('setting' => 'header_brand', 'operator' => '==', 'value' => 'text')), 'output' => array(array('element' => '.site-title a', 'property' => 'color')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-title a', 'function' => 'css', 'property' => 'color'))));
/**
* Site Tagline Color
*/
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Site Tagline Color', 'gannet'), 'settings' => 'site_tagline_color', 'section' => 'title_tagline', 'default' => '#7cccf9', 'priority' => 10, 'required' => array(array('setting' => 'header_brand', 'operator' => '==', 'value' => 'text')), 'output' => array(array('element' => '.site-description', 'property' => 'color')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-description', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('gannet_config', array('type' => 'select', 'settings' => 'site_title_font_family', 'label' => __('Site title Font Family', 'gannet'), 'section' => 'title_tagline', 'default' => 'Roboto Condensed', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'required' => array(array('setting' => 'header_brand', 'operator' => '==', 'value' => 'text')), 'output' => array(array('element' => '.site-branding .site-title a', 'property' => 'font-family')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-branding .site-title a', 'function' => 'css', 'property' => 'font-family'))));
Kirki::add_field('gannet_config', array('type' => 'select', 'settings' => 'site_description_font_family', 'label' => __('Site Description Font Family', 'gannet'), 'section' => 'title_tagline', 'default' => 'Droid Serif', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'required' => array(array('setting' => 'header_brand', 'operator' => '==', 'value' => 'text')), 'output' => array(array('element' => '.site-branding .site-description', 'property' => 'font-family')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => '.site-branding .site-description', 'function' => 'css', 'property' => 'font-family'))));
Kirki::add_field('gannet_config', array('settings' => 'logo', 'label' => __('Upload Your Logo', 'gannet'), 'description' => __('We recommend a maximum logo size of 260 x 80 pixels', 'gannet'), 'section' => 'title_tagline', 'priority' => 20, 'type' => 'upload', 'required' => array(array('setting' => 'header_brand', 'operator' => '==', 'value' => 'logo'))));
Kirki::add_field('gannet_config', array('settings' => 'logo_retina', 'label' => __('Upload Your Retina Logo', 'gannet'), 'description' => __('The retina logo must be double the main logo resolution, so at our recommendation it would be 520 x 160 pixels', 'gannet'), 'section' => 'title_tagline', 'priority' => 20, 'type' => 'upload', 'required' => array(array('setting' => 'header_brand', 'operator' => '==', 'value' => 'logo'))));
/**
* Colors Panel
* - Skin (Premium)
* - Palettes (premium)
* - Background Color
* - Primary Color
* - Secondary Color
* - Headings Text Color
* - Body Text Color
*/
Kirki::add_field('gannet_config', array('type' => 'custom', 'label' => __('Skin', 'gannet'), 'description' => __('Choose between light or dark skins.', 'gannet'), 'settings' => 'skin_upsell', 'section' => 'colors', 'default' => gannet_upsell(__('This feature is only available in the premium version', 'gannet'))));
Kirki::add_field('gannet_config', array('type' => 'custom', 'label' => __('Palettes', 'gannet'), 'description' => __('Choose between a set of carefully crafted pallettes.', 'gannet'), 'settings' => 'palettes_upsell', 'section' => 'colors', 'default' => gannet_upsell(__('This feature is only available in the premium version', 'gannet'))));
/**
* Background Color
*/
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Background Color', 'gannet'), 'description' => __('Choose a background accent color.', 'gannet'), 'settings' => 'background_color', 'section' => 'colors', 'default' => '#f9f9f9', 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'background-color'))));
/**
* Primary Color
*/
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Primary Color', 'gannet'), 'description' => __('Choose a primary accent color.', 'gannet'), 'settings' => 'primary_color', 'section' => 'colors', 'default' => '#7bcaf7', 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'a, .site-branding .site-description', 'function' => 'css', 'property' => 'color'))));
/**
* Secondary Color
*/
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Secondary Color', 'gannet'), 'description' => __('Choose a secondary accent color.', 'gannet'), 'settings' => 'secondary_color', 'section' => 'colors', 'default' => '#f0b86f'));
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Heading Text Color', 'gannet'), 'description' => __('Choose a heading (h1 - h6) color.', 'gannet'), 'settings' => 'heading_text_color', 'section' => 'colors', 'default' => '#292929', 'js_vars' => array(array('element' => 'h1, h2, h3, h4, h5, h6', 'function' => 'css', 'property' => 'color'))));
Kirki::add_field('gannet_config', array('type' => 'color', 'label' => __('Body Text Color', 'gannet'), 'description' => __('Choose a body text color.', 'gannet'), 'settings' => 'body_text_color', 'section' => 'colors', 'default' => '#292929', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'color'))));
/**
* Layout Section
*/
Kirki::add_section('layout', array('priority' => 90, 'title' => __('Layout & Design', 'gannet')));
Kirki::add_field('gannet_config', array('type' => 'custom', 'label' => __('Site Layout', 'gannet'), 'settings' => 'site_layout_upsell', 'section' => 'layout', 'default' => gannet_upsell(__('This feature is only available in the premium version', 'gannet'))));
Kirki::add_field('gannet_config', array('type' => 'custom', 'label' => __('Header Layout', 'gannet'), 'settings' => 'header_layout_upsell', 'section' => 'layout', 'default' => gannet_upsell(__('This feature is only available in the premium version', 'gannet'))));
Kirki::add_field('gannet_config', array('type' => 'switch', 'settings' => 'show_search', 'label' => __('Show Search', 'gannet'), 'description' => __('Enable search functionality', 'gannet'), 'help' => __('Displays/removes search icon in navigation and footer.', 'gannet'), 'section' => 'layout', 'priority' => 20, 'default' => '1', 'choices' => array('on' => __('On', 'gannet'), 'off' => __('Off', 'gannet'))));
/**
* Typography
*/
Kirki::add_panel('typography_panel', array('priority' => 90, 'title' => __('Typography', 'gannet')));
/**
* Heading Type
*/
Kirki::add_section('heading_type', array('title' => __('Headings', 'gannet'), 'panel' => 'typography_panel'));
Kirki::add_field('gannet_config', array('type' => 'select', 'settings' => 'heading_type_font_family', 'label' => __('Font Family', 'gannet'), 'section' => 'heading_type', 'default' => 'Open Sans', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => 'h1, h2, h3, h4, h5, h6', 'property' => 'font-family')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h1, h2, h3, h4, h5, h6', 'function' => 'css', 'property' => 'font-family'))));
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_font_weight', 'label' => __('Font Weight', 'gannet'), 'section' => 'heading_type', 'default' => 600, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h1, h2, h3, h4, h5, h6', 'function' => 'css', 'property' => 'font-weight'))));
/**
* H1 Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_h1_font_size', 'label' => __('H1 Font Size', 'gannet'), 'section' => 'heading_type', 'default' => 40, 'priority' => 25, 'choices' => array('min' => 22, 'max' => 60, 'step' => 1), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h1', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
/**
* H2 Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_h2_font_size', 'label' => __('H2 Font Size', 'gannet'), 'section' => 'heading_type', 'default' => 34, 'priority' => 25, 'choices' => array('min' => 20, 'max' => 50, 'step' => 1), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h2', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
/**
* H3 Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_h3_font_size', 'label' => __('H3 Font Size', 'gannet'), 'section' => 'heading_type', 'default' => 24, 'priority' => 25, 'choices' => array('min' => 26, 'max' => 48, 'step' => 1), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h3', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
/**
* H4 Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_h4_font_size', 'label' => __('H4 Font Size', 'gannet'), 'section' => 'heading_type', 'default' => 22, 'priority' => 25, 'choices' => array('min' => 16, 'max' => 40, 'step' => 1), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h4', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
/**
* H5 Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_h5_font_size', 'label' => __('H5 Font Size', 'gannet'), 'section' => 'heading_type', 'default' => 20, 'priority' => 25, 'choices' => array('min' => 14, 'max' => 40, 'step' => 1), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h5', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
/**
* H6 Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'heading_type_h6_font_size', 'label' => __('H6 Font Size', 'gannet'), 'section' => 'heading_type', 'default' => 18, 'priority' => 25, 'choices' => array('min' => 12, 'max' => 30, 'step' => 1), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'h6', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
/**
* Base Typography
*/
Kirki::add_section('base_type', array('title' => __('Base', 'gannet'), 'panel' => 'typography_panel'));
Kirki::add_field('gannet_config', array('type' => 'select', 'settings' => 'base_type_font_family', 'label' => __('Font Family', 'gannet'), 'section' => 'base_type', 'default' => 'Open Sans', 'priority' => 20, 'choices' => Kirki_Fonts::get_font_choices(), 'transport' => 'postMessage', 'output' => array(array('element' => 'body', 'property' => 'font-family')), 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-family'))));
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'base_type_font_weight', 'label' => __('Font Weight', 'gannet'), 'section' => 'base_type', 'default' => 300, 'priority' => 24, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-weight'))));
/**
* Base Font Size
*/
Kirki::add_field('gannet_config', array('type' => 'slider', 'settings' => 'base_type_font_size', 'label' => __('Base Font Size', 'gannet'), 'section' => 'base_type', 'default' => 14, 'priority' => 25, 'choices' => array('min' => 12, 'max' => 30, 'step' => 1), 'output' => array(array('element' => 'body', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'js_vars' => array(array('element' => 'body', 'function' => 'css', 'property' => 'font-size', 'units' => 'px'))));
}
public function __construct($control_name)
{
parent::__construct($control_name);
//set up drop-down options for GWF fonts
$this->setOptions(\Kirki_Fonts::get_google_font_subsets());
}
/**
* Create the setting
*/
function tg_custom_setting($controls)
{
//Default control choices
$tg_text_transform = array('none' => 'None', 'capitalize' => 'Capitalize', 'uppercase' => 'Uppercase', 'lowercase' => 'Lowercase');
$tg_text_alignment = array('left' => 'Left', 'center' => 'Center', 'right' => 'Right');
$tg_copyright_content = array('social' => 'Social Icons', 'menu' => 'Footer Menu');
$tg_copyright_column = array('' => 'Hide Footer Sidebar', 1 => '1 Column', 2 => '2 Column', 3 => '3 Column', 4 => '4 Column');
$tg_gallery_sort = array('drag' => 'By Drag&drop', 'post_date' => 'By Newest', 'post_date_old' => 'By Oldest', 'rand' => 'By Random', 'title' => 'By Title');
$tg_portfolio_filterable_sort = array('name' => 'By Name', 'slug' => 'By Slug', 'id' => 'By ID', 'count' => 'By Number of Portfolio');
$tg_shop_layout = array('fullwidth' => 'Fullwidth', 'sidebar' => 'With Sidebar');
$tg_slideshow_trans = array(1 => 'Fade', 2 => 'Slide Top', 3 => 'Slide Right', 4 => 'Slide Bottom', 5 => 'Slide Left', 6 => 'Carousel Right', 7 => 'Carousel Left');
$tg_menu_layout = array('centermenu' => 'Center Align', 'leftmenu' => 'Left Align');
$tg_blog_layout = array('blog_r' => 'Right Sidebar', 'blog_l' => 'Left Sidebar', 'blog_f' => 'Fullwidth', 'blog_g' => 'Grid', 'blog_gs' => 'Grid Right Sidebar', 'blog_gls' => 'Grid Left Sidebar');
$tg_slider_layout = array('slider' => 'Fullwidth', '3cols-slider' => '3 Columns');
//Get all categories
$categories_arr = get_categories();
$tg_categories_select = array();
$tg_categories_select[''] = '';
foreach ($categories_arr as $cat) {
$tg_categories_select[$cat->cat_ID] = $cat->cat_name;
}
//Register Logo Tab Settings
$controls[] = array('type' => 'image', 'setting' => 'tg_favicon', 'label' => __('Favicon', THEMEDOMAIN), 'description' => __('A favicon is a 16x16 pixel icon that represents your site; paste the URL to a .ico image that you want to use as the image', THEMEDOMAIN), 'section' => 'logo_favicon', 'default' => '', 'priority' => 1);
$controls[] = array('type' => 'image', 'setting' => 'tg_retina_logo', 'label' => __('Retina Logo', THEMEDOMAIN), 'description' => __('Retina Ready Image logo. It should be 2x size of normal logo. For example 200x60px logo will displays at 100x30px', THEMEDOMAIN), 'section' => 'logo_favicon', 'default' => get_template_directory_uri() . '/images/logo@2x.png', 'priority' => 2);
$controls[] = array('type' => 'image', 'setting' => 'tg_retina_transparent_logo', 'label' => __('Retina Transparent Logo', THEMEDOMAIN), 'description' => __('Retina Ready Image logo for menu transparent page. It should be 2x size of normal logo. For example 200x60px logo will displays at 100x30px. Recommend logo color is white or bright color', THEMEDOMAIN), 'section' => 'logo_favicon', 'default' => get_template_directory_uri() . '/images/logo@2x_white.png', 'priority' => 3);
//End Logo Tab Settings
//Register General Tab Settings
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_enable_right_click', 'label' => __('Enable Right Click Protection', THEMEDOMAIN), 'description' => __('Check this to disable right click.', THEMEDOMAIN), 'section' => 'general_image', 'default' => '', 'priority' => 1);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_enable_dragging', 'label' => __('Enable Image Dragging Protection', THEMEDOMAIN), 'description' => __('Check this to disable dragging on all images.', THEMEDOMAIN), 'section' => 'general_image', 'default' => '', 'priority' => 1);
$controls[] = array('type' => 'select', 'setting' => 'tg_body_font', 'label' => __('Main Content Font Family', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 'Lato', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => 'body, input[type=text], input[type=email], input[type=url], input[type=password], textarea', 'property' => 'font-family')), 'transport' => 'postMessage', 'priority' => 1);
$controls[] = array('type' => 'slider', 'setting' => 'tg_body_font_size', 'label' => __('Main Content Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 16, 'choices' => array('min' => 11, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'body', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 1);
$controls[] = array('type' => 'select', 'setting' => 'tg_header_font', 'label' => __('H1, H2, H3, H4, H5, H6 Font Family', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => 'h1, h2, h3, h4, h5, h6, h7, input[type=submit], input[type=button], a.button, .button, .post_quote_title, label, .portfolio_filter_dropdown, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.add_to_cart_button.loading, .woocommerce-page ul.products li.product a.add_to_cart_button.loading, .woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce-page ul.products li.product a.add_to_cart_button:hover, .woocommerce #page_content_wrapper a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page #page_content_wrapper a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page input.button:active, .woocommerce #page_content_wrapper a.button, .woocommerce-page #page_content_wrapper a.button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button, .woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover, strong[itemprop="author"], #page_content_wrapper .posts.blog li a, .page_content_wrapper .posts.blog li a', 'property' => 'font-family')), 'transport' => 'postMessage', 'priority' => 1);
$controls[] = array('type' => 'slider', 'setting' => 'tg_header_font_weight', 'label' => __('H1, H2, H3, H4, H5, H6 Font Weight', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 300, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => 'h1, h2, h3, h4, h5, h6, h7', 'property' => 'font-weight')), 'transport' => 'postMessage', 'priority' => 2);
$controls[] = array('type' => 'slider', 'setting' => 'tg_h1_size', 'label' => __('H1 Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 34, 'choices' => array('min' => 13, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'h1', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 3);
$controls[] = array('type' => 'slider', 'setting' => 'tg_h2_size', 'label' => __('H2 Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 30, 'choices' => array('min' => 13, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'h2', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 4);
$controls[] = array('type' => 'slider', 'setting' => 'tg_h3_size', 'label' => __('H3 Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 26, 'choices' => array('min' => 13, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'h3', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 5);
$controls[] = array('type' => 'slider', 'setting' => 'tg_h4_size', 'label' => __('H4 Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 22, 'choices' => array('min' => 13, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'h4', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 6);
$controls[] = array('type' => 'slider', 'setting' => 'tg_h5_size', 'label' => __('H5 Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 18, 'choices' => array('min' => 13, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'h5', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 7);
$controls[] = array('type' => 'slider', 'setting' => 'tg_h6_size', 'label' => __('H6 Font Size', THEMEDOMAIN), 'section' => 'general_typography', 'default' => 16, 'choices' => array('min' => 13, 'max' => 60, 'step' => 1), 'output' => array(array('element' => 'h6', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 8);
$controls[] = array('type' => 'color', 'setting' => 'tg_content_bg_color', 'label' => __('Main Content Background Color', THEMEDOMAIN), 'section' => 'general_color', 'default' => '#ffffff', 'output' => array(array('element' => 'body, #wrapper, #page_content_wrapper.fixed, #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle span, h2.widgettitle span, #gallery_lightbox h2, .slider_wrapper .gallery_image_caption h2, #body_loading_screen, h3#reply-title span', 'property' => 'background-color')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'color', 'setting' => 'tg_font_color', 'label' => __('Page Content Font Color', THEMEDOMAIN), 'section' => 'general_color', 'default' => '#000000', 'output' => array(array('element' => 'body, .pagination a, #gallery_lightbox h2, .slider_wrapper .gallery_image_caption h2, .post_info a', 'property' => 'color'), array('element' => '::selection', 'property' => 'background-color')), 'transport' => 'postMessage', 'priority' => 11);
$controls[] = array('type' => 'color', 'setting' => 'tg_link_color', 'label' => __('Page Content Link Color', THEMEDOMAIN), 'section' => 'general_color', 'default' => '#222222', 'output' => array(array('element' => 'a', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 12);
$controls[] = array('type' => 'color', 'setting' => 'tg_hover_link_color', 'label' => __('Page Content Hover Link Color', THEMEDOMAIN), 'section' => 'general_color', 'default' => '#999999', 'output' => array(array('element' => 'a:hover, a:active, .post_info_comment a i', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 13);
$controls[] = array('type' => 'color', 'setting' => 'tg_h1_font_color', 'label' => __('H1, H2, H3, H4, H5, H6 Font Color', THEMEDOMAIN), 'section' => 'general_color', 'default' => '#222222', 'output' => array(array('element' => 'h1, h2, h3, h4, h5, pre, code, tt, blockquote, .post_header h5 a, .post_header h3 a, .post_header.grid h6 a, .post_header.fullwidth h4 a, .post_header h5 a, blockquote, .site_loading_logo_item i', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 14);
$controls[] = array('type' => 'color', 'setting' => 'tg_hr_color', 'label' => __('Horizontal Line Color', THEMEDOMAIN), 'section' => 'general_color', 'default' => '#e1e1e1', 'output' => array(array('element' => '#social_share_wrapper, hr, #social_share_wrapper, .post.type-post, #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle, .comment .right, .widget_tag_cloud div a, .meta-tags a, .tag_cloud a, #footer, #post_more_wrapper, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, #page_content_wrapper .inner .sidebar_content, #page_caption, #page_content_wrapper .inner .sidebar_content.left_sidebar, .ajax_close, .ajax_next, .ajax_prev, .portfolio_next, .portfolio_prev, .portfolio_next_prev_wrapper.video .portfolio_prev, .portfolio_next_prev_wrapper.video .portfolio_next, .separated, .blog_next_prev_wrapper, #post_more_wrapper h5, #ajax_portfolio_wrapper.hidding, #ajax_portfolio_wrapper.visible, .tabs.vertical .ui-tabs-panel, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce table.shop_table, .woocommerce-page table.shop_table, table tr td, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator, .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th, table tr th, .woocommerce #payment, .woocommerce-page #payment, .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li, .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row, .ui-tabs li:first-child, .ui-tabs .ui-tabs-nav li, .ui-tabs.vertical .ui-tabs-nav li, .ui-tabs.vertical.right .ui-tabs-nav li.ui-state-active, .ui-tabs.vertical .ui-tabs-nav li:last-child, #page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a, .page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a, .pricing_wrapper, .pricing_wrapper li, .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content, #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle:before, h2.widgettitle:before, #autocomplete, .page_tagline, .ppb_blog_minimal .one_third_bg, .portfolio_desc.wide', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 15);
$controls[] = array('type' => 'color', 'setting' => 'tg_input_bg_color', 'label' => __('Input and Textarea Background Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#ffffff', 'output' => array(array('element' => 'input[type=text], input[type=password], input[type=email], input[type=url], textarea', 'property' => 'background-color')), 'transport' => 'postMessage', 'priority' => 16);
$controls[] = array('type' => 'color', 'setting' => 'tg_input_font_color', 'label' => __('Input and Textarea Font Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#000', 'output' => array(array('element' => 'input[type=text], input[type=password], input[type=email], input[type=url], textarea', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 17);
$controls[] = array('type' => 'color', 'setting' => 'tg_input_border_color', 'label' => __('Input and Textarea Border Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#e1e1e1', 'output' => array(array('element' => 'input[type=text], input[type=password], input[type=email], input[type=url], textarea', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 18);
$controls[] = array('type' => 'color', 'setting' => 'tg_input_focus_color', 'label' => __('Input and Textarea Focus State Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#000000', 'output' => array(array('element' => 'input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 19);
$controls[] = array('type' => 'select', 'setting' => 'tg_button_font', 'label' => __('Button Font Family', THEMEDOMAIN), 'section' => 'general_input', 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => 'input[type=submit], input[type=button], a.button, .button, .woocommerce .page_slider a.button, a.button.fullwidth, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt', 'property' => 'font-family')), 'transport' => 'postMessage', 'priority' => 19);
$controls[] = array('type' => 'color', 'setting' => 'tg_button_bg_color', 'label' => __('Button Background Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#888888', 'output' => array(array('element' => 'input[type=submit], input[type=button], a.button, .button, .pagination span, .pagination a:hover, .woocommerce .footer_bar .button, .woocommerce .footer_bar .button:hover, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt', 'property' => 'background-color'), array('element' => '.pagination span, .pagination a:hover', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 20);
$controls[] = array('type' => 'color', 'setting' => 'tg_button_font_color', 'label' => __('Button Font Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#ffffff', 'output' => array(array('element' => 'input[type=submit], input[type=button], a.button, .button, .pagination a:hover, .woocommerce .footer_bar .button , .woocommerce .footer_bar .button:hover, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 21);
$controls[] = array('type' => 'color', 'setting' => 'tg_button_border_color', 'label' => __('Button Border Color', THEMEDOMAIN), 'section' => 'general_input', 'default' => '#888888', 'output' => array(array('element' => 'input[type=submit], input[type=button], a.button, .button, .pagination a:hover, .woocommerce .footer_bar .button , .woocommerce .footer_bar .button:hover, .woocommerce-page div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 22);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_mobile_responsive', 'label' => __('Enable Responsive Layout', THEMEDOMAIN), 'description' => __('Check this to enable responsive layout for tablet and mobile devices.', THEMEDOMAIN), 'section' => 'general_mobile', 'default' => 1, 'priority' => 25);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_frame', 'label' => __('Enable Frame', THEMEDOMAIN), 'description' => __('Check this to enable frame for site layout', THEMEDOMAIN), 'section' => 'general_frame', 'default' => 0, 'priority' => 26);
$controls[] = array('type' => 'color', 'setting' => 'tg_frame_color', 'label' => __('Frame Color', THEMEDOMAIN), 'section' => 'general_frame', 'default' => '#ffffff', 'output' => array(array('element' => '.frame_top, .frame_bottom, .frame_left, .frame_right', 'property' => 'background')), 'transport' => 'postMessage', 'priority' => 27);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_boxed', 'label' => __('Enable Boxed Layout', THEMEDOMAIN), 'description' => __('Check this to enable boxed layout for site layout', THEMEDOMAIN), 'section' => 'general_boxed', 'default' => 0, 'priority' => 28);
//End General Tab Settings
//Register Menu Tab Settings
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_main_menu', 'label' => __('Enable Main Menu', THEMEDOMAIN), 'description' => __('Enable this to display main menu.', THEMEDOMAIN), 'section' => 'menu_general', 'default' => 1, 'priority' => 1);
$controls[] = array('type' => 'select', 'setting' => 'tg_menu_layout', 'label' => __('Menu Layout', THEMEDOMAIN), 'section' => 'menu_general', 'default' => 'Lato', 'choices' => $tg_menu_layout, 'priority' => 1);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_fixed_menu', 'label' => __('Enable Sticky Menu', THEMEDOMAIN), 'description' => __('Enable this to display main menu fixed when scrolling.', THEMEDOMAIN), 'section' => 'menu_general', 'default' => '', 'priority' => 1);
$controls[] = array('type' => 'select', 'setting' => 'tg_menu_font', 'label' => __('Menu Font Family', THEMEDOMAIN), 'section' => 'menu_typography', 'default' => 'Lato', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => '#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a', 'property' => 'font-family')), 'transport' => 'postMessage', 'priority' => 1);
$controls[] = array('type' => 'slider', 'setting' => 'tg_menu_font_size', 'label' => __('Menu Font Size', THEMEDOMAIN), 'section' => 'menu_typography', 'default' => 12, 'choices' => array('min' => 11, 'max' => 40, 'step' => 1), 'output' => array(array('element' => '#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 2);
$controls[] = array('type' => 'slider', 'setting' => 'tg_menu_weight', 'label' => __('Menu Font Weight', THEMEDOMAIN), 'section' => 'menu_typography', 'default' => 600, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => '#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a', 'property' => 'font-weight')), 'transport' => 'postMessage', 'priority' => 3);
$controls[] = array('type' => 'slider', 'setting' => 'tg_menu_font_spacing', 'label' => __('Menu Font Spacing', THEMEDOMAIN), 'section' => 'menu_typography', 'default' => 2, 'choices' => array('min' => -2, 'max' => 5, 'step' => 1), 'output' => array(array('element' => '#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a', 'property' => 'letter-spacing', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 4);
$controls[] = array('type' => 'select', 'setting' => 'tg_menu_transform', 'label' => __('Menu Font Text Transform', THEMEDOMAIN), 'section' => 'menu_typography', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => '#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 4);
$controls[] = array('type' => 'color', 'setting' => 'tg_menu_font_color', 'label' => __('Menu Font Color', THEMEDOMAIN), 'section' => 'menu_color', 'default' => '#666666', 'output' => array(array('element' => '#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 5);
$controls[] = array('type' => 'color', 'setting' => 'tg_menu_hover_font_color', 'label' => __('Menu Hover State Font Color', THEMEDOMAIN), 'section' => 'menu_color', 'default' => '#222222', 'output' => array(array('element' => '#menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 6);
$controls[] = array('type' => 'color', 'setting' => 'tg_menu_active_font_color', 'label' => __('Menu Active State Font Color', THEMEDOMAIN), 'section' => 'menu_color', 'default' => '#222222', 'output' => array(array('element' => '#menu_wrapper div .nav > li.current-menu-item > a, #menu_wrapper div .nav > li.current-menu-parent > a, #menu_wrapper div .nav > li.current-menu-ancestor > a, #menu_wrapper div .nav li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li.current-menu-item a', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 7);
$controls[] = array('type' => 'color', 'setting' => 'tg_menu_border_color', 'label' => __('Menu Border Color', THEMEDOMAIN), 'section' => 'menu_color', 'default' => '#e1e1e1', 'output' => array(array('element' => '.top_bar', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 7);
$controls[] = array('type' => 'background', 'setting' => 'tg_menu_bg', 'label' => __('Menu Background', THEMEDOMAIN), 'section' => 'menu_background', 'default' => array('color' => 'rgba(256,256,256,0.95)', 'image' => '', 'repeat' => 'no-repeat', 'size' => 'cover', 'attach' => 'fixed', 'position' => 'left-top', 'opacity' => 100), 'output' => '.top_bar', 'priority' => 8);
$controls[] = array('type' => 'slider', 'setting' => 'tg_submenu_font_size', 'label' => __('SubMenu Font Size', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => 11, 'choices' => array('min' => 10, 'max' => 40, 'step' => 1), 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'slider', 'setting' => 'tg_submenu_weight', 'label' => __('SubMenu Font Weight', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => 600, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a', 'property' => 'font-weight')), 'transport' => 'postMessage', 'priority' => 10);
$controls[] = array('type' => 'slider', 'setting' => 'tg_submenu_font_spacing', 'label' => __('SubMenu Font Spacing', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => 2, 'choices' => array('min' => -2, 'max' => 5, 'step' => 1), 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a', 'property' => 'letter-spacing', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 11);
$controls[] = array('type' => 'select', 'setting' => 'tg_submenu_transform', 'label' => __('Menu Font Text Transform', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 12);
$controls[] = array('type' => 'color', 'setting' => 'tg_submenu_font_color', 'label' => __('Sub Menu Font Color', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => '#888888', 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 13);
$controls[] = array('type' => 'color', 'setting' => 'tg_submenu_hover_font_color', 'label' => __('Sub Menu Hover State Font Color', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => '#444444', 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:hover, #menu_wrapper div .nav li.megamenu ul li ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:active, #menu_wrapper div .nav li.megamenu ul li ul li a:active', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 14);
$controls[] = array('type' => 'color', 'setting' => 'tg_submenu_hover_bg_color', 'label' => __('Sub Menu Hover State Background Color', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => '#f9f9f9', 'output' => array(array('element' => '#menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:hover, #menu_wrapper div .nav li.megamenu ul li ul li a:hover, #menu_wrapper .nav ul li.megamenu ul li ul li a:active, #menu_wrapper div .nav li.megamenu ul li ul li a:active', 'property' => 'background')), 'transport' => 'postMessage', 'priority' => 15);
$controls[] = array('type' => 'color', 'setting' => 'tg_submenu_bg_color', 'label' => __('Sub Menu Background Color', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => '#ffffff', 'output' => array(array('element' => '#menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul', 'property' => 'background')), 'transport' => 'postMessage', 'priority' => 16);
$controls[] = array('type' => 'color', 'setting' => 'tg_submenu_border_color', 'label' => __('Sub Menu Border Color', THEMEDOMAIN), 'section' => 'menu_submenu', 'default' => '#e1e1e1', 'output' => array(array('element' => '#menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 17);
$controls[] = array('type' => 'color', 'setting' => 'tg_megamenu_header_color', 'label' => __('Mega Menu Header Font Color', THEMEDOMAIN), 'section' => 'menu_megamenu', 'default' => '#444444', 'output' => array(array('element' => '#menu_wrapper div .nav li.megamenu ul li > a, #menu_wrapper div .nav li.megamenu ul li > a:hover, #menu_wrapper div .nav li.megamenu ul li > a:active', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 18);
$controls[] = array('type' => 'color', 'setting' => 'tg_megamenu_border_color', 'label' => __('Mega Menu Border Color', THEMEDOMAIN), 'section' => 'menu_megamenu', 'default' => '#eeeeee', 'output' => array(array('element' => '#menu_wrapper div .nav li.megamenu ul li', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 20);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_topbar', 'label' => __('Display Top Bar', THEMEDOMAIN), 'description' => __('Enable this option to display top bar above main menu', THEMEDOMAIN), 'section' => 'menu_topbar', 'default' => 0, 'priority' => 21);
$controls[] = array('type' => 'color', 'setting' => 'tg_topbar_bg_color', 'label' => __('Top Bar Background Color', THEMEDOMAIN), 'section' => 'menu_topbar', 'default' => '#222222', 'output' => array(array('element' => '.above_top_bar', 'property' => 'background')), 'transport' => 'postMessage', 'priority' => 22);
$controls[] = array('type' => 'color', 'setting' => 'tg_topbar_font_color', 'label' => __('Top Bar Menu Font Color', THEMEDOMAIN), 'section' => 'menu_topbar', 'default' => '#ffffff', 'output' => array(array('element' => '#top_menu li a, .top_contact_info, .top_contact_info i, .top_contact_info a, .top_contact_info a:hover, .top_contact_info a:active', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 23);
$controls[] = array('type' => 'text', 'setting' => 'tg_menu_contact_hours', 'label' => __('Contact Hours (Optional)', THEMEDOMAIN), 'description' => __('Enter your company contact hours.', THEMEDOMAIN), 'section' => 'menu_contact', 'default' => 'Mon-Fri 09.00 - 17.00', 'transport' => 'postMessage', 'priority' => 26);
$controls[] = array('type' => 'text', 'setting' => 'tg_menu_contact_number', 'label' => __('Contact Phone Number (Optional)', THEMEDOMAIN), 'description' => __('Enter your company contact phone number.', THEMEDOMAIN), 'section' => 'menu_contact', 'default' => '1.800.456.6743', 'transport' => 'postMessage', 'priority' => 27);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_topbar_social_link', 'label' => __('Open Top Bar Social Icons link in new window', THEMEDOMAIN), 'description' => __('Check this to open top bar social icons link in new window', THEMEDOMAIN), 'section' => 'menu_contact', 'default' => 1, 'priority' => 28);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_menu_search', 'label' => __('Enable Search', THEMEDOMAIN), 'description' => __('Select to display search form in header of side menu', THEMEDOMAIN), 'section' => 'menu_search', 'default' => 1, 'priority' => 28);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_menu_search_instant', 'label' => __('Enable Instant Search', THEMEDOMAIN), 'description' => __('Select to display search result instantly while typing', THEMEDOMAIN), 'section' => 'menu_search', 'default' => 1, 'priority' => 29);
$controls[] = array('type' => 'color', 'setting' => 'tg_menu_search_input_color', 'label' => __('Search Input Background Color', THEMEDOMAIN), 'section' => 'menu_search', 'default' => '#ebebeb', 'output' => array(array('element' => '.mobile_menu_wrapper #searchform', 'property' => 'background')), 'transport' => 'postMessage', 'priority' => 30);
$controls[] = array('type' => 'color', 'setting' => 'tg_menu_search_font_color', 'label' => __('Search Input Font Color', THEMEDOMAIN), 'section' => 'menu_search', 'default' => '#222222', 'output' => array(array('element' => '.mobile_menu_wrapper #searchform input[type=text], .mobile_menu_wrapper #searchform button i', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 31);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_sidemenu', 'label' => __('Enable Side Menu on Desktop', THEMEDOMAIN), 'description' => 'Check this option to enable side menu on desktop', 'section' => 'menu_sidemenu', 'default' => 1, 'priority' => 31);
$controls[] = array('type' => 'background', 'setting' => 'tg_sidemenu_bg', 'label' => __('Side Menu Background', THEMEDOMAIN), 'section' => 'menu_sidemenu', 'default' => array('color' => '#ffffff', 'image' => '', 'repeat' => 'no-repeat', 'size' => 'cover', 'attach' => 'fixed', 'position' => 'left-top', 'opacity' => 100), 'output' => '.mobile_menu_wrapper', 'priority' => 32);
$controls[] = array('type' => 'select', 'setting' => 'tg_sidemenu_font', 'label' => __('Side Menu Font Family', THEMEDOMAIN), 'section' => 'menu_sidemenu', 'default' => 'Lato', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => '.mobile_main_nav li a, #sub_menu li a', 'property' => 'font-family')), 'transport' => 'postMessage', 'priority' => 40);
$controls[] = array('type' => 'slider', 'setting' => 'tg_sidemenu_font_size', 'label' => __('Side Menu Font Size', THEMEDOMAIN), 'section' => 'menu_sidemenu', 'default' => 13, 'choices' => array('min' => 11, 'max' => 40, 'step' => 1), 'output' => array(array('element' => '.mobile_main_nav li a, #sub_menu li a', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 41);
$controls[] = array('type' => 'select', 'setting' => 'tg_sidemenu_font_transform', 'label' => __('Side Menu Font Text Transform', THEMEDOMAIN), 'section' => 'menu_sidemenu', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => '.mobile_main_nav li a, #sub_menu li a', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 42);
$controls[] = array('type' => 'slider', 'setting' => 'tg_sidemenu_font_spacing', 'label' => __('Side Menu Font Spacing', THEMEDOMAIN), 'section' => 'menu_typography', 'default' => 2, 'choices' => array('min' => -2, 'max' => 5, 'step' => 1), 'output' => array(array('element' => '.mobile_main_nav li a, #sub_menu li a', 'property' => 'letter-spacing', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 42);
$controls[] = array('type' => 'color', 'setting' => 'tg_sidemenu_font_color', 'label' => __('Side Menu Font Color', THEMEDOMAIN), 'section' => 'menu_sidemenu', 'default' => '#666666', 'output' => array(array('element' => '.mobile_main_nav li a, #sub_menu li a, .mobile_menu_wrapper .sidebar_wrapper a, .mobile_menu_wrapper .sidebar_wrapper, #close_mobile_menu i', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 43);
$controls[] = array('type' => 'color', 'setting' => 'tg_submenu_hover_font_color', 'label' => __('Side Menu Hover State Font Color', THEMEDOMAIN), 'section' => 'menu_sidemenu', 'default' => '#222222', 'output' => array(array('element' => '.mobile_main_nav li a:hover, .mobile_main_nav li a:active, #sub_menu li a:hover, #sub_menu li a:active, .mobile_menu_wrapper .sidebar_wrapper h2.widgettitle', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 44);
//End Menu Tab Settings
//Register Header Tab Settings
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_page_title_img_blur', 'label' => __('Add Blur Effect When Scroll', THEMEDOMAIN), 'description' => __('Enable this option to add blur effect to header background image when scrolling pass it', THEMEDOMAIN), 'section' => 'header_background', 'default' => '1', 'priority' => 1);
$controls[] = array('type' => 'color', 'setting' => 'tg_page_header_bg_color', 'label' => __('Page Header Background Color', THEMEDOMAIN), 'section' => 'header_background', 'default' => '#ffffff', 'output' => array(array('element' => '#page_caption', 'property' => 'background-color')), 'transport' => 'postMessage', 'priority' => 18);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_header_padding_top', 'label' => __('Page Header Padding Top', THEMEDOMAIN), 'section' => 'header_title', 'default' => 80, 'choices' => array('min' => 0, 'max' => 200, 'step' => 1), 'output' => array(array('element' => '#page_caption', 'property' => 'padding-top', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 3);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_header_padding_bottom', 'label' => __('Page Header Padding Bottom', THEMEDOMAIN), 'section' => 'header_title', 'default' => 80, 'choices' => array('min' => 0, 'max' => 200, 'step' => 1), 'output' => array(array('element' => '#page_caption', 'property' => 'padding-bottom', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 4);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_title_font_size', 'label' => __('Page Title Font Size', THEMEDOMAIN), 'section' => 'header_title', 'default' => 48, 'choices' => array('min' => 12, 'max' => 100, 'step' => 1), 'output' => array(array('element' => '#page_caption h1, .ppb_title', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 6);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_title_font_weight', 'label' => __('Page Title Font Weight', THEMEDOMAIN), 'section' => 'header_title', 'default' => 300, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => '#page_caption h1, .ppb_title, .post_caption h1', 'property' => 'font-weight')), 'transport' => 'postMessage', 'priority' => 7);
$controls[] = array('type' => 'select', 'setting' => 'tg_page_title_transform', 'label' => __('Page Title Text Transform', THEMEDOMAIN), 'section' => 'header_title', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => '#page_caption h1, .ppb_title, .post_caption h1', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 8);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_title_font_spacing', 'label' => __('Page Title Font Spacing', THEMEDOMAIN), 'section' => 'header_title', 'default' => 1, 'choices' => array('min' => -2, 'max' => 5, 'step' => 1), 'output' => array(array('element' => '#page_caption h1, .ppb_title, .post_caption h1', 'property' => 'letter-spacing', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 8);
$controls[] = array('type' => 'color', 'setting' => 'tg_page_title_font_color', 'label' => __('Page Title Font Color', THEMEDOMAIN), 'section' => 'header_title', 'default' => '#222222', 'output' => array(array('element' => '#page_caption h1, .ppb_title, .post_caption h1', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_title_bg_height', 'label' => __('Page Title Background Image Height (in %)', THEMEDOMAIN), 'section' => 'header_title_bg', 'default' => 70, 'choices' => array('min' => 10, 'max' => 100, 'step' => 5), 'output' => array(array('element' => '#page_caption.hasbg', 'property' => 'height', 'units' => 'vh')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'slider', 'setting' => 'tg_header_builder_font_size', 'label' => __(' Content Builder Header Font Size', THEMEDOMAIN), 'section' => 'header_builder_title', 'default' => 42, 'choices' => array('min' => 12, 'max' => 100, 'step' => 1), 'output' => array(array('element' => 'h2.ppb_title', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'select', 'setting' => 'tg_header_builder_font_transform', 'label' => __('Content Builder Header Text Transform', THEMEDOMAIN), 'section' => 'header_builder_title', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => 'h2.ppb_title', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'color', 'setting' => 'tg_page_tagline_font_color', 'label' => __('Page Tagline Font Color', THEMEDOMAIN), 'section' => 'header_tagline', 'default' => '#999999', 'output' => array(array('element' => '.page_tagline, .ppb_subtitle, .post_header .post_detail, .recent_post_detail, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 9);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_tagline_font_size', 'label' => __('Page Title Font Size', THEMEDOMAIN), 'section' => 'header_tagline', 'default' => 13, 'choices' => array('min' => 10, 'max' => 30, 'step' => 1), 'output' => array(array('element' => '.page_tagline, .post_header .post_detail, .recent_post_detail, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 10);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_tagline_font_weight', 'label' => __('Page Tagline Font Weight', THEMEDOMAIN), 'section' => 'header_tagline', 'default' => 400, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => '.page_tagline', 'property' => 'font-weight')), 'transport' => 'postMessage', 'priority' => 11);
$controls[] = array('type' => 'slider', 'setting' => 'tg_page_tagline_font_spacing', 'label' => __('Page Tagline Font Spacing', THEMEDOMAIN), 'section' => 'header_tagline', 'default' => 2, 'choices' => array('min' => -2, 'max' => 4, 'step' => 1), 'output' => array(array('element' => '.post_header .post_detail, .recent_post_detail, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company', 'property' => 'letter-spacing', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 12);
$controls[] = array('type' => 'select', 'setting' => 'tg_page_tagline_transform', 'label' => __('Page Tagline Text Transform', THEMEDOMAIN), 'section' => 'header_tagline', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => '.post_header .post_detail, .recent_post_detail, .post_detail, .thumb_content span, .portfolio_desc .portfolio_excerpt, .testimonial_customer_position, .testimonial_customer_company', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 13);
//End Header Tab Settings
//Register Sidebar Tab Settings
$controls[] = array('type' => 'select', 'setting' => 'tg_sidebar_title_font', 'label' => __('Widget Title Font Family', THEMEDOMAIN), 'section' => 'sidebar_typography', 'default' => 'Oswald', 'choices' => Kirki_Fonts::get_font_choices(), 'output' => array(array('element' => '#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle', 'property' => 'font-family')), 'transport' => 'postMessage', 'priority' => 1);
$controls[] = array('type' => 'slider', 'setting' => 'tg_sidebar_title_font_size', 'label' => __('Widget Title Font Size', THEMEDOMAIN), 'section' => 'sidebar_typography', 'default' => 13, 'choices' => array('min' => 11, 'max' => 40, 'step' => 1), 'output' => array(array('element' => '#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle', 'property' => 'font-size', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 2);
$controls[] = array('type' => 'slider', 'setting' => 'tg_sidebar_title_font_weight', 'label' => __('Widget Title Font Weight', THEMEDOMAIN), 'section' => 'sidebar_typography', 'default' => 400, 'choices' => array('min' => 100, 'max' => 900, 'step' => 100), 'output' => array(array('element' => '#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle', 'property' => 'font-weight')), 'transport' => 'postMessage', 'priority' => 3);
$controls[] = array('type' => 'slider', 'setting' => 'tg_sidebar_title_font_spacing', 'label' => __('Widget Title Font Spacing', THEMEDOMAIN), 'section' => 'sidebar_typography', 'default' => 2, 'choices' => array('min' => -2, 'max' => 4, 'step' => 1), 'output' => array(array('element' => '#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle', 'property' => 'letter-spacing', 'units' => 'px')), 'transport' => 'postMessage', 'priority' => 4);
$controls[] = array('type' => 'select', 'setting' => 'tg_sidebar_title_transform', 'label' => __('Widget Title Text Transform', THEMEDOMAIN), 'section' => 'sidebar_typography', 'default' => 'uppercase', 'choices' => $tg_text_transform, 'output' => array(array('element' => '#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle', 'property' => 'text-transform')), 'transport' => 'postMessage', 'priority' => 5);
$controls[] = array('type' => 'color', 'setting' => 'tg_sidebar_font_color', 'label' => __('Sidebar Font Color', THEMEDOMAIN), 'section' => 'sidebar_color', 'default' => '#444444', 'output' => array(array('element' => '#page_content_wrapper .inner .sidebar_wrapper .sidebar .content, .page_content_wrapper .inner .sidebar_wrapper .sidebar .content', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 6);
$controls[] = array('type' => 'color', 'setting' => 'tg_sidebar_link_color', 'label' => __('Sidebar Link Color', THEMEDOMAIN), 'section' => 'sidebar_color', 'default' => '#222222', 'output' => array(array('element' => '#page_content_wrapper .inner .sidebar_wrapper a, .page_content_wrapper .inner .sidebar_wrapper a', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 7);
$controls[] = array('type' => 'color', 'setting' => 'tg_sidebar_hover_link_color', 'label' => __('Sidebar Hover Link Color', THEMEDOMAIN), 'section' => 'sidebar_color', 'default' => '#999999', 'output' => array(array('element' => '#page_content_wrapper .inner .sidebar_wrapper a:hover, #page_content_wrapper .inner .sidebar_wrapper a:active, .page_content_wrapper .inner .sidebar_wrapper a:hover, .page_content_wrapper .inner .sidebar_wrapper a:active', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 8);
$controls[] = array('type' => 'color', 'setting' => 'tg_sidebar_title_color', 'label' => __('Sidebar Widget Title Font Color', THEMEDOMAIN), 'section' => 'sidebar_color', 'default' => '#222222', 'output' => array(array('element' => '#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, h5.widgettitle', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 9);
//End Sidebar Tab Settings
//Register Footer Tab Settings
$controls[] = array('type' => 'select', 'setting' => 'tg_footer_sidebar', 'label' => __('Footer Sidebar Columns', THEMEDOMAIN), 'section' => 'footer_general', 'default' => 4, 'choices' => $tg_copyright_column, 'priority' => 2);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_footer_social_link', 'label' => __('Open Footer Social Icons link in new window', THEMEDOMAIN), 'description' => __('Check this to open footer social icons link in new window', THEMEDOMAIN), 'section' => 'footer_general', 'default' => 1, 'priority' => 3);
$controls[] = array('type' => 'background', 'setting' => 'tg_footer_bg', 'label' => __('Footer Background', THEMEDOMAIN), 'section' => 'footer_color', 'default' => array('color' => '#ffffff', 'image' => '', 'repeat' => 'no-repeat', 'size' => 'cover', 'attach' => 'fixed', 'position' => 'center-center', 'opacity' => 100), 'output' => '.footer_bar', 'priority' => 1);
$controls[] = array('type' => 'color', 'setting' => 'tg_footer_font_color', 'label' => __('Footer Font Color', THEMEDOMAIN), 'section' => 'footer_color', 'default' => '#000000', 'output' => array(array('element' => '#footer, #copyright', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 10);
$controls[] = array('type' => 'color', 'setting' => 'tg_footer_link_color', 'label' => __('Footer Link Color', THEMEDOMAIN), 'section' => 'footer_color', 'default' => '#000000', 'output' => array(array('element' => '#copyright a, #copyright a:active, #footer a, #footer a:active', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 11);
$controls[] = array('type' => 'color', 'setting' => 'tg_footer_hover_link_color', 'label' => __('Footer Hover Link Color', THEMEDOMAIN), 'section' => 'footer_color', 'default' => '#000000', 'output' => array(array('element' => '#copyright a:hover, #footer a:hover, .social_wrapper ul li a:hover', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 12);
$controls[] = array('type' => 'color', 'setting' => 'tg_footer_border_color', 'label' => __('Footer Border Color', THEMEDOMAIN), 'section' => 'footer_color', 'default' => '#e1e1e1', 'output' => array(array('element' => '.footer_bar_wrapper, .footer_bar', 'property' => 'border-color')), 'transport' => 'postMessage', 'priority' => 13);
$controls[] = array('type' => 'color', 'setting' => 'tg_footer_social_color', 'label' => __('Footer Social Icon Color', THEMEDOMAIN), 'section' => 'footer_color', 'default' => '#000000', 'output' => array(array('element' => '.footer_bar_wrapper .social_wrapper ul li a', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 13);
$controls[] = array('type' => 'textarea', 'setting' => 'tg_footer_copyright_text', 'label' => __('Copyright Text', THEMEDOMAIN), 'description' => __('Enter your copyright text.', THEMEDOMAIN), 'section' => 'footer_copyright', 'default' => '© Copyright PhotoMe Theme Demo - Theme by ThemeGoods', 'transport' => 'postMessage', 'priority' => 5);
$controls[] = array('type' => 'select', 'setting' => 'tg_footer_copyright_right_area', 'label' => __('Copyright Right Area Content', THEMEDOMAIN), 'section' => 'footer_copyright', 'default' => 'social', 'choices' => $tg_copyright_content, 'priority' => 6);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_footer_copyright_totop', 'label' => __('Go To Top Button', THEMEDOMAIN), 'description' => 'Check this option to enable go to top button at the bottom of page when scrolling', 'section' => 'footer_copyright', 'default' => 1, 'priority' => 7);
//End Footer Tab Settings
//Begin Gallery Tab Settings
$controls[] = array('type' => 'select', 'setting' => 'tg_gallery_sort', 'label' => __('Gallery Images Sorting', THEMEDOMAIN), 'section' => 'gallery_sorting', 'default' => 'drag', 'choices' => $tg_gallery_sort, 'priority' => 1);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_lightbox_enable_caption', 'label' => __('Display image caption in lightbox', THEMEDOMAIN), 'description' => __('Check if you want to display image caption under the image in lightbox mode', THEMEDOMAIN), 'section' => 'gallery_lightbox', 'default' => 1, 'priority' => 2);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_gallery_hover_slide', 'label' => __('Enable slideshow on hover effect', THEMEDOMAIN), 'description' => __('Check this option to enable slideshow effect when move mouse over gallery thumbnail', THEMEDOMAIN), 'section' => 'gallery_archive', 'default' => 1, 'priority' => 2);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_full_autoplay', 'label' => __('Enable autoplay slideshow', THEMEDOMAIN), 'description' => __('Check this option to let fullscreen slideshow starts playing automatically', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 1, 'priority' => 3);
$controls[] = array('type' => 'slider', 'setting' => 'tg_full_slideshow_timer', 'label' => __('Slideshow Timer', THEMEDOMAIN), 'description' => __('Select number of seconds for Full Screen Slideshow timer', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 9, 'choices' => array('min' => 1, 'max' => 20, 'step' => 1), 'priority' => 4);
$controls[] = array('type' => 'select', 'setting' => 'tg_full_slideshow_trans', 'label' => __('Slideshow Transition Effect', THEMEDOMAIN), 'description' => __('Select transition type for contents in Full Screen slideshow', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 1, 'choices' => $tg_slideshow_trans, 'priority' => 5);
$controls[] = array('type' => 'slider', 'setting' => 'tg_full_slideshow_trans_speed', 'label' => __('Slideshow Transition Timer', THEMEDOMAIN), 'description' => __('Select number of milliseconds for transition between each image', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 800, 'choices' => array('min' => 100, 'max' => 10000, 'step' => 100), 'priority' => 6);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_full_image_caption', 'label' => __('Display slideshow image caption', THEMEDOMAIN), 'description' => __('Check this option if you want to display fullscreen slideshow image caption', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 1, 'priority' => 7);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_full_nocover', 'label' => __('Display image proportion size', THEMEDOMAIN), 'description' => __('Check this option if you want to display slide image proportion size without covering screen', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 0, 'priority' => 8);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_full_arrow', 'label' => __('Display slideshow arrows', THEMEDOMAIN), 'description' => __('Check this option if you want to display slide navigation arrow', THEMEDOMAIN), 'section' => 'gallery_fullscreen', 'default' => 0, 'priority' => 8);
$controls[] = array('type' => 'slider', 'setting' => 'tg_kenburns_timer', 'label' => __('Kenburns Slideshow timer', THEMEDOMAIN), 'description' => __('Select number of seconds for Kenburns Slideshow timer', THEMEDOMAIN), 'section' => 'gallery_kenburns', 'default' => 7, 'choices' => array('min' => 1, 'max' => 20, 'step' => 1), 'priority' => 8);
$controls[] = array('type' => 'slider', 'setting' => 'tg_kenburns_zoom', 'label' => __('Kenburns Zoom Level', THEMEDOMAIN), 'description' => __('Select zoom level for Kenburns slideshow', THEMEDOMAIN), 'section' => 'gallery_kenburns', 'default' => 2, 'choices' => array('min' => 1, 'max' => 10, 'step' => 1), 'priority' => 9);
$controls[] = array('type' => 'slider', 'setting' => 'tg_kenburns_trans', 'label' => __('Kenburns Transition Timer', THEMEDOMAIN), 'description' => __('Select number of seconds for transition between each image', THEMEDOMAIN), 'section' => 'gallery_kenburns', 'default' => 1000, 'choices' => array('min' => 100, 'max' => 1000, 'step' => 100), 'priority' => 10);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_flow_enable_reflection', 'label' => __('Display Image Reflection', THEMEDOMAIN), 'description' => __('Check this option if you want to display mirror reflection effect in flow gallery', THEMEDOMAIN), 'section' => 'gallery_flow', 'default' => 1, 'priority' => 11);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_flow_enable_lightbox', 'label' => __('Link flow gallery image to lightbox', THEMEDOMAIN), 'description' => __('Check this option if you want to link flow gallery to full size image in lightbox mode', THEMEDOMAIN), 'section' => 'gallery_flow', 'default' => 1, 'priority' => 12);
//End Gallery Tab Settings
//Begin Portfolio Tab Settings
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_portfolio_filterable', 'label' => __('Enable Portfolio Filterable Feature', THEMEDOMAIN), 'description' => __('Check this option to enable filterable feature in portfolio pages', THEMEDOMAIN), 'section' => 'portfolio_filterable', 'default' => 1, 'priority' => 1);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_portfolio_filterable_link', 'label' => __('Link Portfolio Filterable', THEMEDOMAIN), 'description' => __('Check this option to enable linking filterable to its page.', THEMEDOMAIN), 'section' => 'portfolio_filterable', 'default' => 0, 'priority' => 1);
$controls[] = array('type' => 'select', 'setting' => 'tg_portfolio_filterable_sort', 'label' => __('Portfolio Filterable Options Sorting', THEMEDOMAIN), 'section' => 'portfolio_filterable', 'default' => 'name', 'choices' => $tg_portfolio_filterable_sort, 'priority' => 2);
$controls[] = array('type' => 'slider', 'setting' => 'tg_portfolio_items', 'label' => __('Portfolio Page Show At Most', THEMEDOMAIN), 'description' => __('Select number of portfolio items you want to display per page', THEMEDOMAIN), 'section' => 'portfolio_page', 'default' => 24, 'choices' => array('min' => 1, 'max' => 50, 'step' => 1), 'priority' => 4);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_portfolio_next_prev', 'label' => __('Display Next and Previous Portfolios', THEMEDOMAIN), 'description' => __('Check this option to display next and previous portfolios in single portfolio page', THEMEDOMAIN), 'section' => 'portfolio_single', 'default' => 1, 'priority' => 6);
//End Portfolio Tab Settings
//Begin Blog Tab Settings
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_display_full', 'label' => __('Display Full Blog Post Content', THEMEDOMAIN), 'description' => __('Check this option to display post full content in blog page (excerpt blog grid layout)', THEMEDOMAIN), 'section' => 'blog_general', 'default' => 0, 'priority' => 1);
$controls[] = array('type' => 'select', 'setting' => 'tg_blog_archive_layout', 'label' => __('Archive Page Layout', THEMEDOMAIN), 'description' => __('Select page layout for displaying archive page', THEMEDOMAIN), 'section' => 'blog_general', 'default' => 'blog_r', 'choices' => $tg_blog_layout, 'priority' => 2);
$controls[] = array('type' => 'select', 'setting' => 'tg_blog_category_layout', 'label' => __('Category Page Layout', THEMEDOMAIN), 'description' => __('Select page layout for displaying category page', THEMEDOMAIN), 'section' => 'blog_general', 'default' => 'blog_r', 'choices' => $tg_blog_layout, 'priority' => 2);
$controls[] = array('type' => 'select', 'setting' => 'tg_blog_tag_layout', 'label' => __('Tag Page Layout', THEMEDOMAIN), 'description' => __('Select page layout for displaying tag page', THEMEDOMAIN), 'section' => 'blog_general', 'default' => 'blog_r', 'choices' => $tg_blog_layout, 'priority' => 3);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_slider', 'label' => __('Display Slider', THEMEDOMAIN), 'description' => __('Check this option to display slider in blog pages', THEMEDOMAIN), 'section' => 'blog_slider', 'default' => 0, 'priority' => 3);
$controls[] = array('type' => 'select', 'setting' => 'tg_blog_slider_layout', 'label' => __('Slider Layout', THEMEDOMAIN), 'description' => __('Select layout for slider posts', THEMEDOMAIN), 'section' => 'blog_slider', 'default' => '3cols-slider', 'choices' => $tg_slider_layout, 'priority' => 4);
$controls[] = array('type' => 'select', 'setting' => 'tg_blog_slider_cat', 'label' => __('Slider Post Category', THEMEDOMAIN), 'description' => __('Select post category filter for slider posts', THEMEDOMAIN), 'section' => 'blog_slider', 'default' => '', 'choices' => $tg_categories_select, 'priority' => 4);
$controls[] = array('type' => 'slider', 'setting' => 'tg_blog_slider_items', 'label' => __('Slider Post Items', THEMEDOMAIN), 'section' => 'blog_slider', 'default' => 5, 'choices' => array('min' => 1, 'max' => 30, 'step' => 1), 'priority' => 5);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_header_bg', 'label' => __('Display Post Header', THEMEDOMAIN), 'description' => __('Check this to display featured image as post header background', THEMEDOMAIN), 'section' => 'blog_single', 'default' => 1, 'priority' => 4);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_feat_content', 'label' => __('Display Post Featured Content', THEMEDOMAIN), 'description' => __('Check this to display featured content (image or gallery) in single post page', THEMEDOMAIN), 'section' => 'blog_single', 'default' => 0, 'priority' => 5);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_display_tags', 'label' => __('Display Post Tags', THEMEDOMAIN), 'description' => __('Check this option to display post tags on single post page', THEMEDOMAIN), 'section' => 'blog_single', 'default' => 0, 'priority' => 6);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_display_author', 'label' => __('Display About Author', THEMEDOMAIN), 'description' => __('Check this option to display about author on single post page', THEMEDOMAIN), 'section' => 'blog_single', 'default' => 1, 'priority' => 7);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_blog_display_related', 'label' => __('Display Related Posts', THEMEDOMAIN), 'description' => __('Check this option to display related posts on single post page', THEMEDOMAIN), 'section' => 'blog_single', 'default' => 1, 'priority' => 8);
//End Blog Tab Settings
//Check if Woocommerce is installed
if (class_exists('Woocommerce')) {
//Begin Shop Tab Settings
$controls[] = array('type' => 'select', 'setting' => 'tg_shop_layout', 'label' => __('Shop Main Page Layout', THEMEDOMAIN), 'description' => __('Select page layout for displaying shop\'s products page', THEMEDOMAIN), 'section' => 'shop_layout', 'default' => 'fullwidth', 'choices' => $tg_shop_layout, 'priority' => 1);
$controls[] = array('type' => 'slider', 'setting' => 'tg_shop_items', 'label' => __('Products Page Show At Most', THEMEDOMAIN), 'description' => __('Select number of product items you want to display per page', THEMEDOMAIN), 'section' => 'shop_layout', 'default' => 16, 'choices' => array('min' => 1, 'max' => 100, 'step' => 1), 'priority' => 2);
$controls[] = array('type' => 'color', 'setting' => 'tg_shop_price_font_color', 'label' => __('Product Price Font Color', THEMEDOMAIN), 'section' => 'shop_single', 'default' => '#222', 'output' => array(array('element' => '.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, p.price ins span.amount, p.price span.amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price', 'property' => 'color')), 'transport' => 'postMessage', 'priority' => 2);
$controls[] = array('type' => 'checkbox', 'setting' => 'tg_shop_related_products', 'label' => __('Display Related Products', THEMEDOMAIN), 'description' => __('Check this option to display related products on single product page', THEMEDOMAIN), 'section' => 'shop_single', 'default' => 1, 'priority' => 3);
//End Shop Tab Settings
}
return $controls;
}
