Add product pagination and enable BestBuy

Implement client-side pagination for the products grid: add PRODUCTS_PER_PAGE, currentProductPage, offset in /products requests, renderPagination(), and changeProductPage() (with smooth scroll). Reset page when filters or event filters change and render empty-state pagination. Add pagination container to the template and styles for pagination buttons and info. Also enable "bestbuy" in SITES_ENABLED in config.py and add a taskkill line to .claude/settings.local.json for closing stray python.exe processes.
This commit is contained in:
2026-03-28 16:57:03 -04:00
parent f01bde54a5
commit d33639fdc7
5 changed files with 79 additions and 3 deletions
+36
View File
@@ -859,6 +859,42 @@ h3 {
background: var(--border-color);
}
/* Pagination */
#productsPagination {
margin-top: 20px;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.btn-page {
padding: 8px 18px;
background: var(--bg-card);
color: var(--text-primary);
border: 1px solid var(--border-color);
border-radius: 6px;
cursor: pointer;
font-size: 14px;
}
.btn-page:hover:not(:disabled) {
background: var(--border-color);
}
.btn-page:disabled {
opacity: 0.4;
cursor: default;
}
.page-info {
color: var(--text-secondary);
font-size: 14px;
}
/* Settings */
.settings-section {
max-width: 600px;