<?php

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

/**
 * ReduxFramework Config File
 */

if ( ! class_exists( 'Redux' ) ) {
	return;
}

// SHRK array of page sections
$shrk_page_sections = null; 
if ( function_exists( 'shrk_redux_get_page_sections' ) ) {
	$shrk_page_sections = shrk_redux_get_page_sections();
}

// Page layout options
$page_layout_options = shrk_redux_get_page_layout_options();

// This is your option name where all the Redux data is stored.
$opt_name = "shrk_theme_options"; //  $shrk_options init in after_setup_theme

/**
 * Set Redux arguments
 */

$theme = wp_get_theme(); // For use with some settings. Not necessary.

$args = array(
	// TYPICAL -> Change these values as you need/desire
	'opt_name'             => $opt_name,
	// This is where your data is stored in the database and also becomes your global variable name.
	'display_name'         => $theme->get( 'Name' ),
	// Name that appears at the top of your panel
	'display_version'      => $theme->get( 'Version' ),
	// Version that appears at the top of your panel
	'menu_type'            => 'menu',
	//Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only)
	'allow_sub_menu'       => true,
	// Show the sections below the admin menu item or not
	'menu_title'           => $theme->get("Name"),
	'page_title'           => $theme->get("Name") . esc_html__( " Options", 'ux-shop' ),
	// You will need to generate a Google API key to use this feature.
	// Please visit: https://developers.google.com/fonts/docs/developer_api#Auth
	'google_api_key'       => 'themekey',
	// Set it you want google fonts to update weekly. A google_api_key value is required.
	'google_update_weekly' => false,
	// Must be defined to add google fonts to the typography module
	'async_typography'     => true,
	// Use a asynchronous font on the front end or font string
	//'disable_google_fonts_link' => true,                    // Disable this in case you want to create your own google fonts loader
	'admin_bar'            => true,
	// Show the panel pages on the admin bar
	'admin_bar_icon'       => 'dashicons-portfolio',
	// Choose an icon for the admin bar menu
	'admin_bar_priority'   => 50,
	// Choose an priority for the admin bar menu
	'global_variable'      => 'shrk_options',
	// Set a different name for your global variable other than the opt_name
	'dev_mode'             => false,
	// Show the time the page took to load, etc
	'update_notice'        => true,
	// If dev_mode is enabled, will notify developer of updated versions available in the GitHub Repo
	'customizer'           => false,
	// Enable basic customizer support
	//'open_expanded'     => true,                    // Allow you to start the panel in an expanded way initially.
	//'disable_save_warn' => true,                    // Disable the save warning when a user changes a field

	// OPTIONAL -> Give you extra features
	'page_priority'        => null,
	// Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
	'page_parent'          => 'themes.php',
	// For a full list of options, visit: http://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters
	'page_permissions'     => 'manage_options',
	// Permissions needed to access the options panel.
	'menu_icon'            => 'dashicons-cart',
	// Specify a custom URL to an icon
	'last_tab'             => '',
	// Force your panel to always open to a specific tab (by id)
	'page_icon'            => 'icon-themes',
	// Icon displayed in the admin panel next to your menu_title
	'page_slug'            => '_options',
	// Page slug used to denote the panel, will be based off page title then menu title then opt_name if not provided
	'save_defaults'        => true,
	// On load save the defaults to DB before user clicks save or not
	'default_show'         => false,
	// If true, shows the default value next to each field that is not the default value.
	'default_mark'         => '',
	// What to print by the field's title if the value shown is default. Suggested: *
	'show_import_export'   => true,
	// Shows the Import/Export panel when not used as a field.

	// CAREFUL -> These options are for advanced use only
	'transient_time'       => 60 * MINUTE_IN_SECONDS,
	'output'               => true,
	// Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output
	'output_tag'           => true,
	// Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head
	// 'footer_credit'     => '',                   // Disable the footer credit of Redux. Please leave if you can help it.

	// FUTURE -> Not in use yet, but reserved or partially implemented. Use at your own risk.
	'database'             => '',
	// possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
	'use_cdn'              => true,
	// If you prefer not to use the CDN for Select2, Ace Editor, and others, you may download the Redux Vendor Support plugin yourself and run locally or embed it in your code.

	// HINTS
	'hints'                => array(
		'icon'          => 'el el-question-sign',
		'icon_position' => 'right',
		'icon_color'    => 'lightgray',
		'icon_size'     => 'normal',
		'tip_style'     => array(
			'color'   => 'red',
			'shadow'  => true,
			'rounded' => false,
			'style'   => '',
		),
		'tip_position'  => array(
			'my' => 'top left',
			'at' => 'bottom right',
		),
		'tip_effect'    => array(
			'show' => array(
				'effect'   => 'slide',
				'duration' => '500',
				'event'    => 'mouseover',
			),
			'hide' => array(
				'effect'   => 'slide',
				'duration' => '500',
				'event'    => 'click mouseleave',
			),
		),
	)
);

// ADMIN BAR LINKS -> Setup custom links in the admin bar menu as external items.
$args['admin_bar_links'][] = array(
	'id'    => 'uxshop-docs',
	'href'  => 'https://themes.develoved.com/docs/uxshop/',
	'title' => esc_html__( 'Documentation', 'ux-shop' ),
);

$args['admin_bar_links'][] = array(
	'id'    => 'uxshop-support',
	'href'  => 'https://themes.develoved.com/support/',
	'title' => esc_html__( 'Support', 'ux-shop' ),
);

Redux::setArgs( $opt_name, $args );

