{"id":2477,"date":"2021-06-23T09:07:55","date_gmt":"2021-06-23T09:07:55","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=2477"},"modified":"2021-06-23T10:56:05","modified_gmt":"2021-06-23T10:56:05","slug":"yootheme","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/theme-integration\/yootheme\/","title":{"rendered":"YooTheme"},"content":{"rendered":"\n

Add this code into function.php of your child theme<\/a>.<\/p>\n\n\n\n

Please make all changes to the child theme files, and do not add the code directly to the theme files, otherwise after updating the theme your fixes will be lost<\/p><\/blockquote>\n\n\n\n

header.php<\/code><\/p>\n\n\n\n

<?php\n\/**\n * The header for our theme.\n *\n * This is the template that displays all of the <head> section and everything up until <body>\n *\n * @link https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/#template-partials\n *\/\n\nnamespace YOOtheme;\n\n\/**\n * @var Config $config\n * @var View   $view\n *\/\nlist($config, $view) = app(Config::class, View::class);\n\n$config->addAlias('~site', '~theme.site');\n$config->addAlias('~sidebar', '~theme.main_sidebar');\n\n\/\/ Set view\n$layout = $config('~theme.page_layout', '');\n\n\/\/ Page\n$attrs_page = [];\n$attrs_page_container = [];\n$attrs_image = [];\n$attrs_media_overlay = [];\n$attrs_page['class'][] = 'tm-page';\n\nif ($config('~site.layout') == 'boxed') {\n\n    $attrs_page['class'][] = $config('~site.boxed.alignment') ? 'uk-margin-auto' : '';\n    $attrs_page['class'][] = $config('~site.boxed.margin_top') ? 'tm-page-margin-top' : '';\n    $attrs_page['class'][] = $config('~site.boxed.margin_bottom') ? 'tm-page-margin-bottom' : '';\n    $attrs_page_container['class'][] = 'tm-page-container uk-clearfix';\n\n    \/\/ Image\n    if ($config('~site.boxed.media')) {\n\n        $attrs_image = $view->bgImage($config('~site.boxed.media'), [\n            'width' => $config('~site.image_width'),\n            'height' => $config('~site.image_height'),\n            'size' => $config('~site.image_size'),\n            'position' => $config('~site.image_position'),\n            'visibility' => $config('~site.image_visibility'),\n            'blend_mode' => $config('~site.media_blend_mode'),\n            'background' => $config('~site.media_background'),\n            'effect' => $config('~site.image_effect'),\n            'parallax_bgx_start' => $config('~site.image_parallax_bgx_start'),\n            'parallax_bgy_start' => $config('~site.image_parallax_bgy_start'),\n            'parallax_bgx_end' => $config('~site.image_parallax_bgx_end'),\n            'parallax_bgy_end' => $config('~site.image_parallax_bgy_end'),\n            'parallax_easing' => $config('~site.image_parallax_easing'),\n            'parallax_breakpoint' => $config('~site.image_parallax_breakpoint'),\n            'parallax_target' => 'body',\n        ]);\n\n        if ($config('~site.image_effect')) {\n            $attrs_image['class'][] = 'uk-position-cover uk-position-fixed';\n        } else {\n            $attrs_page_container = array_merge_recursive($attrs_page_container, $attrs_image);\n            $attrs_image = [];\n        }\n\n        \/\/ Overlay\n        if ($config('~site.media_overlay')) {\n            $attrs_page_container['class'][] = 'uk-position-relative';\n            $attrs_media_overlay['class'][] = 'uk-position-cover';\n            $attrs_media_overlay['style'] = \"background-color: {$config('~site.media_overlay')};\";\n        }\n\n    }\n\n}\n\n\/\/ Main section\n$attrs_main_section = [];\n$attrs_main_section['class'][] = 'tm-main uk-section uk-section-default';\n$attrs_main_section['class'][] = $layout == 'blog' && $config('~theme.blog.padding') ? \"uk-section-{$config('~theme.blog.padding')}\" : '';\n$attrs_main_section['class'][] = $layout == 'post' && $config('~theme.post.padding') ? \"uk-section-{$config('~theme.post.padding')}\" : '';\n$attrs_main_section['class'][] = $layout == 'post' && $config('~theme.post.padding_remove') ? 'uk-padding-remove-top' : '';\n\n\/\/ Main container\n$attrs_main_container = [];\n\nif ($layout == 'post') {\n    if ($config('~theme.post.width')) {\n        $attrs_main_container['class'][] = $config('~theme.post.width') == 'default' ? 'uk-container' : \"uk-container uk-container-{$config('~theme.post.width')}\";\n    }\n} elseif ($layout == 'blog') {\n    if ($config('~theme.blog.width')) {\n        $attrs_main_container['class'][] = $config('~theme.blog.width') == 'default' ? 'uk-container' : \"uk-container uk-container-{$config('~theme.blog.width')}\";\n    }\n} else {\n    $attrs_main_container['class'][] = 'uk-container';\n}\n\n?>\n<!DOCTYPE html>\n<html <?php language_attributes() ?>>\n    <head>\n        <meta charset=\"<?php bloginfo('charset') ?>\">\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <link rel=\"shortcut icon\" href=\"<?= $config('~theme.favicon') ?>\">\n        <link rel=\"apple-touch-icon\" href=\"<?= $config('~theme.touchicon') ?>\">\n        <?php if (is_singular() && pings_open(get_queried_object())) : ?>\n        <link rel=\"pingback\" href=\"<?php bloginfo('pingback_url') ?>\">\n        <?php endif ?>\n        <?php wp_head() ?>\t\t\n\t\t<script type=\"text\/javascript\">\nif (screen.width<960) {\njQuery(document).ready(function($) {\n$( slideout ).addClass( 'sidr hide' );\n    \/\/put IDs for sidebar and toggle in vars\n    var toggle = \"#menu-toggle\";\n    var slideout = \"#tm-sidebar\";\n    \/\/calculate the width of the mobile sidebar and put inverse in var\n    var slideoff = -Math.abs( $( slideout ).width() );\n    \/\/add margin-left to mobile sidebar to push off canvas\n    $( slideout).css( \"marginLeft\", slideoff );\n    \/\/When toggle is clicked show the slideout\n    $( toggle ).on('click', function () {\n        if ( $( slideout ).hasClass( 'hide' )) {\n                $( slideout ).removeClass( 'hide').addClass( 'unhide' ).animate({\n                    opacity: 1,\n                    marginLeft: 0,\n                }, 500, function() {\n                    \/\/I can haz callback?\n                });\n        } else {\n            $( slideout ).animate({\n                opacity: 0,\n                marginLeft: slideoff,\n            }, 500, function() {\n                $( slideout ).addClass( 'hide').removeClass( 'unhide' );\n            });\n\n        }\n   }); \/\/end slideout function\n}); \/\/end noConlict\n}\n<\/script>\n    <\/head>\n    <body <?php body_class((array) $config('~theme.body_class')) ?>>\n\n    <?php\n\n    $groovy_menu_installed = false;\n\n    if ( function_exists( 'groovy_menu' ) ) {\n\t    $groovy_menu_installed = true;\n\t    groovy_menu();\n    }\n    ?>\n\n        <?php if ($config('~site.layout') == 'boxed') : ?>\n        <div<?= $view->attrs($attrs_page_container) ?>>\n\n            <?php if ($attrs_image) : ?>\n            <div<?= $view->attrs($attrs_image) ?>><\/div>\n            <?php endif ?>\n\n            <?php if ($attrs_media_overlay) : ?>\n            <div class=\"uk-position-cover\"<?= $view->attrs($attrs_media_overlay) ?>><\/div>\n            <?php endif ?>\n\n        <?php endif ?>\n\n        <?php if ( ! $groovy_menu_installed && $config('~site.layout') == 'boxed' && $config('~site.boxed.header_outside')) : ?>\n        <?= $view('~theme\/templates\/header') ?>\n        <?php endif ?>\n\n        <div<?= $view->attrs($attrs_page) ?>>\n\n            <?php if ( ! $groovy_menu_installed && !($config('~site.layout') == 'boxed' && $config('~site.boxed.header_outside'))) : ?>\n            <?= $view('~theme\/templates\/header') ?>\n            <?php endif ?>\n\n            <?php dynamic_sidebar(\"top:section\") ?>\n\n            <?php if (!$config('app.isBuilder')) : ?>\n            \n            \n            \n <?php\tif ( wp_is_mobile() ) : ?>\t  <a id=\"menu-toggle\"  class=\"second\" title=\"<?php _e( 'Navegar y Filtrar', 'yt1300' ); ?>\" href=\"#\">Navegar y Filtrar por Categor&iacute;as, Marcas, Tipos,...<\/a>\t<?php\tendif; ?> \n            \n            \n            \n            \n            \n\n            <div id=\"tm-main\" <?= $view->attrs($attrs_main_section) ?> uk-height-viewport=\"expand: true\">\n                <div<?= $view->attrs($attrs_main_container) ?>>\n\n                    <?php if (is_active_sidebar('sidebar')) :\n                        $grid = ['uk-grid'];\n                        $grid[] = $config('~sidebar.gutter') ? \"uk-grid-{$config('~sidebar.gutter')}\" : '';\n                        $grid[] = $config('~sidebar.divider') ? 'uk-grid-divider' : '';\n                    ?>\n\n\n                    <div<?= $view->attrs(['class' => $grid, 'uk-grid' => true]) ?>>\n                        <div class=\"uk-width-expand@<?= $config('~sidebar.breakpoint') ?>\">\n\n                    <?php endif ?>\n\n                            <?php if ($config('~site.breadcrumbs')) : ?>\n                                <?= $view->section('breadcrumbs') ?>\n                            <?php endif ?>\n\n            <?php endif ?>\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
function.php<\/code><\/p>\n\n\n\n
<?php\nif ( ! defined( 'ABSPATH' ) ) {\n\texit;\n}\n\n\/\/ ------------------------------------------------------\n\/\/         Groovy Menu plugin integration\n\/\/ ------------------------------------------------------\nif ( ! function_exists( 'gm_child_show_groovy_menu' ) ) {\n\tfunction gm_child_show_groovy_menu() {\n\t\t\/\/ Work only if Groovy Menu plugin active.\n\t\tif ( function_exists( 'groovy_menu' ) ) {\n\t\t\tglobal $wp_filter;\n\t\t\tif ( ! isset( $wp_filter['wp_nav_menu_args'] ) || ! is_object( $wp_filter['wp_nav_menu_args'] ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tunset( $wp_filter['wp_nav_menu_args'] );\n\t\t}\n\t}\n}\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n
Note:<\/strong> You can find the link on Child Theme for YooTheme under Groovy Menu > Integration<\/code> section<\/div>\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Add this code into function.php of your child theme. Please make all changes to the child theme files, and do … Read more →<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":2075,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2477"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/comments?post=2477"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2477\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/2075"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=2477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}