few menu adaptations
This commit is contained in:
parent
06cedc3ebd
commit
b6e494e553
|
|
@ -7,216 +7,224 @@ $logoID = get_theme_mod('custom_logo');
|
|||
$logoSRC = wp_get_attachment_image_src($logoID, 'full');
|
||||
?>
|
||||
|
||||
<div class="menu-renovateur">
|
||||
<div class="website_logo">
|
||||
<?php if (has_custom_logo()) { ?>
|
||||
<a id="website-logo-link" href="<?php echo home_url() ?>" tabindex="0">
|
||||
<img src="<?php echo $logoSRC[0] ?>" alt="<?php echo __("Accueil Homegrade.brussels", "homegrade-theme__texte-fonctionnel") ?>">
|
||||
</a>
|
||||
<!-- <?php the_custom_logo(); ?> -->
|
||||
<?php } else { ?>
|
||||
<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
|
||||
<?php echo get_bloginfo('name'); ?>
|
||||
</a>
|
||||
<?php } ?>
|
||||
<div class="menu-renovateur-container">
|
||||
<div class="menu-renovateur">
|
||||
<div class="website_logo">
|
||||
<?php if (has_custom_logo()) { ?>
|
||||
<a id="website-logo-link" href="<?php echo home_url() ?>" tabindex="0">
|
||||
<img src="<?php echo $logoSRC[0] ?>" alt="<?php echo __("Accueil Homegrade.brussels", "homegrade-theme__texte-fonctionnel") ?>">
|
||||
</a>
|
||||
<!-- <?php the_custom_logo(); ?> -->
|
||||
<?php } else { ?>
|
||||
<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
|
||||
<?php echo get_bloginfo('name'); ?>
|
||||
</a>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id="menu-renovateur-navlist-container" class="menu-renovateur__navlist-container" closed>
|
||||
<ul id="menu-menu-renovateur" class="menu-renovateur__navlist mobile-navlist">
|
||||
<?php
|
||||
$count = 0;
|
||||
$submenu = false;
|
||||
|
||||
foreach ($menuitems as $key => $item) :
|
||||
$link = $item->url;
|
||||
$title = $item->title;
|
||||
// write_log("item");
|
||||
// write_log($item);
|
||||
// $pageIcon = get_field('page_icon', $item->ID);
|
||||
|
||||
// echo '<pre>';
|
||||
// print_r($item);
|
||||
// print_r($pageIcon);
|
||||
// echo '</pre>';
|
||||
// item does not have a parent so menu_item_parent equals 0 (false)
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div id="menu-renovateur-navlist-container" class="menu-renovateur__navlist-container" closed>
|
||||
<ul id="menu-menu-renovateur" class="menu-renovateur__navlist mobile-navlist">
|
||||
<?php
|
||||
/* -----------------------------------------------------------
|
||||
IF NOT A SUBMENU
|
||||
-----------------------------------------------------------*/
|
||||
if (!$item->menu_item_parent) : ?>
|
||||
<?php
|
||||
$parent_id = $item->ID;
|
||||
$page_icon = get_field('page_icon', $item->object_id) ?? null;
|
||||
?>
|
||||
$count = 0;
|
||||
$submenu = false;
|
||||
|
||||
<?php
|
||||
/* --------------
|
||||
IF HAS A SUBMENU
|
||||
----------------*/
|
||||
?>
|
||||
<?php if (isset($menuitems[$key + 1]->menu_item_parent) && $menuitems[$key + 1]->menu_item_parent == $item->ID) : ?>
|
||||
<li id="menu-item-<?php echo $item->ID ?>" class="menu-item menu-item-has-children">
|
||||
<button type="button" class="menu-item__submenu-toggle" aria-expanded="false">
|
||||
<?php if ($page_icon) : ?>
|
||||
<img class="page_icon" src="<?php echo $page_icon['url'] ?>" />
|
||||
<?php endif; ?>
|
||||
<?php echo $title; ?>
|
||||
</button>
|
||||
foreach ($menuitems as $key => $item) :
|
||||
$link = $item->url;
|
||||
$title = $item->title;
|
||||
// write_log("item");
|
||||
// write_log($item);
|
||||
// $pageIcon = get_field('page_icon', $item->ID);
|
||||
|
||||
<!-- HAS NO SUBMENU -->
|
||||
<?php else : ?>
|
||||
<li id="menu-item-<?php echo $item->ID ?>" class="menu-item ">
|
||||
|
||||
<a href=" <?php echo $link; ?>" class="title">
|
||||
<?php if ($page_icon) : ?>
|
||||
<img class="page_icon" src=" <?php echo $page_icon['url'] ?>" />
|
||||
<?php endif; ?>
|
||||
<?php echo $title; ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<?php endif; ?>
|
||||
// echo '<pre>';
|
||||
// print_r($item);
|
||||
// print_r($pageIcon);
|
||||
// echo '</pre>';
|
||||
// item does not have a parent so menu_item_parent equals 0 (false)
|
||||
?>
|
||||
|
||||
<?php
|
||||
/* -----------------------------------------------------------
|
||||
IF IS A SUBMENU
|
||||
IF NOT A SUBMENU
|
||||
-----------------------------------------------------------*/
|
||||
if (isset($parent_id) && $parent_id == $item->menu_item_parent) : ?>
|
||||
<?php if (!$submenu) : $submenu = true; ?>
|
||||
<div class="sub-menu sub-menu--closed" id="submenu-<?php echo $item->menu_item_parent ?>">
|
||||
if (!$item->menu_item_parent) : ?>
|
||||
<?php
|
||||
$parent_id = $item->ID;
|
||||
$page_icon = get_field('page_icon', $item->object_id) ?? null;
|
||||
?>
|
||||
|
||||
<button class="menu-item__submenu-close" id="submenu-toggle-<?php echo $item->menu_item_parent ?>" aria-label="<?php echo __("Fermer le sous-menu", "homegrade-theme__texte-fonctionnel") ?>">
|
||||
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/close_submenu_icon.svg' ?>" alt="">
|
||||
</button>
|
||||
<?php /* NOS CONSEILS — TAXONOMY SUBMENU TITLE */
|
||||
if ($item->menu_item_parent === "168") : ?>
|
||||
<h5 class="menu-item__submenu-title"><?php echo __('Découvrez nos conseils par thématique', 'homegrade-theme__texte-fonctionnel') ?></h5>
|
||||
<?php endif; ?>
|
||||
<?php /* AIDES FINANCIERES SUBMENU TITLE */
|
||||
if ($item->menu_item_parent === "169") : ?>
|
||||
<h5 class="menu-item__submenu-title"><?php echo __('Quelles sont les aides financières disponibles pour votre logement ?', 'homegrade-theme__texte-fonctionnel') ?></h5>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<ul class="sub-menu__navlist">
|
||||
<?php endif; ?>
|
||||
|
||||
<li class="submenu-item sub-menu__navlist__item">
|
||||
|
||||
<?php // #### WHEN IS POST TYPE CONSEIL SUB ITEM
|
||||
?>
|
||||
|
||||
<?php if ($item->type === "post_type" && $item->type_label === "Conseil") : ?>
|
||||
<?php
|
||||
$postThematique = get_the_terms($item->object_id, "thematiques")[0];
|
||||
$postParentThematique = getParentThematique($postThematique);
|
||||
$thematiqueCover = get_field('taxonomy_pictures', "thematiques_" . $postParentThematique->term_id);
|
||||
|
||||
?>
|
||||
<?php if ($postThematique) : ?>
|
||||
|
||||
<a href="<?php echo $item->url ?>">
|
||||
<img class="sub-menu__navlist__thematique-icon" src="<?php echo $thematiqueCover['icon']['url'] ?>" alt="">
|
||||
<div class="details">
|
||||
<h6><?php echo $postThematique->name ?></h6>
|
||||
<p class="sub-menu__navlist__description"><?php echo $postParentThematique->description ?></p>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php // WHEN THE SUB-LINK IS A TAXONOMY TERM
|
||||
?>
|
||||
<?php elseif ($item->type === "taxonomy") : ?>
|
||||
<?php
|
||||
$term = get_term($item->object_id, 'thematiques');
|
||||
$mainTaxonomyParent = getMainThematique($term);
|
||||
$args = array(
|
||||
'post_type' => 'conseils',
|
||||
'posts_per_page' => 1,
|
||||
'tax_query' => array(
|
||||
array(
|
||||
'taxonomy' => 'thematiques',
|
||||
'field' => 'slug',
|
||||
'terms' => $mainTaxonomyParent->slug,
|
||||
'include_children' => false,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$taxonomyRelatedPost = get_posts($args)[0] ?? null;
|
||||
$cover = get_field('taxonomy_pictures', "thematiques_" . $mainTaxonomyParent->term_id);
|
||||
|
||||
?>
|
||||
<?php if ($taxonomyRelatedPost) : ?>
|
||||
<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
|
||||
<?php if ($cover && $cover['icon']) : ?>
|
||||
<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
|
||||
<?php endif; ?>
|
||||
<div class="details">
|
||||
<h6><?php echo $title; ?></h6>
|
||||
<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
|
||||
</div>
|
||||
</a>
|
||||
<?php else : ?>
|
||||
<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
|
||||
<?php if ($cover) : ?>
|
||||
<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
|
||||
<?php endif; ?>
|
||||
<div class="details">
|
||||
<h6><?php echo $title; ?></h6>
|
||||
<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
|
||||
<p class="!text-red-500 text-xs uppercase">pas de page conseil liée à cette thématique</p>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php else : ?>
|
||||
<a href="<?php echo $link; ?>" class="title"><?php echo $title; ?></a>
|
||||
<?php
|
||||
/* --------------
|
||||
IF HAS A SUBMENU
|
||||
----------------*/
|
||||
?>
|
||||
<?php if (isset($menuitems[$key + 1]->menu_item_parent) && $menuitems[$key + 1]->menu_item_parent == $item->ID) : ?>
|
||||
<li id="menu-item-<?php echo $item->ID ?>" class="menu-item menu-item-has-children">
|
||||
<button type="button" class="menu-item__submenu-toggle" aria-expanded="false">
|
||||
<?php if ($page_icon) : ?>
|
||||
<img class="page_icon" src="<?php echo $page_icon['url'] ?>" />
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php echo $title; ?>
|
||||
</button>
|
||||
|
||||
<?php if ($menuitems[$count + 1]->menu_item_parent != $parent_id && $submenu) : ?>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- HAS NO SUBMENU -->
|
||||
<?php else : ?>
|
||||
<li id="menu-item-<?php echo $item->ID ?>" class="menu-item ">
|
||||
|
||||
<a href=" <?php echo $link; ?>" class="title">
|
||||
<?php if ($page_icon) : ?>
|
||||
<img class="page_icon" src=" <?php echo $page_icon['url'] ?>" />
|
||||
<?php endif; ?>
|
||||
<?php echo $title; ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php
|
||||
/* -----------------------------------------------------------
|
||||
IF IS A SUBMENU
|
||||
-----------------------------------------------------------*/
|
||||
if (isset($parent_id) && $parent_id == $item->menu_item_parent) : ?>
|
||||
<?php if (!$submenu) : $submenu = true; ?>
|
||||
<div class="sub-menu sub-menu--closed" id="submenu-<?php echo $item->menu_item_parent ?>">
|
||||
|
||||
<button class="menu-item__submenu-close" id="submenu-toggle-<?php echo $item->menu_item_parent ?>" aria-label="<?php echo __("Fermer le sous-menu", "homegrade-theme__texte-fonctionnel") ?>">
|
||||
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/close_submenu_icon.svg' ?>" alt="">
|
||||
</button>
|
||||
<?php /* NOS CONSEILS — TAXONOMY SUBMENU TITLE */
|
||||
if ($item->menu_item_parent === "168") : ?>
|
||||
<h5 class="menu-item__submenu-title"><?php echo __('Découvrez nos conseils par thématique', 'homegrade-theme__texte-fonctionnel') ?></h5>
|
||||
<?php endif; ?>
|
||||
<?php /* AIDES FINANCIERES SUBMENU TITLE */
|
||||
if ($item->menu_item_parent === "169") : ?>
|
||||
<h5 class="menu-item__submenu-title"><?php echo __('Quelles sont les aides financières disponibles pour votre logement ?', 'homegrade-theme__texte-fonctionnel') ?></h5>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<ul class="sub-menu__navlist">
|
||||
<?php endif; ?>
|
||||
|
||||
<li class="submenu-item sub-menu__navlist__item">
|
||||
|
||||
<?php // #### WHEN IS POST TYPE CONSEIL SUB ITEM
|
||||
?>
|
||||
|
||||
<?php if ($item->type === "post_type" && $item->type_label === "Conseil") : ?>
|
||||
<?php
|
||||
$postThematique = get_the_terms($item->object_id, "thematiques")[0];
|
||||
$postParentThematique = getParentThematique($postThematique);
|
||||
$thematiqueCover = get_field('taxonomy_pictures', "thematiques_" . $postParentThematique->term_id);
|
||||
$thematiqueColorslug = getThematiqueFamilySlug($postThematique->slug);
|
||||
?>
|
||||
<?php if ($postThematique) : ?>
|
||||
|
||||
<a href="<?php echo $item->url ?>">
|
||||
<img class="sub-menu__navlist__thematique-icon" src="<?php echo $thematiqueCover['icon']['url'] ?>" alt="">
|
||||
<div class="details">
|
||||
<h6 class="<?php echo $thematiqueColorslug ? "text-" . $thematiqueColorslug : "" ?>"><?php echo $postThematique->name ?></h6>
|
||||
<p class="sub-menu__navlist__description"><?php echo $postParentThematique->description ?></p>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php // WHEN THE SUB-LINK IS A TAXONOMY TERM
|
||||
?>
|
||||
<?php elseif ($item->type === "taxonomy") : ?>
|
||||
<?php
|
||||
$term = get_term($item->object_id, 'thematiques');
|
||||
$mainTaxonomyParent = getMainThematique($term);
|
||||
$thematiqueColorslug = getThematiqueFamilySlug($term->slug);
|
||||
$args = array(
|
||||
'post_type' => 'conseils',
|
||||
'posts_per_page' => 1,
|
||||
'tax_query' => array(
|
||||
array(
|
||||
'taxonomy' => 'thematiques',
|
||||
'field' => 'slug',
|
||||
'terms' => $mainTaxonomyParent->slug,
|
||||
'include_children' => false,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$taxonomyRelatedPost = get_posts($args)[0] ?? null;
|
||||
$cover = get_field('taxonomy_pictures', "thematiques_" . $mainTaxonomyParent->term_id);
|
||||
|
||||
?>
|
||||
<?php if ($taxonomyRelatedPost) : ?>
|
||||
<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
|
||||
<?php if ($cover && $cover['icon']) : ?>
|
||||
<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
|
||||
<?php endif; ?>
|
||||
<div class="details">
|
||||
<h6 class="<?php echo $thematiqueColorslug ? "text-" . $thematiqueColorslug : "" ?>"><?php echo $title; ?></h6>
|
||||
<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
|
||||
</div>
|
||||
</a>
|
||||
<?php else : ?>
|
||||
<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
|
||||
<?php if ($cover) : ?>
|
||||
<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
|
||||
<?php endif; ?>
|
||||
<div class="details">
|
||||
<h6><?php echo $title; ?></h6>
|
||||
<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
|
||||
<p class="!text-red-500 text-xs uppercase">pas de page conseil liée à cette thématique</p>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- IF CLASSIC SUBMENU -->
|
||||
<?php else : ?>
|
||||
<a href="<?php echo $link; ?>">
|
||||
<p class="title"><?php echo $title; ?></p>
|
||||
<p class="excerpt"><?php echo get_the_excerpt($item->object_id) ?></p>
|
||||
</a>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php if ($menuitems[$count + 1]->menu_item_parent != $parent_id && $submenu) : ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php $submenu = false;
|
||||
endif; ?>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (isset($parent_id) && isset($menuitems[$count + 1]->menu_item_parent) && $menuitems[$count + 1]->menu_item_parent != $parent_id) : ?>
|
||||
</li>
|
||||
<?php $submenu = false;
|
||||
endif; ?>
|
||||
endif; ?>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php $count++;
|
||||
endforeach; ?>
|
||||
|
||||
<?php if (isset($parent_id) && isset($menuitems[$count + 1]->menu_item_parent) && $menuitems[$count + 1]->menu_item_parent != $parent_id) : ?>
|
||||
</li>
|
||||
<?php $submenu = false;
|
||||
endif; ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<?php $count++;
|
||||
endforeach; ?>
|
||||
|
||||
</ul>
|
||||
<div class="menu-renovateur__interaction_toggles">
|
||||
<button id="search-module-toggle" class="menu-renovateur__search-module-toggle cta cta--circular cta--outline cta--outline-secondary !border border-secondary" aria-expanded="false">
|
||||
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/search-icon.svg' ?>" alt="<?php echo __("Recherche", "homegrade-theme__texte-fonctionnel") ?>">
|
||||
</button>
|
||||
<button id="mobile-menu-toggle" class="menu-renovateur__mobile-menu-toggle cta cta--outline cta--button" data-text-open="<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>" data-text-close="<?php echo __("Fermer", 'homegrade-theme__texte-fonctionnel') ?>" aria-label="<?php echo __("Menu", "homegrade-theme__texte-fonctionnel") ?>" aria-expanded="false">
|
||||
<span class="text-content">
|
||||
<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>
|
||||
</span>
|
||||
<div class="toggle-icon">
|
||||
<div class="toggle-icon__bar toggle-icon__bar--top"></div>
|
||||
<div class="toggle-icon__bar toggle-icon__bar--middle"></div>
|
||||
<div class="toggle-icon__bar toggle-icon__bar--bottom"></div>
|
||||
</div>
|
||||
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- SEARCH MODULE -->
|
||||
<?php get_template_part('template-components/header/search-module'); ?>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="menu-renovateur__interaction_toggles">
|
||||
<button id="search-module-toggle" class="menu-renovateur__search-module-toggle cta cta--circular cta--outline cta--outline-secondary !border border-secondary" aria-expanded="false">
|
||||
<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/search-icon.svg' ?>" alt="<?php echo __("Recherche", "homegrade-theme__texte-fonctionnel") ?>">
|
||||
</button>
|
||||
<button id="mobile-menu-toggle" class="menu-renovateur__mobile-menu-toggle cta cta--outline cta--button" data-text-open="<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>" data-text-close="<?php echo __("Fermer", 'homegrade-theme__texte-fonctionnel') ?>" aria-label="<?php echo __("Menu", "homegrade-theme__texte-fonctionnel") ?>" aria-expanded="false">
|
||||
<span class="text-content">
|
||||
<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>
|
||||
</span>
|
||||
<div class="toggle-icon">
|
||||
<div class="toggle-icon__bar toggle-icon__bar--top"></div>
|
||||
<div class="toggle-icon__bar toggle-icon__bar--middle"></div>
|
||||
<div class="toggle-icon__bar toggle-icon__bar--bottom"></div>
|
||||
</div>
|
||||
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- SEARCH MODULE -->
|
||||
<?php get_template_part('template-components/header/search-module'); ?>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user