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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user