Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Handling scroll when arriving articles page with a param
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-10-09 14:30:01 +02:00
parent d92ea138b1
commit 267606cc92
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/js/filter-articles.ts
View File

@ -47,3 +47,16 @@ function updatePostCount(count: number) {
if (!postCount) return;
postCount.innerHTML = count.toString();
}
function scrollToArticlesGridIfHasInitialFilter() {
const articlesGrid = document.querySelector('.articles-grid');
const hasInitialFilter = articlesGrid?.classList.contains('has-initial-filter');
if (!hasInitialFilter || !articlesGrid) return;
setTimeout(() => {
articlesGrid.scrollIntoView({ behavior: 'smooth' });
}, 200);
}
window.addEventListener('load', () => {
scrollToArticlesGridIfHasInitialFilter();
});

3
template-parts/articles/articles-grid.php
View File

@ -2,6 +2,7 @@
// Récupérer le paramètre etiquette de l'URL
$etiquette_slug = isset($_GET['etiquette']) ? sanitize_text_field($_GET['etiquette']) : '';
// Construire les arguments de la query
$query_args = array(
'post_type' => 'articles',
@ -33,7 +34,7 @@ $thematiques = get_terms(array(
));
?>
<section class="post-grid articles-grid content-section">
<section class="post-grid articles-grid content-section <?php echo !empty($etiquette_slug) ? 'has-initial-filter' : '' ?>">
<div class="content-section__inner">
<div class="post-grid__toolbar">