/*
 *
 * ---> START SECTIONS
 *
 */

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'General', 'ux-shop'),
	'icon' => 'el-icon-screen',
	'fields' => array(
		) 
) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Logo & Favicon', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'id'    => 'site_logo',
			'type'  => 'media',
			'title' => esc_html__( 'Site Logo', 'ux-shop' ),
			'url'   => true,
			),
		array(
			'desc'    => esc_html__( 'Set the (max) width of your logo. The height will be set with respect to the images aspect ratio.', 'ux-shop'),
			'id'      => 'header_logo_max_width',
			'min'     => '32',
			'step'    => '1',
			'max'     => '300',
			'type'    => 'slider',
			'title'   => esc_html__( 'Logo width', 'ux-shop'),
			'default' => '150',
		),
		array(
			'id'    => 'transp_site_logo',
			'type'  => 'media',
			'title' => esc_html__( 'Transparent header Site Logo', 'ux-shop' ),
			'url'   => true,
			),
		array(
			'desc'    => esc_html__( 'Set the (max) width of the chosen logo for transparent header. The height will be set with respect to the images aspect ratio.', 'ux-shop'),
			'id'      => 'header_logo_transp_max_width',
			'min'     => '32',
			'step'    => '1',
			'max'     => '300',
			'type'    => 'slider',
			'title'   => esc_html__( 'Logo width (transparent header)', 'ux-shop'),
			'default' => '150',
		),
		array(
			'id'    => 'sidepanel_left_logo',
			'type'  => 'media',
			'title' => esc_html__( 'Left side panel logo', 'ux-shop' ),
			'desc'  => esc_html__( 'Leave empty if you dont want it to appear.', 'ux-shop' ),
			'url'   => true,
			),
		array(
			'desc'    => esc_html__( 'Set the (max) width of your logo for the side panel. The height will be set with respect to the images aspect ratio.', 'ux-shop'),
			'id'      => 'sidepanel_left_logo_max_width',
			'min'     => '32',
			'step'    => '1',
			'max'     => '260',
			'type'    => 'slider',
			'title'   => esc_html__( 'Logo width (Side panel)', 'ux-shop'),
			'default' => '150',
			),
		array(
			'id'    => 'site_icon',
			'type'  => 'media',
			'title' => esc_html__( 'Site Icon', 'ux-shop'),
			'url'   => true,
			'desc'  => esc_html__('The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512 pixels wide and tall.', 'ux-shop'),
			),         
		),
	) );  

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Layout', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'id'       => 'site_width_max_grid',
			'type'     => 'dimensions',
			'units'    => array('px','%'),
			'height'   => false,
			'title'    => esc_html__('Max Grid width', 'ux-shop'),
			'desc'     => esc_html__('Select a width to restrict the grid to.', 'ux-shop'),
			'default'  => array(
				'width'   => '1200'
			),
		),
		array(
			'id'      => 'page_layout',  //mso_var
			'type'    => 'image_select',
			'options' => $page_layout_options,
			'title'   => esc_html__( 'Site layout', 'ux-shop'),
			'desc'    => esc_html__( 'Select the default layout. This is overriden by the individual settings below.', 'ux-shop'),
			'default' => 'right_sidebar',
			),
		array(
			'id'      => 'page_layout_page_singular',    //mso_var
			'type'    => 'image_select',
			'options' => $page_layout_options,
			'title'   => esc_html__( 'Page layout (Pages)', 'ux-shop'),
			'desc'    => esc_html__( 'Select the default layout for pages.', 'ux-shop'),
			'default' => 'right_sidebar',
			),
		array(
			'id'     => 'notice_info_page_layout_post',
			'type'   => 'info',
			'notice' => true,
			'style'  => 'info',
			'title'  => esc_html__('Please note:', 'ux-shop'),
			'desc'   => esc_html__('If you are using the blog page template to show your blog, the \'Blog archive layout\' will have no effect on that page (since it is a page), instead the \'Page layout\' will be applied, which can be overriden in that page\'s meta options.', 'ux-shop'),
		),
		array(
			'id'      => 'page_layout_post', //mso_var
			'type'    => 'image_select',
			'options' => $page_layout_options,
			'title'   => esc_html__( 'Blog archive layout', 'ux-shop'),
			'desc'    => esc_html__( 'Select the layout for posts (archive).', 'ux-shop'),
			'default' => 'right_sidebar',
			),
		array(
			'id'      => 'page_layout_post_singular',    //mso_var
			'type'    => 'image_select',
			'options' => $page_layout_options,
			'title'   => esc_html__( 'Single blog posts layout', 'ux-shop'),
			'desc'    => esc_html__( 'Select the layout for single posts.', 'ux-shop'),
			'default' => 'right_sidebar',
			),
		array(
			'id'       => 'main_content_width_post_singular',
			'type'     => 'dimensions',
			'units'    => array('px','%'),
			'height'   => false,
			'title'    => esc_html__('Max single post width', 'ux-shop'),
			'desc'     => esc_html__('Select a width to restrict the width of the post content to.', 'ux-shop')
			),
		),
	) );      

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Sidebars', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
		    'id'   => 'info_normal',
		    'type' => 'info',
		    'desc' => wp_kses( __('Enter a name which will identify the sidebar. This name will be used in the sidebar selector and in the widgets admin screen and will not be shown in the frontend.<br><br>
				These sidebars will appear in the widgets admin screen ( Appearance -> Widgets ) so you can add widgets to them. You can then select to show any sidebar you want on a specific page or use them in the Visual Composer element \'Widgetised Sidebar\'.<br><br>
				Removing or renaming a sidebar will remove any widgets you have assigned to this sidebar.', 'ux-shop'), shrk_kses_allowed( 'field_desc' ) )
		),
		array(
			'id'                => 'shrk_sidebars',
			'type'              => 'multi_text',
			'validate_callback' => 'shrk_redux_multi_validate_unique',
			'title'             => esc_html__('Extra sidebars', 'ux-shop'),
			'subtitle'          => esc_html__('You can generate as many sidebars as you need. You can then load widgets on those sidebars and display them on specific pages and locations.', 'ux-shop'),
			'default'           => array(),
		    ),
		),
	) );      


Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Reading & extras', 'ux-shop'),
	'subsection' => true,
	'fields' => array(         
		array(
			'id'      => 'site_front_page',
			'type'    => 'select',
			'data'    => 'pages',
			'title'   => esc_html__('Front Page', 'ux-shop'),
			'desc'    => esc_html__('Select which page to show as the front page.', 'ux-shop'),
			'default' => get_option('page_on_front'),
			),
		array(
			'id'      => 'site_blog_page',
			'type'    => 'select',
			'data'    => 'pages',
			'title'   => esc_html__('Blog Page', 'ux-shop'),
			'desc'    => esc_html__('Select which page to show as the blog page.', 'ux-shop'),
			'default' => get_option('page_for_posts'),
			),
		array(
			'id'      => 'blog_thumb_cover',
			'on'      => esc_html__( 'Cropped', 'ux-shop' ),
			'off'     => esc_html__( 'Original Aspect ratio', 'ux-shop' ),
			'type'    => 'switch',
			'title'   => esc_html__( 'Posts thumbnail view', 'ux-shop'),
			'desc'    => esc_html__( 'Choose if you want to show a cropped in a fixed aspect ratio thumbnail, or show the thumbnail as-is.', 'ux-shop'),
			'default' => 0,
			),
		array(
			'id'      => 'scroll_to_top_button',
			'on'      => esc_html__( 'Yes', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'type'    => 'switch',
			'title'   => esc_html__( 'Show scroll to top button', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'       => 'scroll_to_top_button_style',
			'on'       => esc_html__( 'Round', 'ux-shop' ),
			'off'      => esc_html__( 'Square', 'ux-shop' ),
			'type'     => 'switch',
			'title'    => esc_html__( 'Scroll to top style', 'ux-shop'),
			'default'  => 0,
			'required' => array( 'scroll_to_top_button', '=', 1 ),
			),
		),
	) );

