| Dir : /home/trave494/thebestshop.kerihosting.com/wp-content/themes/kutetheme/inc/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/thebestshop.kerihosting.com/wp-content/themes/kutetheme/inc/customizer.php |
<?php
/**
* Kute Theme Customizer functionality
*
* @package WordPress
* @subpackage KuteTheme
* @since Kute Theme 1.0
*/
/**
* Add postMessage support for site title and description for the Customizer.
*
* @since Kute Theme 1.0
*
* @param WP_Customize_Manager $wp_customize Customizer object.
*/
function kt_customize_register( $wp_customize ) {
$color_scheme = kt_get_color_scheme();
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
// Add color scheme setting and control.
$wp_customize->add_setting( 'color_scheme', array(
'default' => 'default',
'sanitize_callback' => 'kt_sanitize_color_scheme',
'transport' => 'postMessage',
) );
$wp_customize->add_control( 'color_scheme', array(
'label' => esc_attr__( 'Base Color Scheme', 'kutetheme' ),
'section' => 'colors',
'type' => 'select',
'choices' => kt_get_color_scheme_choices(),
'priority' => 1,
) );
// Add custom header and sidebar text color setting and control.
$wp_customize->add_setting( 'main_color', array(
'default' => $color_scheme[1],
'sanitize_callback' => 'sanitize_hex_color',
'transport' => 'postMessage',
) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'main_color', array(
'label' => esc_attr__( 'Theme Color', 'kutetheme' ),
'description' => esc_attr__( 'Applied to the theme color.', 'kutetheme' ),
'section' => 'colors',
) ) );
// Remove the core header textcolor control, as it shares the sidebar text color.
$wp_customize->remove_control( 'header_textcolor' );
// Add custom header and sidebar background color setting and control.
$wp_customize->add_setting( 'box_background_color', array(
'default' => $color_scheme[2],
'sanitize_callback' => 'sanitize_hex_color',
'transport' => 'postMessage',
) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'box_background_color', array(
'label' => esc_attr__( 'Box and Sidebar Background Color', 'kutetheme' ),
'description' => esc_attr__( 'Applied to the box and sidebar color.', 'kutetheme' ),
'section' => 'colors',
) ) );
// Add custom header and sidebar background color setting and control.
$wp_customize->add_setting( 'textcolor', array(
'default' => $color_scheme[3],
'sanitize_callback' => 'sanitize_hex_color',
'transport' => 'postMessage',
) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'textcolor', array(
'label' => esc_attr__( 'Text Color', 'kutetheme' ),
'description' => esc_attr__( 'Applied to the text color', 'kutetheme' ),
'section' => 'colors',
) ) );
// Add custom header and sidebar background color setting and control.
$wp_customize->add_setting( 'price_color', array(
'default' => $color_scheme[8],
'sanitize_callback' => 'sanitize_hex_color',
'transport' => 'postMessage',
) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'price_color', array(
'label' => esc_attr__( 'Price Color', 'kutetheme' ),
'description' => esc_attr__( 'Applied to the price on wide screens.', 'kutetheme' ),
'section' => 'colors',
) ) );
// Add an additional description to the header image section.
$wp_customize->get_section( 'header_image' )->description = esc_attr__( 'Applied to the header on small screens and the sidebar on wide screens.', 'kutetheme' );
}
add_action( 'customize_register', 'kt_customize_register', 11 );
/**
* Register color schemes for Kute Theme.
*
* Can be filtered with {@see 'kt_color_schemes'}.
*
* The order of colors in a colors array:
* 0. Background Color.
* 1. Main Color
* 2. Sidebar and Box Background Color.
* 3. Main Text and Link Color.
* 4. Rate Star color
* 5. Button Color
* 6. Link Menu Footer
* 7. Module border
* 8. Price Color
*
* @since Kute Theme 1.0
*
* @return array An associative array of color scheme options.
*/
function kt_get_color_schemes() {
return apply_filters( 'kt_color_schemes', array(
'default' => array(
'label' => esc_attr__( 'Default', 'kutetheme' ),
'colors' => array(
'#ffffff',//Background Color.
'#ff3366',//Main Color
'#000000',//Sidebar and Box Background Color.
'#66666',//Main Text and Link Color.
'#ff9900',//Rate Star color
'#000000',//Button Color
'#0066cc',//Link Menu Footer
'#eaeaea',//Module Border
'#ff3366' // Price Color
),
),
'brown' => array(
'label' => esc_attr__( 'Brown', 'kutetheme' ),
'colors' => array(
'#ffffff',//Background Color.
'#958457',//Main Color
'#4c311d',//Sidebar and Box Background Color.
'#666666',//Main Text and Link Color.
'#febf2b',//Rate Star color
'#000000',//Button Color
'#0066cc',//Link Menu Footer
'#eaeaea',//Module Border
'#f96d10' // Price Color
),
),
'blue' => array(
'label' => esc_attr__( 'Blue', 'kutetheme' ),
'colors' => array(
'#ffffff',//Background Color.
'#007176',//Main Color
'#008a90',//Sidebar and Box Background Color.
'#666666',//Main Text and Link Color.
'#febf2b',//Rate Star color
'#000000',//Button Color
'#0066cc',//Link Menu Footer
'#eaeaea',//Module Border
'#f96d10' // Price Color
),
),
'orange' => array(
'label' => esc_attr__( 'Orange', 'kutetheme' ),
'colors' => array(
'#ffffff',//Background Color.
'#f96d10',//Main Color
'#e80000',//Sidebar and Box Background Color.
'#666666',//Main Text and Link Color.
'#febf2b',//Rate Star color
'#000000',//Button Color
'#0066cc',//Link Menu Footer
'#eaeaea',//Module Border
'#f96d10' // Price Color
),
)
) );
}
if ( ! function_exists( 'kt_get_color_scheme' ) ) :
/**
* Get the current Kute Theme color scheme.
*
* @since Kute Theme 1.0
*
* @return array An associative array of either the current or default color scheme hex values.
*/
function kt_get_color_scheme() {
$color_scheme_option = get_theme_mod( 'color_scheme' );
$color_scheme_option = get_theme_mod( 'color_scheme', 'default' );
$color_schemes = kt_get_color_schemes();
if ( array_key_exists( $color_scheme_option, $color_schemes ) ) {
return $color_schemes[ $color_scheme_option ]['colors'];
}
return $color_schemes['default']['colors'];
}
endif; // kt_get_color_scheme
if ( ! function_exists( 'kt_get_color_scheme_choices' ) ) :
/**
* Returns an array of color scheme choices registered for Kute Theme.
*
* @since Kute Theme 1.0
*
* @return array Array of color schemes.
*/
function kt_get_color_scheme_choices() {
$color_schemes = kt_get_color_schemes();
$color_scheme_control_options = array();
foreach ( $color_schemes as $color_scheme => $value ) {
$color_scheme_control_options[ $color_scheme ] = $value['label'];
}
return $color_scheme_control_options;
}
endif; // kt_get_color_scheme_choices
if ( ! function_exists( 'kt_sanitize_color_scheme' ) ) :
/**
* Sanitization callback for color schemes.
*
* @since Kute Theme 1.0
*
* @param string $value Color scheme name value.
* @return string Color scheme name.
*/
function kt_sanitize_color_scheme( $value ) {
$color_schemes = kt_get_color_scheme_choices();
if ( ! array_key_exists( $value, $color_schemes ) ) {
$value = 'default';
}
return $value;
}
endif; // kt_sanitize_color_scheme
/**
* Enqueues front-end CSS for color scheme.
*
* @since Kute Theme 1.0
*
* @see wp_add_inline_style()
*/
function kt_color_scheme_css() {
$color_scheme_option = get_theme_mod( 'color_scheme', 'default' );
$color_scheme = kt_get_color_scheme();
$main_color = get_theme_mod( 'main_color', $color_scheme[1] );
$box_background_color = get_theme_mod( 'box_background_color', $color_scheme[2] );
$textcolor = get_theme_mod( 'textcolor', $color_scheme[3] );
$price_color = get_theme_mod( 'price_color', $color_scheme[8] );
// Convert main and sidebar text hex color to rgba.
$color_button_rgb = kt_hex2rgb( $color_scheme[5] );
$color_main_rgb = kt_hex2rgb( $main_color );
$colors = array(
'background_color' => $color_scheme[0],
'main_color' => $main_color,
'box_background_color' => $box_background_color,
'textcolor' => $textcolor,
'rate_color' => $color_scheme[4],
'button_color' => $color_scheme[5],
'menu_link_footer' => $color_scheme[6],
'module_bored' => $color_scheme[7],
'price_color' => $price_color,
'button_color_rgb' => vsprintf( 'rgba( %1$s, %2$s, %3$s, 0.4)', $color_button_rgb ),
'color_main_rgb' => vsprintf( 'rgba( %1$s, %2$s, %3$s, 0.5)', $color_main_rgb ),
);
$color_scheme_css = kt_get_color_scheme_css( $colors );
wp_add_inline_style( 'kutetheme-style', $color_scheme_css );
}
add_action( 'wp_enqueue_scripts', 'kt_color_scheme_css' );
/**
* Binds JS listener to make Customizer color_scheme control.
*
* Passes color scheme data as colorScheme global.
*
* @since Kute Theme 1.0
*/
function kt_customize_control_js() {
wp_enqueue_script( 'color-scheme-control', get_template_directory_uri() . '/js/color-scheme-control.js', array( 'customize-controls', 'iris', 'underscore', 'wp-util' ), '20141216', true );
wp_localize_script( 'color-scheme-control', 'colorScheme', kt_get_color_schemes() );
}
add_action( 'customize_controls_enqueue_scripts', 'kt_customize_control_js' );
/**
* Binds JS handlers to make the Customizer preview reload changes asynchronously.
*
* @since Kute Theme 1.0
*/
function kt_customize_preview_js() {
wp_enqueue_script( 'kutetheme-customize-preview', get_template_directory_uri() . '/js/customize-preview.js', array( 'customize-preview' ), '20141216', true );
}
add_action( 'customize_preview_init', 'kt_customize_preview_js' );
/**
* Returns CSS for the color schemes.
*
* @since Kute Theme 1.0
*
* @param array $colors Color scheme colors.
* @return string Color scheme CSS.
*/
function kt_get_color_scheme_css( $colors ) {
$colors = wp_parse_args( $colors, array(
'background_color' => '',
'main_color' => '',
'box_background_color' => '',
'textcolor' => '',
'rate_color' => '',
'button_color' => '',
'menu_link_footer' => '',
'button_color_rgb' => '',
'color_main_rgb' => '',
'price_color' => ''
) );
ob_start();
?>
/* Color Scheme */
/* Background Color */
body {
background-color: <?php echo esc_attr( $colors['background_color'] ); ?>;
}
/* Box Color */
div.option6.header,
body .box-vertical-megamenus .title,
body .option5 #main-menu .navbar .navbar-nav>li:hover,
body .option5 #main-menu .navbar .navbar-nav>li.active,
.option7 .header .top-header,
.option2 .nav-ontop #box-vertical-megamenus .title{
background-color: <?php echo esc_attr( $colors['box_background_color'] ); ?>;
}
/* Main Color */
#main-menu .navbar .navbar-nav>li:hover,
#main-menu .navbar .navbar-nav>li.active,
.main-bg,
.product-list li .quick-view a:hover,
.trademark-product .info-product .btn-view-more:hover,
.cate-box .cate-link:hover,
.main-header .header-search-box .form-inline .btn-search,
.main-header .shopping-cart-box a.cart-link:after,
.cart-block .cart-block-content .cart-buttons a.btn-check-out,
.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover,
.display-product-option li.selected span, .display-product-option li:hover span,
.owl-controls .owl-dots .owl-dot.active,
.woocommerce .content div.product form.cart .button,
.woocommerce .content #respond input#submit:hover,
.woocommerce .content button.button:hover, .woocommerce .content input.button:hover,
.products-block .link-all,
.widget_kt_mailchimp .mailchimp-submit,
.nav-links a:hover, .nav-links .current,
.blog-posts .post-item .entry-more a:hover,
.site-content .main-header .header-search-box .form-inline .btn-search,
.widget_kt_on_sale .product-list li .product-bottom .add-to-cart,
.product-list.list .add-to-cart,
.option6 div.top-header,
div.option6 #main-menu .navbar,
.block-popular-cat a.more,
.megamenu .widget h2.widgettitle:before,
.widget_product_tag_cloud div.tagcloud a:hover,
div.woocommerce #respond input#submit:hover,
div.woocommerce a.button:hover,
div.woocommerce button.button:hover,
div.woocommerce input.button:hover,
div.woocommerce #respond input#submit.alt,
div.woocommerce a.button.alt,
div.woocommerce button.button.alt,
div.woocommerce input.button.alt,
.category-slider .owl-controls .owl-prev:hover,
.category-slider .owl-controls .owl-next:hover,
.woocommerce .widget_price_filter .price_slider_wrapper div.ui-widget-content,
.scroll_top:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce div.summary .yith-wcwl-add-to-wishlist .show a:hover:before,
.woocommerce div.summary .compare:hover:before,
div.ui-selectmenu-menu .ui-state-hover,
div.ui-selectmenu-menu .ui-state-hover,
div.ui-selectmenu-menu .ui-widget-header,
div.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus,
div.ui-selectmenu-menu .ui-widget-content .ui-state-focus,
div.ui-selectmenu-menu .ui-widget-header .ui-state-focus,
.hot-deals-box .hot-deals-tab .hot-deals-title,
.option5 .nav-top-menu #main-menu .navbar,
body .option5 .main-header .header-search-box .form-inline .btn-search,
body .option5 .nav-top-menu.nav-ontop,
body .option5 .box-vertical-megamenus .vertical-menu-list>li:hover,
body .option5 #form-search-opntop:hover form,
body .option5 .box-vertical-megamenus .all-category span:hover,
body .box-vertical-megamenus .vertical-menu-list>li:hover,
body .box-vertical-megamenus .all-category span:hover,
.header.option3 .main-header .header-search-box .form-inline .btn-search,
.header.option3 .box-vertical-megamenus .vertical-menu-list>li:hover,
.header.option3 .box-vertical-megamenus .all-category:hover>span,
.hot-deals-box .hot-deals-tab .hot-deals-tab-box .box-count-down .box-count:before,
body .header.option3 .nav-ontop,
body .header.option4 .box-vertical-megamenus .title,
body .header.option4 .box-vertical-megamenus .vertical-menu-list>li:hover,
body .header.option4 .box-vertical-megamenus .all-category:hover span,
body .formsearch-option4 .btn-search:hover,
body .option4 .cart-block .cart-block-content .cart-buttons a.btn-check-out,
body .option3 .cart-block .cart-block-content .cart-buttons a.btn-check-out,
body .option3 .nav-ontop,
body .trending .trending-title,
.option7 .hot-deals-box .hot-deals-tab .hot-deals-title.vertical-text,
.option7 .hot-deals-box .owl-controls .owl-prev:hover,
.option7 .hot-deals-box .owl-controls .owl-next:hover,
.option7 .header #main-header,
.option7 .header .main-header,
.option7 .products .search:hover,
.option7 .owl-controls .owl-prev:hover,
.option7 .owl-controls .owl-next:hover,
#footer2.footer3 .mailchimp-wrapper .mailchimp-form .mailchimp-submit,
.top-main-menu.style2 .main-menu-wapper,
.option2 .nav-top-menu.nav-ontop,
.top-main-menu.style5 .main-menu-wapper,
.top-main-menu.style6 .main-menu-wapper
{
background-color: <?php echo esc_attr( $colors['main_color'] ); ?>;
}
.option7 .products .group-tool-button a:hover,
.option7 .products .group-tool-button a.compare:hover,
.option7 .products .search:hover{
background-color: <?php echo esc_attr( $colors['main_color'] ); ?> !important;
}
.page-heading span.page-heading-title,
.popular-tabs .nav-tab li:hover,
.popular-tabs .nav-tab li.active,
.brand-showcase .brand-showcase-title,
.group-title span,
.content .view-product-list .page-title span{
border-bottom-color: <?php echo esc_attr( $colors['main_color'] ); ?>;
}
.latest-deals .latest-deal-content,
.woocommerce .content div.product .variation_form_section .variations-table .selected,
.products-block .link-all,
blockquote,
.view-product-list h1.page-title span,
.vertical-menu-list .mega-group .mega-group-header span,
.widget_product_tag_cloud div.tagcloud a:hover,
div.popular-tabs .nav-tab li:hover,
div.popular-tabs .nav-tab li.active,
body .top-header .dropdown-menu,
body .option5 .box-vertical-megamenus .all-category span:hover,
body .box-vertical-megamenus .all-category span:hover,
.header.option3 .box-vertical-megamenus .all-category:hover>span,
.header.option3 .main-header .header-search-box .form-inline,
body .header.option4 .box-vertical-megamenus .all-category:hover span,
body .option3 .main-header .header-search-box .form-inline,
body #user-info-opntop .dropdown-menu,
.option7 .brand .page-heading span.page-heading-title,
.option7 .blog-list .page-heading span.page-heading-title,
.option7 .brand .band-logo.no-product h3:hover,
.latest-deals-product .product-list li:hover,
body .count-down-time2 .box-count{
border-color: <?php echo esc_attr( $colors['main_color'] ); ?>;
}
.box-vertical-megamenus .vertical-menu-content,
footer#footer2.footer3{
border-top-color: <?php echo esc_attr( $colors['main_color'] ); ?>;
}
a:hover,
.cart-block .cart-block-content .product-info .p-right .p-rice,
.widget.widget_product_categories ul>li.current-cat>a,
body .option3 #main-menu .navbar .navbar-nav>li:hover>a,
body .option3 #main-menu .navbar .navbar-nav>li.active>a,
body .option3 a:hover,
body .hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li.active>a,
body .option4 #main-menu .navbar .navbar-nav>li:hover>a,
body .option4 #main-menu .navbar .navbar-nav>li.active>a,
body .site .option4 a:hover,
body .woocommerce .wishlist_table ins,
body footer#footer2 a:hover,
body #footer2 .widget-body li a:hover,
body .count-down-time2 .box-count{
color: <?php echo esc_attr( $colors['main_color'] ); ?>;
}
/* Text Color */
a,
.product-list li .content_price del,{
color: <?php echo esc_attr( $colors['textcolor'] ); ?>;
}
/* Rate Color */
.content .product-list li .product-star,
.content .products-block .product-star{
color: <?php echo esc_attr( $colors['rate_color'] ); ?>;
}
/* Color Main RGB */
.product-list li .add-to-cart:hover{
background-color: <?php echo esc_attr( $colors['color_main_rgb'] ); ?>
}
/* Button Color RGB*/
.product-list li .add-to-cart{
background-color: <?php echo esc_attr( $colors['button_color_rgb'] ); ?>
}
/* Footer Menu Link*/
.footer-menu-list li a,
.woocommerce .wishlist_table ins,
body #footer2 a:hover{
color: <?php echo esc_attr( $colors['menu_link_footer'] ); ?>
}
/* Price Color */
.product-list li .content_price ins,
.product-list li .content_price,
.trademark-product .info-product .content_price .price,
.woocommerce .content div.product p.price, .woocommerce .content div.product span.price,
.widget_kt_product_special .price,
.widget_kt_best_seller .price ins,
.option2 .deal-product .content_price,
.option2 .product-list li .content_price .product-price,
.woocommerce .wishlist_table span.amount,
.widget.widget_kt_best_seller .price,
.vertical-menu-list .mega-product .price,
body .cart-block .cart-block-content .product-info .p-right .p-rice,
body .trending .trending-product li .product-price{
color: <?php echo esc_attr( $colors['price_color'] ); ?>
}
/* Color*/
.blog-list .blog-list-wapper ul li .readmore a,
#main-menu .dropdown-menu>li>a:hover,
.woocommerce div.summary .yith-wcwl-add-to-wishlist .show a:hover,
.woocommerce div.summary .compare:hover,
#main-menu .dropdown-menu>.active>a,
#main-menu .dropdown-menu>.active>a:focus,
#main-menu .dropdown-menu>.active>a:hover{
color: <?php echo esc_attr( $colors['main_color'] ); ?>
}
<?php
$css = ob_get_clean();
//return $css;
}
/**
* Output an Underscore template for generating CSS for the color scheme.
*
* The template generates the css dynamically for instant display in the Customizer
* preview.
*
* @since Kute Theme 1.0
*/
function kt_color_scheme_css_template() {
$colors = array(
'background_color' => '{{ data.background_color }}',
'main_color' => '{{ data.main_color }}',
'box_background_color' => '{{ data.box_background_color }}',
'textcolor' => '{{ data.textcolor }}',
'rate_color' => '{{ data.rate_color }}',
'button_color' => '{{ data.button_color }}',
'menu_link_footer' => '{{ data.menu_link_footer }}',
'button_color_rgb' => '{{ data.button_color_rgb }}',
'module_bored' => '{{ data.module_bored }}',
'price_color' => '{{ data.price_color }}',
);
?>
<script type="text/html" id="tmpl-kutetheme-color-scheme">
<?php echo kt_get_color_scheme_css( $colors ); ?>
</script>
<?php
}
add_action( 'customize_controls_print_footer_scripts', 'kt_color_scheme_css_template' );