{"id":631,"date":"2018-09-14T11:40:54","date_gmt":"2018-09-14T11:40:54","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=631"},"modified":"2023-03-21T23:13:31","modified_gmt":"2023-03-21T23:13:31","slug":"manual-integration","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/integration\/manual-integration\/","title":{"rendered":"Manual Integration"},"content":{"rendered":"

Integration is the process of inserting the Groovy menu into your site.<\/p>\n

PHP code<\/h2>\n

To manually integrate the Groovy menu into your theme, you’ll need to copy PHP code from the Groovy menu > Integration<\/code> section and paste it into the appropriate template in your theme.<\/p>\n

\"\"<\/p>\n

\n

Note. Groovy menu creates its own menu location called Groovy menu Primary<\/code> which can be found at Appearance > Menus > Manage Locations<\/code><\/p>\n<\/blockquote>\n

 <\/h2>\n

Header.php<\/h2>\n

The exact location in your theme’s code where th PHP code should be inserted will depend on your theme. However, the most common location is the header.php<\/code><\/p>\n\n\n

<\/div>\n\n\n
We recommend making such changes only in the child theme; otherwise, your changes will disappear after updating the theme.<\/div>\n
\n

If you’re experiencing any issues during the integration process, please create a support ticket through Help desk<\/strong><\/a>.<\/p>\n<\/blockquote>\n\n\n

\n\n\n

How to change wrapper tag<\/h2>\n

\"\"<\/p>\n\n\n

\n\n\n\n

How to manually integrate the Groovy Menu plugin into a child theme that is itself a child theme of another theme?<\/h2>\n\n\n\n

During manual integration of the Groovy Menu, we recommend using Child themes<\/strong> (What is a child theme<\/a>). This will ensure that any changes you make are not lost when updating your WordPress theme.<\/p>\n\n\n\n

However, there may be situations where the Child theme is already being used as the main theme and is updated from the developer’s repository. Editing such a theme may result in loss of changes if the theme will be updated.<\/p>\n\n\n\n

<\/p>\n\n\n\n

If you are have installed such theme as Genesis<\/strong> or Primer<\/strong>, then you are already using a child theme.<\/p>\n\n\n\n

Editing such a theme may result in loss of changes if the theme is ever updated.<\/p>\n\n\n\n

In such cases, instead of editing a child theme, you can create a Grandchild<\/strong> theme.<\/p>\n\n\n\n

This is similar to creating a child theme, except that you do it through a specail plugin. You can add your custom functions to the plugin, just as you would in functions.php (although it’s important to note that your plugin will be called much earlier than functions.php, so any code in your plugin should only execute when the corresponding action is being executed).<\/p>\n\n\n\n

Bellow we provide example of such plugin.<\/p>\n\n\n\n

\n\n\n\n

Integration mega menu trough a plugin<\/h3>\n\n\n\n
<?php defined( 'ABSPATH' ) OR die( 'This script cannot be accessed directly.' );\n\/*\nPlugin Name: Grandchild Theme\nPlugin URI: https:\/\/groovymenu.grooni.com\/\nDescription: A WordPress Grandchild Theme (as a plugin).\nAuthor: Grooni\nVersion: 1.0.0\nAuthor URI: https:\/\/groovymenu.grooni.com\/\n*\/\n\/\/ This action is execute when the template redirects and all functions and actions of the template are loaded.\nadd_action( 'template_redirect', 'gts_grooni_remove_and_add_action', 99 );\nfunction gts_grooni_remove_and_add_action() {\n    \/\/ This is an example!!!  Remove the header action from the parent theme Primer\n    remove_action( 'primer_header', 'primer_add_primary_navigation', 11 );\n    \/\/ This is an example!!!  Add Groovy Menu instead primary_navigation\n    add_action( 'primer_header', 'gts_grooni_add_to_primary_navigation', 11 );\n}\nfunction gts_grooni_add_to_primary_navigation() {\n    if ( function_exists( 'groovy_menu' ) ) {\n        groovy_menu();\n    }\n}<\/code><\/pre>\n\n\n\n
\n\n\n\n
Integration through shortcode<\/h3>\n\n\n
You can use the [groovy_menu]<\/code> shortcode to output the Groovy Menu. Simply paste the shortcode where you would like the menu to appear.<\/div>\n\n","protected":false},"excerpt":{"rendered":"
Integration is the process of inserting the Groovy menu into your site. PHP code To manually integrate the Groovy menu … Read more →<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":627,"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\/631"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/comments?post=631"}],"version-history":[{"count":4,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/631\/revisions"}],"predecessor-version":[{"id":2729,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/631\/revisions\/2729"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/627"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}