Redux::setSection( $opt_name, array(
	'title'  => esc_html__( 'Styling', 'ux-shop'),
	'icon'   => 'el-icon-magic',
	'fields' => array(

		) 
) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Colors', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'id'          => 'main_theme_color',
			'type'        => 'color',
			'title'       => esc_html__( 'Main Color', 'ux-shop' ),
			'desc'        => esc_html__( 'The main color for your theme.', 'ux-shop' ),
			'output'      => shrk_redux_get_css_selectors_array( 'main_theme_color', array( 'color', 'background-color', 'border-color', 'fill' ) ),
			'mode'        => 'color',
			'transparent' => false,
			'default'     => '',
		),
		array(
			'id'          => 'secondary_theme_color',
			'type'        => 'color',
			'title'       => esc_html__( 'Secondary Color', 'ux-shop' ),
			'desc'        => esc_html__( 'Secondary theme color (highlights, hover, etc).', 'ux-shop' ),
			'output'      => shrk_redux_get_css_selectors_array( 'secondary_theme_color', array( 'color', 'background-color', 'border-color' ) ),
			'mode'        => 'color',
			'transparent' => false,
			'default'     => '',
		),
		array(
			'id'          => 'browser_theme_color',
			'type'        => 'color',
			'title'       => esc_html__( 'Browser theme color', 'ux-shop'), 
			'desc'        => esc_html__( 'Supported mainly in mobile browsers.', 'ux-shop' ),
			'mode'        => 'color',
			'transparent' => false,
			'default'     => '',
			),	
		array(
			'id'       => 'body_background_color',
			'type'     => 'background',
			'output'   => array('body', '.pswp__bg', '.woocommerce .blockUI.blockOverlay:after'),
			'title'    => esc_html__('Body Background', 'ux-shop'),
			'subtitle' => esc_html__('Pick a background for the body of the page (not visible behind full width sections)', 'ux-shop'),
			),
		array(
			'id'       => 'menu_bg_color',
			'type'     => 'color_rgba',
			'title'    => esc_html__( 'Header background color', 'ux-shop' ), 
			'default'  => array( 'color' => '#ffffff', 'alpha' => '1.0' ),
			'mode'     => 'background-color',
			'validate' => 'colorrgba',
			),  
		array(
			'id'          => 'menu_fg_color',
			'type'        => 'color',
			'title'       => esc_html__('Header text color', 'ux-shop'), 
			'mode'        => 'color',
			'transparent' => false,
			'default'     => '#000000',
			),
		array(
			'id'          => 'menu_fg_color_hover',
			'type'        => 'color',
			'title'       => esc_html__('Header text hover color', 'ux-shop'), 
			'desc'        => esc_html__('Also affects elements that are same color as the main theme color, when this value is empty.', 'ux-shop'),
			'mode'        => 'color',
			'transparent' => false,
			),
		array(
			'id'          => 'menu_fg_color_transp',
			'type'        => 'color',
			'title'       => esc_html__('Header text Color (transparent)', 'ux-shop'),
			'desc'        => esc_html__('Menu foreground color for transparent header', 'ux-shop'),
			'mode'        => 'color',
			'transparent' => false,
			'default'     => '#FFFFFF',
			),
		array(
			'id'       => 'header_menu_featured_item_colors',
			'type'     => 'button_color',
			'output' => array( 
				'header .menu-item.featured > a, 
				.transparent-header .site-header .site-navigation .navbar .navbar-nav > .menu-item.featured > a, 
				.site-header .site-navigation .navbar .navbar-nav > .menu-item.featured > a,
				.side-panel-menu.left ul.nav .menu-item.featured-mobile > a'
				),
			'bg'       => true,
			'fg'       => true,
			'bghover'  => true,
			'fghover'  => true,
			'title'    => __('Menu featured item colors', 'ux-shop'),
			'desc'     => __('Set the colors of featured menu items (menu items with the class \'featured\'). Affects only parent menu items.', 'ux-shop'),
		),
		array(
			'id'          =>'topbar_fg_color',
			'type'        => 'link_color',
			'title'       => esc_html__( 'Topbar foreground color', 'ux-shop' ), 
			'default'  => array(
				'regular'  => '#FFFFFF',
				'hover'    => '#FFFFFF',
				),
			'visited'     => false,
			'active'      => false,
			'required' => array('topbar_enabled', '=', 1),
			),  
		array(
			'id'      => 'topbar_bg_color',
			'type'    => 'color_rgba',
			'title'   => esc_html__( 'Topbar background color', 'ux-shop' ), 
			'default' => array( 'color' => '#000000', 'alpha' => '1' ),
			'mode'    => 'background-color',
			'output'  => array(
				'background-color'  => '.top-bar'
				),
			'validate' => 'colorrgba',
			'required' => array('topbar_enabled', '=', 1),
			),                      
		array(
			'id'      => 'topbar_fg_color_transp',
			'type'    => 'link_color',
			'title'   => esc_html__( 'Topbar foreground color (transparent)', 'ux-shop' ), 
			'default' => array(
				'regular'  => '#FFFFFF',
				'hover'    => '#FFFFFF',
				),
			'visited'     => false,
			'active'      => false,
			'required' => array('topbar_enabled', '=', 1),
			),  
		array(
			'id'      => 'topbar_bg_color_transp',
			'type'    => 'color_rgba',
			'title'   => esc_html__( 'Topbar background color (transparent)', 'ux-shop' ), 
			'default' => array( 'color' => '#ffffff', 'alpha' => '0.5' ),
			'mode'    => 'background-color',
			'output'  => array(
				'background-color'  => '.transparent-header .top-bar'
				),
			'validate' => 'colorrgba',
			'required' => array('topbar_enabled', '=', 1),
			),  
		array(
			'id'       => 'footer_background_color',
			'type'     => 'background',
			'output'   => array('footer .dark.site-footer-widgets, footer .light.site-footer-widgets'),
			'title'    => esc_html__('Footer Background', 'ux-shop'),
			'subtitle' => esc_html__('Pick a background for the footer.', 'ux-shop'),
			),
		array(
			'id'       => 'socket_background_color',
			'type'     => 'background',
			'output'   => array('footer .dark.site-footer-socket, footer .light.site-footer-socket'),
			'title'    => esc_html__('Socket Background', 'ux-shop'),
			'subtitle' => esc_html__('Pick a background for the socket (below the footer).', 'ux-shop'),
			),
		array(
			'id'       => 'nav_bottom_background_color',
			'type'     => 'background',
			'output'   => array('.main-content-bottom-holder'),
			'title'    => esc_html__('Blog bottom navigation bar background color', 'ux-shop'),
			'subtitle' => esc_html__('Pick a background for the blog\'s bottom navigation bar.', 'ux-shop'),
			),
		)
) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Fonts', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'id'               => 'headings_typography',
			'type'             => 'typography',
			'title'            => esc_html__( 'Main font', 'ux-shop'),
			'desc'             => esc_html__( 'Affects all elements except paragraphed text.', 'ux-shop' ),
			'google'           => true,
			'font-backup'      => true,
			'class'            => 'typekit-backup-font-family',
			'all_styles'       => true, // Enable all Google Font style/weight variations to be added to the page
			'font-style'       => false,
			'font-weight'      => false,
			'font-size'        => false,
			'line-height'      => false,
			'text-align'       => false,
			'color'            => false,
			'output'           => array('body, input, textarea, select, .select2-container, label, p.form-allowed-tags, .vc_custom_heading p, p.woocommerce-result-count, p.buttons, p.stock, #lang_sel_footer'),
			'custom_fonts'     => true,
			'default'          => array(
				'font-family' => 'Open Sans',
				),
			),
		array(
			'id'               => 'body_font_google',
			'type'             => 'typography',
			'title'            => esc_html__( 'Paragraph text', 'ux-shop'),
			'google'           => true,
			'font-backup'      => true,
			'class'            => 'typekit-backup-font-family',
			'all_styles'       => true, // Enable all Google Font style/weight variations to be added to the page
			'font-style'       => false,
			'font-weight'      => false,
			'font-size'        => false,
			'line-height'      => false,
			'text-align'       => false,
			'color'            => false,
			'output'           => array('body p'),
			'custom_fonts'     => true,
			'default'          => array(
				'font-family' => 'Open Sans',
				),
			),
		array(
			'id'               => 'pagecover_title_font_google',
			'type'             => 'typography',
			'title'            => esc_html__( 'Page cover title', 'ux-shop'),
			'google'           => true,
			'font-backup'      => true,
			'class'            => 'typekit-backup-font-family',
			'all_styles'       => true, // Enable all Google Font style/weight variations to be added to the page
			'font-style'       => false,
			'font-weight'      => false,
			'font-size'        => false,
			'line-height'      => false,
			'text-align'       => false,
			'letter-spacing'   => true,
			'color'            => false,
			'output'           => array('.page-cover header .page-title'),
			'custom_fonts'     => true,
			'default'          => array(
				'font-family' => 'Open Sans',
				'letter-spacing' => '5px'
				),
			),
		array(
			'id'             => 'header_font_size',
			'type'           => 'typography',
			'title'          => esc_html__( 'Header font size', 'ux-shop'),
			'desc'           => esc_html__( 'Override the default font size. Leave empty for the default values to be applied.', 'ux-shop'),
			'google'         => false,
			'font-backup'    => false,
			'all_styles'     => false,
			'font-family'    => false,
			'font-style'     => false,
			'font-weight'    => false,
			'font-size'      => true,
			'line-height'    => false,
			'text-align'     => false,
			'letter-spacing' => false,
			'color'          => false,
			'output'         => array('.site-header .site-navigation'),
			),
		array(
			'id'             => 'topbar_font_size',
			'type'           => 'typography',
			'title'          => esc_html__( 'Top-bar font size', 'ux-shop'),
			'desc'           => esc_html__( 'Override the default font size. Leave empty for the default values to be applied.', 'ux-shop'),
			'google'         => false,
			'font-backup'    => false,
			'all_styles'     => false,
			'font-family'    => false,
			'font-style'     => false,
			'font-weight'    => false,
			'font-size'      => true,
			'line-height'    => false,
			'text-align'     => false,
			'letter-spacing' => false,
			'color'          => false,
			'output'         => array('.top-bar'),
			),
		array(
			'id'             => 'pagecovertitle_font_size',
			'type'           => 'typography',
			'title'          => esc_html__( 'Page cover title font size', 'ux-shop'),
			'desc'           => esc_html__( 'Override the default font size. Leave empty for the default values to be applied.', 'ux-shop'),
			'google'         => false,
			'font-backup'    => false,
			'all_styles'     => false,
			'font-family'    => false,
			'font-style'     => false,
			'font-weight'    => false,
			'font-size'      => true,
			'line-height'    => false,
			'text-align'     => false,
			'letter-spacing' => false,
			'color'          => false,
			'output'         => array('.page-header h1'),
			)
		)
) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Custom CSS', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'desc' => esc_html__( 'Quickly add some CSS to your theme by adding it to this block.', 'ux-shop'),
			'id' => 'custom_css',
			'title' => esc_html__( 'Custom CSS', 'ux-shop'),
			'type'     => 'ace_editor',
			'mode'     => 'css',
			'theme'    => 'monokai',
			),
		)
) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Header', 'ux-shop'),
	'icon' => 'el-icon-photo',
	'fields' => array()
) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Header appearance', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'desc'    => esc_html__( 'Set to \'Yes\' to make the header transparent and overlay the first visible section or the page cover. This has no effect on pages with no sections or no page cover image.', 'ux-shop'),
			'id'      => 'header_transparent',   //TODO mso_var
			'on'      => 'Yes',
			'off'     => 'No',
			'type'    => 'switch',
			'title'   => esc_html__( 'Transparent header', 'ux-shop' ),
			'default' => 1,
			),
		array(
			'id'      => 'menu_sticky',
			'on'      => 'Sticky',
			'off'     => 'Static',
			'type'    => 'switch',
			'title'   => esc_html__( 'Sticky header', 'ux-shop' ),
			'desc'    => esc_html__( 'Select if you want the header to stick to the top of the page when you scroll down', 'ux-shop'), 
			'default' => 1,
			),
		array(
			'desc'    => esc_html__( 'Set the height of the header', 'ux-shop' ),
			'id'      => 'header_height',
			'min'     => '40',
			'step'    => '1',
			'max'     => '200',
			'type'    => 'slider',
			'title'   => esc_html__( 'Header height', 'ux-shop' ),
			'default' => '120',
		),
		array(
			'desc'    => esc_html__( 'Set the height of the sticky header.', 'ux-shop' ),
			'id'      => 'header_height_sticky',
			'min'     => '40',
			'step'    => '1',
			'max'     => '200',
			'type'    => 'slider',
			'title'   => esc_html__( 'Sticky header height', 'ux-shop' ),
			'default' => '80',
			'required' => array('menu_sticky', '=', 1),			
		),
		array(
			'id'      => 'menu_width',
			'on'      => 'to Grid',
			'off'     => 'Full Width',
			'type'    => 'switch',
			'title'   => esc_html__( 'Header\'s grid Width', 'ux-shop'),
			'desc'    => esc_html__( 'Select if you want the header/menu to be 100% width or equal the grid\'s width.', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'      => 'header_border_bottom',
			'type'    => 'border',
			'title'   => esc_html__('Header\'s bottom border', 'ux-shop'),
			'desc'    => esc_html__('In effect when the header is presented with a solid color on its default position.', 'ux-shop'),
			'output'  => array('.site-header'),
			'all'     => false,
			'left'    => false,
			'right'   => false,
			'top'     => false,
			'bottom'  => true,
			'default' => array(
				'border-color'  => '#dddddd', 
				'border-style'  => 'solid', 
				'border-bottom' => '0px', 
				)
			),
		array(
			'id'      => 'header_border_bottom_sticky',
			'type'    => 'border',
			'title'   => esc_html__('Sticky Header\'s bottom border', 'ux-shop'),
			'desc'    => esc_html__('In effect when the header is stickied to the top of the window.', 'ux-shop'),
			'output'  => array('.site-header.solid-color.head-sticky, .transparent-header .site-header.solid-color'),
			'all'     => false,
			'left'    => false,
			'right'   => false,
			'top'     => false,
			'bottom'  => true,
			'default' => array(
				'border-color'  => '#dddddd', 
				'border-style'  => 'solid', 
				'border-bottom' => '0px', 
				),
			'required' => array('menu_sticky', '=', 1),
			),
		array(
			'id'     => 'header_menu_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Header menu', 'ux-shop'),
			'indent' => true 
			),
		array(
			'id'         => 'menu_alignment',
			'type'       => 'button_set',
			'title'      => esc_html__('Menu Alignment', 'ux-shop'),
			'options'    => array(
				'left'      => esc_html__( 'Left', 'ux-shop' ), 
				'center'    => esc_html__( 'Center', 'ux-shop' ), 
				'right'     => esc_html__( 'right', 'ux-shop' ), 
			), 
			'default'    => 'left'
		),                              
		array(
			'id'             => 'header_menu_li_a_padding',
			'type'           => 'spacing',
			'output'         => array('.navbar .navbar-nav > li > a'),
			'mode'           => 'padding',
			'units'          => 'px',
			'units_extended' => 'false',
			'title'          => esc_html__('Menu elements padding', 'ux-shop'),
			'desc'           => esc_html__('Affects the padding of the elements visible in your main menu. If you have to many items in the first level you can try decreasing the left & right padding to fit them properly.', 'ux-shop'),
			'top'            => false,
			'bottom'         => false,
			'default'            => array(
				'padding-left'  => '15px',
				'padding-right' => '15px', 
				'units'         => 'px', 
				)
			),
		array(
			'id'      => 'autocollapse_menu',
			'type'    => 'switch',
			'title'   => esc_html__('Auto collapse menu', 'ux-shop'),
			'desc'    => esc_html__( 'Automatticaly collapse header menu to mobile version when the menu items don\'t fit the width of it.', 'ux-shop' ),
			'default' => 1,
			'on'      => esc_html__('Enabled', 'ux-shop'),
			'off'     => esc_html__('Disabled', 'ux-shop'),
			),   
		array(
			'id'     => 'header_menu_section-end',
			'type'   => 'section',
			'indent' => false,
			),
		array(
			'id'     => 'header_topbar_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Topbar', 'ux-shop'),
			'indent' => true 
			),
		array(
			'id'      => 'topbar_enabled',
			'on'      => 'Yes',
			'off'     => 'No',
			'type'    => 'switch',
			'title'   => esc_html__( 'Show Top bar', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'      => 'topbar_text_content',
			'type'    => 'text',
			'title'   => esc_html__( 'Top Bar Content text', 'ux-shop'),
			'desc'    => esc_html__( 'You can use shortcodes here. For example the `[socialicons]` shortcode.', 'ux-shop'),
			'default' => esc_html__( 'Customise this text or remove it.', 'ux-shop'),
			'required' => array('topbar_enabled', '=', 1),
			),
		array(
			'id'      => 'topbar_reverse_layout',
			'on'      => 'Right text / Left menu',
			'off'     => 'Left text / Right menu',
			'type'    => 'switch',
			'title'   => esc_html__( 'Top Bar layout', 'ux-shop'),
			'default' => 0,
			'required' => array('topbar_enabled', '=', 1),
			),
		array(
			'id'     => 'header_topbar_section-end',
			'type'   => 'section',
			'indent' => false,
			),
		array(
			'id'     => 'header_icons_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Header Icons', 'ux-shop'),
			'indent' => true 
			),
		array(
			'id'      => 'header_icons_separator',
			'on'      => 'Yes',
			'off'     => 'No',
			'type'    => 'switch',
			'title'   => esc_html__( 'Show separator before header icons', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'      => 'header_search_icon',
			'on'      => 'Yes',
			'off'     => 'No',
			'type'    => 'switch',
			'title'   => esc_html__( 'Show search icon in header', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'      => 'header_wishlist_icon',
			'on'      => 'Yes',
			'off'     => 'No',
			'type'    => 'switch',
			'title'   => esc_html__( 'Show wishlist icon in header', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'     => 'header_icons_section-end',
			'type'   => 'section',
			'indent' => false,
			),
		)
	)
);

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Header sections', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
			array(
				'id'       => 'pagesections_post',  // TODO mso_var
				'type'     => 'select',
				'title'    => esc_html__( 'Section header for archive pages', 'ux-shop' ),
				'desc'     => esc_html__( 'Select the section to show as header of the archive pages.', 'ux-shop' ),
				'class'    => 'require-pagesections-posttype',
				'options'  => $shrk_page_sections
			),
			array(
				'id'       => 'pagesections_post_singular', // TODO mso_var
				'type'     => 'select',
				'title'    => esc_html__( 'Section header for single posts', 'ux-shop' ),
				'desc'     => esc_html__( 'Select the section to show as header of single posts.', 'ux-shop' ),
				'class'    => 'require-pagesections-posttype',
				'options'  => $shrk_page_sections
			),
		)
	)
);

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Page cover', 'ux-shop'),
	'subsection' => true,
	'fields' => array(
		array(
			'id'      => 'cover_parallax',
			'type'    => 'switch',
			'title'   => esc_html__( 'Cover parallax', 'ux-shop'),
			'on'      => esc_html__( 'Yes', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'desc'    => esc_html__( 'Enable or disable the parallax effects for the cover image.', 'ux-shop' ),
			'default' => 0,
			),
		array(
			'id'       => 'cover_parallax_ratio',
			'min'      => '0',
			'step'     => '5',
			'max'      => '200',
			'type'     => 'slider',
			'title'    => esc_html__( 'Cover parallax ratio.', 'ux-shop' ),
			'desc'     => esc_html__( 'The ratio is relative to the natural scroll speed, so a ratio of 50 would cause the background to scroll at half-speed, a ratio of 100 would have no effect, and a ratio of 200 would cause the element to scroll at twice the speed.', 'ux-shop' ),
			'default'  => '50',
			'required' => array('cover_parallax', '=', 1),
		),  
		array(
			'id'       => 'cover_parallax_offset',
			'type'     => 'text',
			'title'    => esc_html__( 'Cover parallax offset', 'ux-shop'),
			'desc'     => esc_html__('Adjust Image offset in regard to your image proportions. You can use positive or negative values. Use a bare number.', 'ux-shop'),
			'default'  => '0',
			'required' => array('cover_parallax', '=', 1),
			),
		array(
			'id'                => 'cover_image_bg',
			'type'              => 'background',
			'output'            => array('.page-cover.has-cover-image .page-cover-bg'),
			'title'             => esc_html__('Cover background', 'ux-shop'),
			'subtitle'          => esc_html__('Settings for the cover background image', 'ux-shop'),
			'background-color'  => false,
			'background-repeat' => false,
			'background-image'  => false,
			'preview'           => false,
			'transparent'       => false,
			'default'           => array(
				'background-size'       => 'cover',
				'background-attachment' => 'scroll',
				'background-position'   => 'center center',
				),
			'required' => array('cover_parallax', '=', 0),
			),
		/**
		 * Section page cover height
		 */
		array(
			'id'         => 'cover_height_mode',
			'type'       => 'button_set',
			'title'      => esc_html__('Set cover height', 'ux-shop'),
			'desc'       => esc_html__('Select how the page cover height is calculated.', 'ux-shop'),
			'options'    => array(
				'paddingheight' => esc_html__( 'Contents+padding', 'ux-shop' ), 
				'windowheight'  => esc_html__( 'Window Height', 'ux-shop' ), 
				'customheight'  => esc_html__( 'Custom', 'ux-shop' )
			), 
			'default'    => 'paddingheight'
		),
		array(
			'id'       => 'cover_height_windowheight',
			'type'     => 'info',
			'desc'     => esc_html__( 'The height of the page cover will be equal to the window height.', 'ux-shop' ),
			'required' => array('cover_height_mode', '=', 'windowheight'),
		),
		array(
			'id'             => 'cover_padding',
			'type'           => 'spacing',
			'mode'           => 'padding',
			'units'          => array('em', 'px'),
			'units_extended' => 'true',
			'title'          => esc_html__( 'Page cover padding', 'ux-shop'),
			'desc'           => esc_html__( 'The padding you set here, plus the height of the content (titles, etc) will set the height of the page cover.', 'ux-shop' ),
			'left'           => false,
			'right'          => false,
			'default'        => array(
				'padding-top'    => '18em',
				'padding-bottom' => '14em', 
				'units'          => 'em',
				),
			'required'       => array('cover_height_mode', '=', 'paddingheight'),
			),
		array(
			'id'       => 'cover_custom_height',
			'type'     => 'text',
			'title'    => esc_html__( 'Custom height value', 'ux-shop'),
			'desc'     => esc_html__('Enter a valid css value, eg 500px, 15em, or a percentage which will be calculated relative to the window size. For example entering 70% will make the page cover 70% of the window height.', 'ux-shop'),
			'default'  => '70%',
			'required' => array('cover_height_mode', '=', 'customheight'),
			),
		array(
			'id'             => 'cover_padding_no_image',
			'type'           => 'spacing',
			'mode'           => 'padding',
			'output'         => array('.page-cover'),
			'units'          => array('em', 'px'),
			'units_extended' => 'true',
			'title'          => esc_html__( 'Page title padding (no image)', 'ux-shop'),
			'desc'           => esc_html__( 'Set the top and bottom padding of the page title (when there is no cover image).', 'ux-shop' ),
			'left'           => false,
			'right'          => false,
			'default'        => array(
				'padding-top'    => '7em',
				'padding-bottom' => '7em', 
				'units'          => 'em',
				),
			),
		/**
		 * End section
		 */
		array(
			'id'       => 'cover_image_shadow',
			'on'       => esc_html__( 'Yes', 'ux-shop' ),
			'off'      => esc_html__( 'No', 'ux-shop' ),
			'type'     => 'switch',
			'title'    => esc_html__( 'Bottom shadow', 'ux-shop'),
			'subtitle' => esc_html__('Show a small shadow at the bottom of the cover image.', 'ux-shop'),
			'default'  => 1
			),
		array(
			'id'      => 'cover_header_fade',
			'type'    => 'switch',
			'title'   => esc_html__( 'Fade out header', 'ux-shop'),
			'on'      => esc_html__( 'Yes', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'desc'    => esc_html__( 'Fade out the page covers header when it leaves the viewport.', 'ux-shop' ),
			'default' => 1,
			),
		array(
			'id'       => 'notice_cover_header_fade_incompat1',
			'type'     => 'info',
			'notice'   => true,
			'style'    => 'critical',
			'icon'     => 'el el-chevron-up',
			'title'    => esc_html__('Warning', 'ux-shop'),
			'desc'     => esc_html__('This option is not compatible with \'Links below header\' position set to \'Bottom edge\' in Shop\Page Header options. Please change one of the two options', 'ux-shop'),
			'required' => array(
				array( 'cover_header_fade', '=', 1 ),
				array( 'woo_afterheader_position', '=', 'bottom' )
				),
		),
		array(
			'id'      => 'cover_overlay_enabled',
			'type'    => 'switch',
			'title'   => esc_html__( 'Show cover overlay', 'ux-shop'),
			'on'      => esc_html__( 'Yes', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'default' => 1,
			),
		array(
			'id'       => 'notice_info_cover_overlay_opacity_min',
			'type'     => 'info',
			'notice'   => true,
			'style'    => 'info',
			'title'    => esc_html__('Overlay opacity', 'ux-shop'),
			'desc'     => esc_html__('Below you can set the minimum and maximum value for the opacity of the overlay. Setting for example the minimum to 0 and the maximum to 100 will result the overlay to start with 0 opacity and increase to 100% when the page has scrolled to the point it leaves the screen. You can also create the opposite effect using a starting value larger than the ending value, which will result in the overlay hiding as you scroll down. If you want the opacity to remain constant simply enter the same value for both the starting and the ending opacity.', 'ux-shop'),
			'required' => array('cover_overlay_enabled', '=', 1),
		),
		array(
			'desc'     => esc_html__( 'Set the starting value of the overlay opacity.', 'ux-shop' ),
			'id'       => 'cover_overlay_opacity_min',
			'min'      => '0',
			'step'     => '1',
			'max'      => '100',
			'type'     => 'slider',
			'title'    => esc_html__( 'Overlay opacity (min)', 'ux-shop' ),
			'default'  => '0',
			'required' => array('cover_overlay_enabled', '=', 1),
		),
		array(
			'desc'     => esc_html__( 'Set the ending value of the overlay opacity.', 'ux-shop' ),
			'id'       => 'cover_overlay_opacity_max',
			'min'      => '0',
			'step'     => '1',
			'max'      => '100',
			'type'     => 'slider',
			'title'    => esc_html__( 'Overlay opacity (max)', 'ux-shop' ),
			'default'  => '100',
			'required' => array('cover_overlay_enabled', '=', 1),
		),
		array(
			'id'       => 'cover_overlay_bg',
			'type'     => 'background',
			'output'   => array('.page-cover .cover-overlay'),
			'title'    => esc_html__('Overlay Background', 'ux-shop'),
			'subtitle' => esc_html__('Set the background of the cover overlay', 'ux-shop'),
			'default'  => array(
				'background-color' => '#000000',
				),
			'required' => array('cover_overlay_enabled', '=', 1),
			),
		array(
			'id'    => 'cover_default_image',
			'type'  => 'media',
			'title' => esc_html__( 'Page cover default image', 'ux-shop' ),
			'desc'  => esc_html__( 'Select an image to show in all pages/archives where an image was not explicitly set.', 'ux-shop'),
			'url'   => true,
			),
		array(
			'title'   => esc_html__( 'Page cover color scheme', 'ux-shop'),
			'desc'    => esc_html__( 'Select the color scheme of the background image to set the colors of the text accordingly. For example selecting `Dark` will make the text colors light. Ignored if there is no cover image.', 'ux-shop'),
			'id'      => 'cover_text_theme',
			'type'    => 'select',
			'options' => array(
				'dark'  => esc_html__('Dark', 'ux-shop'),
				'light' => esc_html__('Light', 'ux-shop'),
				),
			'default' => 'dark',
			),
		array(
			'id'      => 'cover_no_uppercase_title',
			'type'    => 'switch',
			'title'   => esc_html__( 'Disable capitalization of title in page cover', 'ux-shop'),
			'on'      => esc_html__( 'Yes', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'default' => 0,
			),
		),
) );

do_action( 'shrk_redux_sections_after_page_cover', $opt_name );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Footer', 'ux-shop'),
	'icon' => 'el-icon-photo',
	'fields' => array(
		array(
			'desc'    => esc_html__( 'Select what parts of footer you want visible', 'ux-shop'),
			'id'      => 'footer_layout',    //TODO mso_var
			'type'    => 'select',
			'options' => array(
				'footer_socket' => esc_html__( 'Footer (Widgets) and Socket', 'ux-shop' ),
				'footer'        => esc_html__( 'Footer (Widgets) Only', 'ux-shop' ),
				'socket'        => esc_html__( 'Socket Only', 'ux-shop' ),
				'none'          => esc_html__( 'No Footer / No Socket', 'ux-shop' ),
				),
			'title' => esc_html__( 'Footer Layout', 'ux-shop'),
			'default' => 'footer_socket',
			),
		array(
			'id'       => 'footer_pre_sections',    // TODO mso_var
			'type'     => 'select',
			'multi'    => true,
			'sortable' => true,
			'title'    => esc_html__( 'Section shown before footer', 'ux-shop' ),
			'desc'     => esc_html__( 'Select the section(s) to show right before the footer', 'ux-shop' ),
			'class'    => 'require-pagesections-posttype',
			'options'  => $shrk_page_sections
		),
		array(
			'id'     => 'footerwidgetarea_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Footer widget area', 'ux-shop'),
			'indent' => true,
			'required' => array(
				array( 'footer_layout', '!=', 'socket' ),
				array( 'footer_layout', '!=', 'none' ),
				),
			),

		array(
			'desc' => esc_html__( 'Select the number of footer columns (widget areas)', 'ux-shop'),
			'id' => 'footer_columns',
			'type' => 'select',
			'options' => array(
				0 => '0 (hidden)',
				1 => '1',
				2 => '2',
				3 => '3',
				4 => '4',
				6 => '6',
				),
			'title' => esc_html__( 'Footer columns', 'ux-shop'),
			'default' => '4',
			),
		array(
			'id'       => 'footer_widgets_sections',    // TODO mso_var
			'type'     => 'select',
			'multi'    => true,
			'sortable' => true,
			'title'    => esc_html__( 'Section for footer', 'ux-shop' ),
			'desc'     => esc_html__( 'Select the section(s) whose content will be shown in the footer. You can ignore this and use the widget areas only.', 'ux-shop' ),
			'class'    => 'require-pagesections-posttype',
			'options'  => $shrk_page_sections
		),
		array(
			'desc'    => esc_html__( 'Select the color scheme for the widgets part of the footer', 'ux-shop'),
			'id'      => 'footer_widgets_scheme',
			'type'    => 'select',
			'options' => array(
				'dark'  => esc_html__('Dark', 'ux-shop'),
				'light' => esc_html__('Light', 'ux-shop'),
				),
			'title'   => esc_html__( 'Footer widgets color', 'ux-shop'),
			'default' => 'dark',
			),
		array(
			'id'      => 'footer_widgets_shadow',
			'type'    => 'switch',
			'title'   => esc_html__('Footer top styling shadow', 'ux-shop'),
			'default' => 0,
			'on'      => esc_html__('Yes', 'ux-shop'),
			'off'     => esc_html__('No', 'ux-shop'),
			),
		array(
			'id'      => 'footer_widgets_nopadding',
			'type'    => 'switch',
			'title'   => esc_html__('No padding on footer\'s content', 'ux-shop'),
			'default' => 0,
			'on'      => esc_html__('Yes', 'ux-shop'),
			'off'     => esc_html__('No', 'ux-shop'),
			),
		array(
			'id'     => 'footerwidgetarea_section-end',
			'type'   => 'section',
			'indent' => false 
			),

		array(
			'id'     => 'footersocketarea_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Footer socket area', 'ux-shop'),
			'indent' => true,
			'required' => array(
				array( 'footer_layout', '!=', 'footer'),
				array( 'footer_layout', '!=', 'none'),
				),
			),		

		array(
			'id'       => 'footer_socket_sections', // TODO mso_var
			'type'     => 'select',
			'multi'    => true,
			'sortable' => true,
			'title'    => esc_html__( 'Section for socket', 'ux-shop' ),
			'desc'     => esc_html__( 'Select the section(s) whose content will be shown in the socket. You can ignore this and use the text option below.', 'ux-shop' ),
			'class'    => 'require-pagesections-posttype',
			'options'  => $shrk_page_sections
			),
		array(
			'id'      => 'footer_socket_html',
			'type'    => 'editor',
			'title'   => esc_html__('Socket text', 'ux-shop'), 
			'default' => '',
			'args'    => array(
				'teeny'         => true,
				'textarea_rows' => 10
				)
			),
		array(
			'desc'    => esc_html__( 'Select the color scheme for the socket part of the footer', 'ux-shop'),
			'id'      => 'footer_socket_scheme',
			'type'    => 'select',
			'options' => array(
				'dark'  => esc_html__('Dark', 'ux-shop'),
				'light' => esc_html__('Light', 'ux-shop'),
				),
			'title'   => esc_html__( 'Footer socket color', 'ux-shop'),
			'default' => 'dark',
			),
		array(
			'id'      => 'footer_socket_shadow',
			'type'    => 'switch',
			'title'   => esc_html__('Socket top styling shadow', 'ux-shop'),
			'default' => 0,
			'on'      => esc_html__('Yes', 'ux-shop'),
			'off'     => esc_html__('No', 'ux-shop'),
			),
		array(
			'id'     => 'footersocketarea_section-end',
			'type'   => 'section',
			'indent' => false 
			),
		),
	) );

