File: /home4/narrativ/wp.narrativa.mx/wp-content/themes/jnews/class/Customizer/sections/global_layout.php
<?php
$options = array();
$boxed_enabled = array(
'setting' => 'jnews_boxed_layout',
'operator' => '==',
'value' => true,
);
$options[] = array(
'id' => 'jnews_boxed_layout_header',
'type' => 'jnews-header',
'label' => esc_html__('Box Layout','jnews' ),
);
$options[] = array(
'id' => 'jnews_boxed_layout',
'transport' => 'postMessage',
'default' => false,
'type' => 'jnews-toggle',
'label' => esc_html__('Enable Boxed Layout', 'jnews'),
'description' => esc_html__('By enabling boxed layout, you can use background image.', 'jnews'),
'output' => array(
array(
'method' => 'add-class',
'element' => 'body',
'property' => 'jeg_boxed',
),
),
);
$options[] = array(
'id' => 'jnews_background_color',
'transport' => 'postMessage',
'default' => '#ffffff',
'type' => 'jnews-color',
'label' => esc_html__('Background Color', 'jnews'),
'description' => esc_html__('Set website background color.', 'jnews'),
'output' => array(
array(
'method' => 'inject-style',
'element' => 'body.jnews',
'property' => 'background-color',
)
),
'active_callback' => array($boxed_enabled),
);
$options[] = array(
'id' => 'jnews_background_image',
'transport' => 'postMessage',
'default' => '',
'type' => 'jnews-image',
'label' => esc_html__('Background Image','jnews' ),
'description' => esc_html__('Upload your background image.','jnews' ),
'output' => array(
array(
'method' => 'inject-style',
'element' => 'body.jnews',
'property' => 'background-image',
'prefix' => 'url("',
'suffix' => '")'
)
),
'active_callback' => array($boxed_enabled),
);
$options[] = array(
'id' => 'jnews_background_repeat',
'transport' => 'postMessage',
'default' => '',
'type' => 'jnews-select',
'label' => esc_html__('Background Repeat', 'jnews'),
'description' => esc_html__('Set background image repeat.','jnews' ),
'choices' => array(
'' => '',
'repeat-x' => 'Repeat Horizontal',
'repeat-y' => 'Repeat Vertical',
'repeat' => 'Repeat Image',
'no-repeat' => 'No Repeat'
),
'output' => array(
array(
'method' => 'inject-style',
'element' => 'body.jnews',
'property' => 'background-repeat',
)
),
'active_callback' => array(
array(
'setting' => 'jnews_background_image',
'operator' => '!=',
'value' => '',
),
$boxed_enabled
),
);
$options[] = array(
'id' => 'jnews_background_position',
'transport' => 'postMessage',
'default' => '',
'type' => 'jnews-select',
'label' => esc_html__('Background Position', 'jnews'),
'description' => esc_html__('Set background image position.','jnews' ),
'choices' => array(
'' => '',
'left left' => 'Left Left',
'left center' => 'Left Center',
'left right' => 'Left Right',
'center left' => 'Center Left',
'center center' => 'Center Center',
'center right' => 'Center Right',
'right left' => 'Right Left',
'right center' => 'Right Center',
'right right' => 'Right Right',
),
'output' => array(
array(
'method' => 'inject-style',
'element' => 'body.jnews',
'property' => 'background-position',
)
),
'active_callback' => array(
array(
'setting' => 'jnews_background_image',
'operator' => '!=',
'value' => '',
),
$boxed_enabled
),
);
$options[] = array(
'id' => 'jnews_background_fixed',
'transport' => 'postMessage',
'default' => '',
'type' => 'jnews-select',
'label' => esc_html__('Attachment Background', 'jnews'),
'description' => esc_html__('Set background image attachment.','jnews' ),
'choices' => array(
'' => '',
'fixed' => 'Fixed',
'scroll' => 'Scroll'
),
'output' => array(
array(
'method' => 'inject-style',
'element' => 'body.jnews',
'property' => 'background-attachment',
)
),
'active_callback' => array(
array(
'setting' => 'jnews_background_image',
'operator' => '!=',
'value' => '',
),
$boxed_enabled
),
);
$options[] = array(
'id' => 'jnews_background_size',
'transport' => 'postMessage',
'default' => 'inherit',
'type' => 'jnews-select',
'label' => esc_html__('Background Size', 'jnews'),
'description' => esc_html__('Set background image size.','jnews' ),
'choices' => array(
'' => '',
'cover' => 'Cover',
'contain' => 'Contain',
'initial' => 'Initial',
'inherit' => 'Inherit'
),
'output' => array(
array(
'method' => 'inject-style',
'element' => 'body.jnews',
'property' => 'background-size',
)
),
'active_callback' => array(
array(
'setting' => 'jnews_background_image',
'operator' => '!=',
'value' => '',
),
$boxed_enabled
),
);
$options[] = array(
'id' => 'jnews_boxed_container_header',
'type' => 'jnews-header',
'label' => esc_html__('Box Container','jnews' ),
);
$options[] = array(
'id' => 'jnews_boxed_container',
'transport' => 'postMessage',
'default' => false,
'type' => 'jnews-toggle',
'label' => esc_html__('Enable Boxed Container', 'jnews'),
'description' => esc_html__('This option will affect some element on themes for example single post, archive, widget, etc', 'jnews'),
'output' => array(
array(
'method' => 'add-class',
'element' => 'body',
'property' => 'jeg_boxed_container',
),
),
);
$options[] = array(
'id' => 'jnews_boxed_container_shadow',
'transport' => 'postMessage',
'default' => false,
'type' => 'jnews-toggle',
'label' => esc_html__('Enable Boxed Container Shadow', 'jnews'),
'description' => esc_html__('This option will affect some element on themes for example single post, archive, widget, etc', 'jnews'),
'output' => array(
array(
'method' => 'add-class',
'element' => 'body',
'property' => 'jeg_boxed_container_shadow',
),
),
);
$options[] = array(
'id' => 'jnews_container_background_header',
'type' => 'jnews-header',
'label' => esc_html__('Container Background','jnews' ),
);
$options[] = array(
'id' => 'jnews_container_background',
'transport' => 'postMessage',
'default' => '#ffffff',
'type' => 'jnews-color',
'label' => esc_html__('Container Background Color', 'jnews'),
'description' => esc_html__('Inside container background color.', 'jnews'),
'choices' => array(
'alpha' => true,
),
'output' => array(
array(
'method' => 'inject-style',
'element' => '.jeg_container, .jeg_content, .jeg_boxed .jeg_main .jeg_container, .jeg_autoload_separator',
'property' => 'background-color',
)
)
);
$options[] = array(
'id' => 'jnews_laptop_container_section',
'type' => 'jnews-header',
'label' => esc_html__('Laptop Container Width','jnews' ),
);
$options[] = array(
'id' => 'jnews_override_container_width',
'transport' => 'postMessage',
'default' => false,
'type' => 'jnews-toggle',
'label' => esc_html__('Override Container Width', 'jnews'),
'description' => esc_html__('override container & content width for laptop or desktop', 'jnews'),
);
$options[] = array(
'id' => 'jnews_content_laptop',
'transport' => 'postMessage',
'default' => '1170',
'type' => 'jnews-range-slider',
'label' => esc_html__('[ Laptop ] Content Width ', 'jnews'),
'description' => esc_html__('Content width on Laptop ( width less than 1440px )', 'jnews'),
'choices' => array(
'min' => '1170',
'max' => '1370',
'step' => '1',
),
'active_callback' => array(
array(
'setting' => 'jnews_override_container_width',
'operator' => '==',
'value' => true,
)
),
'output' => array(
array(
'mediaquery' => '@media only screen and (min-width : 1200px)',
'method' => 'inject-style',
'element' => '.container, .jeg_vc_content > .vc_row, .jeg_vc_content > .vc_element > .vc_row, .jeg_vc_content > .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) > .jeg-vc-wrapper, .jeg_vc_content > .vc_element > .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) > .jeg-vc-wrapper',
'property' => 'max-width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1200px)',
'method' => 'inject-style',
'element' => '.elementor-section.elementor-section-boxed > .elementor-container',
'property' => 'max-width',
'units' => 'px',
)
)
);
$options[] = array(
'id' => 'jnews_container_laptop',
'transport' => 'postMessage',
'default' => '1230',
'type' => 'jnews-range-slider',
'label' => esc_html__('[ Laptop ] Boxed Container', 'jnews'),
'description' => esc_html__('Boxed container width on Laptop ( width less than 1440px )', 'jnews'),
'choices' => array(
'min' => '1230',
'max' => '1370',
'step' => '1'
),
'active_callback' => array(
array(
'setting' => 'jnews_override_container_width',
'operator' => '==',
'value' => true,
),
$boxed_enabled
),
'output' => array(
array(
'mediaquery' => '@media only screen and (min-width : 1200px)',
'method' => 'inject-style',
'element' => '.jeg_boxed:not(.jeg_sidecontent) .jeg_viewport, .jeg_boxed.jeg_sidecontent .jeg_container, .jeg_boxed .jeg_container .jeg_navbar_wrapper.jeg_sticky_nav',
'property' => 'max-width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1200px)',
'method' => 'inject-style',
'element' => '.jeg_single_fullwidth.jeg_boxed .content-inner > .alignfull',
'property' => 'width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1200px)',
'method' => 'inject-style',
'element' => '.jeg_single_fullwidth.jeg_boxed .content-inner > .alignfull',
'property' => 'max-width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1200px)',
'method' => 'inject-style',
'element' => '.jeg_single_fullwidth.jeg_boxed .content-inner > .alignfull',
'property' => 'margin-left',
'prefix' => 'calc(-1 * (',
'suffix' => ' - 100%) / 2)',
'units' => 'px',
)
)
);
$options[] = array(
'id' => 'jnews_content_desktop',
'transport' => 'postMessage',
'default' => '1170',
'type' => 'jnews-range-slider',
'label' => esc_html__('[ Desktop ] Content Width', 'jnews'),
'description' => esc_html__('Content width on Desktop ( width more than 1440px )', 'jnews'),
'choices' => array(
'min' => '1170',
'max' => '1400',
'step' => '1',
),
'active_callback' => array(
array(
'setting' => 'jnews_override_container_width',
'operator' => '==',
'value' => true,
)
),
'output' => array(
array(
'mediaquery' => '@media only screen and (min-width : 1441px)',
'method' => 'inject-style',
'element' => '.container, .jeg_vc_content > .vc_row, .jeg_vc_content > .vc_element > .vc_row, .jeg_vc_content > .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) > .jeg-vc-wrapper, .jeg_vc_content > .vc_element > .vc_row[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) > .jeg-vc-wrapper',
'property' => 'max-width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1441px)',
'method' => 'inject-style',
'element' => '.elementor-section.elementor-section-boxed > .elementor-container',
'property' => 'max-width',
'units' => 'px',
)
)
);
$options[] = array(
'id' => 'jnews_container_desktop',
'transport' => 'postMessage',
'default' => '1230',
'type' => 'jnews-range-slider',
'label' => esc_html__('[ Desktop ] Boxed Container', 'jnews'),
'description' => esc_html__('Boxed container width on Desktop ( width more than 1440px )', 'jnews'),
'choices' => array(
'min' => '1230',
'max' => '1600',
'step' => '1'
),
'active_callback' => array(
array(
'setting' => 'jnews_override_container_width',
'operator' => '==',
'value' => true,
),
$boxed_enabled
),
'output' => array(
array(
'mediaquery' => '@media only screen and (min-width : 1441px)',
'method' => 'inject-style',
'element' => '.jeg_boxed:not(.jeg_sidecontent) .jeg_viewport, .jeg_boxed.jeg_sidecontent .jeg_container, .jeg_boxed .jeg_container .jeg_navbar_wrapper.jeg_sticky_nav, .jeg_boxed:not(.jeg_sidecontent) .jeg_container .jeg_navbar_wrapper.jeg_sticky_nav',
'property' => 'max-width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1441px)',
'method' => 'inject-style',
'element' => '.jeg_single_fullwidth.jeg_boxed .content-inner > .alignfull',
'property' => 'width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1441px)',
'method' => 'inject-style',
'element' => '.jeg_single_fullwidth.jeg_boxed .content-inner > .alignfull',
'property' => 'max-width',
'units' => 'px',
),
array(
'mediaquery' => '@media only screen and (min-width : 1441px)',
'method' => 'inject-style',
'element' => '.jeg_single_fullwidth.jeg_boxed .content-inner > .alignfull',
'property' => 'margin-left',
'prefix' => 'calc(-1 * (',
'suffix' => ' - 100%) / 2)',
'units' => 'px',
)
)
);
return $options;