Fix products, search, and newsletter form per REPA-17

- Search: replace static <a href="/?s="> with togglable search overlay
  form that submits post_type=product for proper WooCommerce results
- Newsletter: remove mc4wp shortcode (plugin not installed), replace
  with self-contained HTML form + JS confirmation handler
- Shop by Design: link each design card to real product_tag pages
  (passive-aggressive, email-signatures, meeting-recovery, etc.)
  and show live tag.count instead of hardcoded numbers
- Category slugs: update $cat_meta mapping to match actual WC slugs
  (drinkware, wall-decor, stationery, apparel, stickers, accessories)
  in both front-page.php and archive-product.php
- Footer dept links updated to real WC category slugs

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
FrontendDev
2026-05-02 21:25:45 -04:00
parent 1cc5a8ecfe
commit de8d1b8bef
5 changed files with 126 additions and 26 deletions

View File

@@ -160,6 +160,44 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
transition: background 0.15s;
}
.rar-nav__cart:hover { background: var(--stamp-dark) !important; }
.rar-nav__search-btn {
display: inline-flex; align-items: center; gap: 6px;
background: none; border: none; cursor: pointer;
color: var(--manila); font-family: var(--mono); font-size: 11px;
letter-spacing: 0.12em; text-transform: uppercase; padding: 0;
transition: color 0.15s;
}
.rar-nav__search-btn:hover { color: var(--stamp); }
.rar-search-overlay {
position: sticky; top: 0; z-index: 99;
background: var(--paper); border-bottom: 1.5px solid var(--ink);
padding: 12px 40px;
}
.rar-search-form {
display: flex; align-items: center; gap: 10px; max-width: 640px; margin: 0 auto;
}
.rar-search-input {
flex: 1; padding: 10px 14px;
border: 1.5px solid var(--ink); background: transparent;
font-family: var(--mono); font-size: 13px; letter-spacing: 0.04em;
color: var(--ink); outline: none;
}
.rar-search-input:focus { border-color: var(--stamp); }
.rar-search-close {
background: none; border: none; cursor: pointer; font-size: 18px;
color: var(--ink-muted); padding: 4px 8px; line-height: 1;
transition: color 0.15s;
}
.rar-search-close:hover { color: var(--stamp); }
.rar-newsletter-form { display: flex; gap: 8px; width: 100%; }
.rar-newsletter-form input[type=email] {
flex: 1; max-width: 240px; padding: 10px 12px;
background: transparent;
border: 1px solid rgba(245,241,232,0.3);
color: var(--manila); font-family: var(--mono); font-size: 11px;
letter-spacing: 0.06em; outline: none; border-radius: 2px;
}
.rar-newsletter-form input[type=email]::placeholder { color: rgba(245,241,232,0.4); }
/* ───────── Buttons ───────── */
.rar-btn {