Redux::setSection( $opt_name, array(
	'type' => 'divide',
	) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Social', 'ux-shop'),
	'icon' => 'el-icon-group',
	'fields' => array(
		array(
			'id'     => 'social_links_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Social links', 'ux-shop'),
			'subtitle' => esc_html__('Enter the URLs of your social profile pages. This will be used by the [socialicons] shortcode, which you can place in the topbar, the footer or in any place shortcodes are supported.', 'ux-shop' ),
			'indent' => true 
			),
		array(
			'id'      => 'social_facebook_url',
			'type'    => 'text',
			'title'   => esc_html__( 'Facebook url', 'ux-shop'),
			'default' => '#',
			),
		array(
			'id'      => 'social_twitter_url',
			'type'    => 'text',
			'title'   => esc_html__( 'Twitter url', 'ux-shop'),
			'default' => '#',
			),
		array(
			'id'      => 'social_googleplus_url',
			'type'    => 'text',
			'title'   => esc_html__( 'Google+ url', 'ux-shop'),
			'default' => '#',
			),
		array(
			'id'    => 'social_dribbble_url',
			'type'  => 'text',
			'title' => esc_html__( 'Dribbble url', 'ux-shop'),
			),
		array(
			'id'    => 'social_github_url',
			'type'  => 'text',
			'title' => esc_html__( 'Github url', 'ux-shop'),
			),
		array(
			'id'    => 'social_instagram_url',
			'type'  => 'text',
			'title' => esc_html__( 'Instagram url', 'ux-shop'),
			),
		array(
			'id'    => 'social_foursquare_url',
			'type'  => 'text',
			'title' => esc_html__( 'Foursquare url', 'ux-shop'),
			),
		array(
			'id'    => 'social_pinterest_url',
			'type'  => 'text',
			'title' => esc_html__( 'Pinterest url', 'ux-shop'),
			),
		array(
			'id'    => 'social_linkedin_url',
			'type'  => 'text',
			'title' => esc_html__( 'Linkedin url', 'ux-shop'),
			),
		array(
			'id'    => 'social_rss_url',
			'type'  => 'text',
			'title' => esc_html__( 'RSS url', 'ux-shop'),
			),
		array(
			'id'    => 'social_tumblr_url',
			'type'  => 'text',
			'title' => esc_html__( 'Tumblr url', 'ux-shop'),
			),
		array(
			'id'    => 'social_vimeo_url',
			'type'  => 'text',
			'title' => esc_html__( 'Vimeo url', 'ux-shop'),
			),
		array(
			'id'    => 'social_youtube_url',
			'type'  => 'text',
			'title' => esc_html__( 'Youtube url', 'ux-shop'),
			),
		array(
			'id'    => 'social_wordpress_url',
			'type'  => 'text',
			'title' => esc_html__( 'WordPress url', 'ux-shop'),
			),
		array(
			'id'    => 'social_reddit_url',
			'type'  => 'text',
			'title' => esc_html__( 'Reddit url', 'ux-shop'),
			),
		array(
			'id'    => 'social_buffer_url',
			'type'  => 'text',
			'title' => esc_html__( 'Buffer url', 'ux-shop'),
			),
		array(
			'id'    => 'social_skype_url',
			'type'  => 'text',
			'title' => esc_html__( 'Skype url', 'ux-shop'),
			),
		array(
			'id'     => 'social_links_section-end',
			'type'   => 'section',
			'indent' => false,
			),
		array(
			'id'     => 'social_providers_section-start',
			'type'   => 'section',
			'title'  => esc_html__('Social providers', 'ux-shop'),
			'subtitle' => esc_html__('Select which social providers you want to show sharing buttons for.', 'ux-shop' ),
			'indent' => true 
			),
		array(
			'id'       => 'social_share_providers',
			'type'     => 'select',
			'multi'    => true,
			'sortable' => true,
			'title'    => esc_html__( 'Social sharing providers', 'ux-shop' ),
			'options' => array(
				'facebook'   => 'Facebook', 
				'twitter'    => 'Twitter', 
				'pinterest'  => 'Pinterest',
				'googleplus' => 'Google+',
				'email'      => 'E-Mail',
				'linkedin'   => 'LinkedIn',
			 ), 
			'default' => array( 'facebook', 'twitter', 'pinterest' ),
		),
		array(
			'id'     => 'social_providers_section-end',
			'type'   => 'section',
			'indent' => false,
			),
		)
	) );

Redux::setSection( $opt_name, array(
	'title' => esc_html__( 'Advanced', 'ux-shop'),
	'fields' => array(
		array(
			'desc'  => wp_kses( __( 'A Google API key is required to generate Google Maps. <a href=\'https://developers.google.com/maps/documentation/javascript/get-api-key\' target=\'_blank\'>Click here</a> to learn how you can get one.', 'ux-shop'), shrk_kses_allowed( 'link' ) ),
			'id'    => 'shrk_googlemaps_api_key',
			'type'  => 'text',
			'title' => esc_html__( 'Google API key', 'ux-shop'),
			),
		array(
			'desc'  => esc_html__( 'Paste your Google Analytics (or other) tracking code here. Make sure code is inside script tags.', 'ux-shop' ),
			'id'    => 'google_analytics_code',
			'type'  => 'textarea',
			'title' => esc_html__( 'Tracking Code', 'ux-shop'),
			),
		array(
			'desc'  => wp_kses( __( 'You can paste here your custom Javascript style array from <a href=\'http://snazzymaps.com/\' target=\'_blank\'>Snazzy Maps</a>, in order to use your desired style in the styled maps component. You have to paste the exact content of the \'Javascript style array\' text box and only that.', 'ux-shop'), shrk_kses_allowed( 'link' ) ),
			'id'    => 'shrk_map_custom_style',
			'type'  => 'textarea',
			'title' => esc_html__( 'Custom Map style', 'ux-shop'),
			),
		array(
			'id'      => 'retina_support',
			'type'    => 'switch',
			'title'   => esc_html__( 'HiDPI Screen (retina) support.', 'ux-shop'),
			'desc'    => esc_html__( 'If enabled, images sizes for HiDPI displays will be added to the image sizes definitions. You have to regenerate thumbnails after you change this setting.', 'ux-shop' ),
			'on'      => esc_html__('Yes', 'ux-shop'),
			'off'     => esc_html__('No', 'ux-shop'),
			'default' => 1,
			),
		array(
			'id'      => 'no_theme_caps',
			'type'    => 'switch',
			'title'   => esc_html__( 'Disable uppercase styles', 'ux-shop'),
			'desc'    => esc_html__( 'Select `Yes` to disable all the uppercase string transformations by the themes stylesheet. All strings will be presented as typed. Useful in certain locales.', 'ux-shop' ),
			'on'      => esc_html__( 'Yes (disable)', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'default' => 0,
			),
		array(
			'id'      => 'no_mobile_parallax',
			'type'    => 'switch',
			'title'   => esc_html__( 'Disable parallax on small screens', 'ux-shop'),
			'desc'    => esc_html__( 'Disables parallax elements on mobile devices.', 'ux-shop' ),
			'on'      => esc_html__( 'Yes (disable)', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'default' => 0,
			),
		array(
			'id'      => 'disable_theme_select2',
			'type'    => 'switch',
			'title'   => esc_html__( 'Disable Select2', 'ux-shop' ),
			'desc'    => esc_html__( 'Disables theme\'s implementation of Select2 plugin that affects form dropdowns.', 'ux-shop' ),
			'on'      => esc_html__( 'Yes (disable)', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'default' => 0,
			),
		array(
			'id'      => 'smoothscroll',
			'type'    => 'switch',
			'title'   => esc_html__( 'Smooth Scroll', 'ux-shop' ),
			'on'      => esc_html__( 'Enabled', 'ux-shop' ),
			'off'     => esc_html__( 'Disabled', 'ux-shop' ),
			"default" => 0,
			),
		array(
			'id'      => 'vc_auto_enable_posttypes',
			'type'    => 'switch',
			'title'   => esc_html__( 'Auto enable VC for theme\'s post types', 'ux-shop'),
			'on'      => esc_html__( 'Yes', 'ux-shop' ),
			'off'     => esc_html__( 'No', 'ux-shop' ),
			'default' => 0,
			),
		),
	'icon' => 'el-icon-adjust-alt',
	) );

/*
 * <--- END SECTIONS
 */