{"id":331,"date":"2025-12-23T14:30:19","date_gmt":"2025-12-23T14:30:19","guid":{"rendered":"https:\/\/beta.abergstryck.se\/?page_id=331"},"modified":"2025-12-30T14:13:25","modified_gmt":"2025-12-30T14:13:25","slug":"sok-efter-produkt-for-kund","status":"publish","type":"page","link":"https:\/\/beta.abergstryck.se\/?page_id=331","title":{"rendered":"S\u00f6k efter produkt f\u00f6r kund"},"content":{"rendered":"\n<section class=\"ab-admin\">\n  <div class=\"ab-admin__inner\">\n    <h1 class=\"ab-admin__title\">S\u00f6k efter produkt<\/h1>\n\n    <div class=\"ab-admin__search\">\n      <label class=\"ab-admin__label\" for=\"ab-search\">\n        S\u00f6k efter produkter\n      <\/label>\n\n      <input id=\"ab-search\" class=\"ab-admin__input\" type=\"text\"\n        placeholder=\"Produktnamn\" \/>\n\n      <button class=\"ab-admin__btn\" type=\"button\" id=\"ab-open-search\">\n        <span class=\"ab-admin__btn-text\">S\u00f6k<\/span>\n      <\/button>\n     \n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Overlay search results (prototype) -->\n<div class=\"ab-search\" id=\"ab-search-modal\" aria-hidden=\"true\">\n  <div class=\"ab-search__panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Search results\">\n    <div class=\"ab-search__top\">\n      <div class=\"ab-search__field\">\n        <span class=\"ab-search__icon\" aria-hidden=\"true\">\ud83d\udd0d<\/span>\n        <input id=\"ab-modal-input\" type=\"text\" placeholder=\"Search\" \/>\n      <\/div>\n      <button class=\"ab-search__close\" type=\"button\" id=\"ab-close-search\">Close<\/button>\n    <\/div>\n\n    <div class=\"ab-search__body\">\n      <div class=\"ab-search__heading\">Other Pages<\/div>\n\n      <div class=\"ab-search__grid\" id=\"ab-results\">\n        <!-- results injected by JS -->\n      <\/div>\n\n      <div class=\"ab-search__actions\">\n        <a class=\"ab-search__all\" href=\"#\" id=\"ab-show-all\">Show All Results<\/a>\n\n      <\/div>\n\n\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* --- base page (short) --- *\/\n  .ab-admin{ padding: 48px 16px 80px; }\n  .ab-admin__inner{ max-width: 1100px; margin: 0 auto; }\n  .ab-admin__title{ font-size: 56px; margin: 0 0 40px; font-weight: 700; }\n  .ab-admin__search{ width: min(520px, 92vw); margin: 0 auto; }\n  .ab-admin__label{ display:block; margin:0 0 10px; }\n  .ab-admin__input{ width:100%; height:46px; border-radius:8px; padding:10px 14px;\n    border:1.5px solid rgba(0,0,0,.25); background:#eef7f1; box-sizing:border-box; }\n  .ab-admin__btn{ margin:26px auto 0; display:block; padding:12px 28px; border:0;\n    border-radius:999px; cursor:pointer; color:#fff; font-weight:600;\n    background: linear-gradient(180deg, #33c46f 0%, #00A651 70%, #0a7c3a 100%);\n    box-shadow: 0 10px 24px rgba(0,166,81,.28); }\n\n  \/* --- overlay --- *\/\n  .ab-search{\n    position: fixed; inset: 0;\n    background: rgba(0,0,0,.08);\n    display: none;\n    padding: 18px;\n    z-index: 9999;\n  }\n  .ab-search.is-open{ display:block; }\n\n  .ab-search__panel{\n    background:#fff;\n    border: 1px solid rgba(0,0,0,.18);\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 18px 18px 22px;\n  }\n\n  .ab-search__top{\n    display:flex; align-items:center; gap:14px;\n  }\n  .ab-search__field{\n    flex: 1;\n    display:flex; align-items:center; gap:10px;\n    border: 1px solid rgba(0,0,0,.35);\n    padding: 10px 12px;\n  }\n  .ab-search__field input{\n    border:0; outline:0; width:100%;\n    font-size:16px;\n  }\n  .ab-search__close{\n    border:0; background:transparent; cursor:pointer;\n    font-size:16px;\n  }\n\n  .ab-search__body{ padding-top: 18px; }\n  .ab-search__heading{ font-size:16px; margin-bottom: 14px; opacity:.9; }\n\n  .ab-search__grid{\n    display:grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 26px;\n  }\n  .ab-result a{\n    color:#123a66;\n    text-decoration:none;\n    line-height:1.35;\n    display:inline-block;\n  }\n  .ab-result a:hover{ text-decoration: underline; }\n\n  .ab-search__actions{ margin-top: 18px; }\n  .ab-search__all{\n    display:inline-block;\n    background:#2e7d32;\n    color:#fff;\n    padding: 12px 18px;\n    text-decoration:none;\n    font-weight:600;\n  }\n\n  @media (max-width: 860px){\n    .ab-search__grid{ grid-template-columns: 1fr; }\n  }\n\n.ab-admin__back{\n  display: block;\n  width: fit-content;\n  margin: 32px auto 0;\n  color: #016834;\n  text-decoration: none;\n  font-weight: 600;\n  \n}\n.ab-admin__back:hover{\n  text-decoration: underline;\n}\n\n<\/style>\n\n<script>\n  \/\/ --- Prototype data (replace later with real search) ---\n  const PAGES = [\n    { title: \"Visa befintliga konton | \u00c5bergstryckeriadmin\", url: \"#\" },\n    { title: \"Startsida | \u00c5bergstryckeriadmin\", url: \"#\" },\n    { title: \"Produktsida f\u00f6r admin (edit) | \u00c5bergstryckeri\u2026\", url: \"#\" },\n    { title: \"Kategorier | \u00c5bergstryckeriadmin\", url: \"#\" },\n    { title: \"Kunder & Anv\u00e4ndare | \u00c5bergstryckeriadmin\", url: \"#\" },\n    { title: \"IT support | \u00c5bergstryckeriadmin\", url: \"#\" },\n  ];\n\n  const modal = document.getElementById(\"ab-search-modal\");\n  const openBtn = document.getElementById(\"ab-open-search\");\n  const closeBtn = document.getElementById(\"ab-close-search\");\n  const mainInput = document.getElementById(\"ab-search\");\n  const modalInput = document.getElementById(\"ab-modal-input\");\n  const resultsEl = document.getElementById(\"ab-results\");\n  const showAll = document.getElementById(\"ab-show-all\");\n\n  function renderResults(q){\n    const query = (q || \"\").toLowerCase().trim();\n    const items = query\n      ? PAGES.filter(p => p.title.toLowerCase().includes(query))\n      : PAGES;\n\n    resultsEl.innerHTML = items.length\n      ? items.map(p => `<div class=\"ab-result\"><a href=\"${p.url}\">${p.title}<\/a><\/div>`).join(\"\")\n      : `<div class=\"ab-result\">Inga resultat.<\/div>`;\n  }\n\n  function openModal(prefill=\"\"){\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n    modalInput.value = prefill;\n    renderResults(prefill);\n    modalInput.focus();\n  }\n  function closeModal(){\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n  }\n\n  openBtn.addEventListener(\"click\", () => openModal(mainInput.value));\n  closeBtn.addEventListener(\"click\", closeModal);\n\n  modal.addEventListener(\"click\", (e) => {\n    if (e.target === modal) closeModal(); \/\/ click outside panel\n  });\n\n  modalInput.addEventListener(\"input\", (e) => renderResults(e.target.value));\n  showAll.addEventListener(\"click\", (e) => { e.preventDefault(); modalInput.value=\"\"; renderResults(\"\"); });\n\n  document.addEventListener(\"keydown\", (e) => {\n    if (e.key === \"Escape\" && modal.classList.contains(\"is-open\")) closeModal();\n  });\n<\/script>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/beta.abergstryck.se\/?page_id=143\" data-type=\"page\" data-id=\"143\">Webbshop<\/a> <\/p>\n\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:0;padding-bottom:0\"><a href=\"https:\/\/beta.abergstryck.se\/?page_id=153\" data-type=\"page\" data-id=\"153\">G\u00e5 tillbaka till Startsida<\/a><\/p>\n\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:0;padding-bottom:0\">V\u00e5r hemsida :<a href=\"https:\/\/www.abergstryck.se\/\">https:\/\/www.abergstryck.se\/<\/a><\/p>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-8fe4e2ea4e63d89e15d78ed683584631\" style=\"color:#00773a;padding-top:150px;padding-right:0;padding-bottom:150px;padding-left:0;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.682), 20px);\"><strong>\u00a9 2016 | \u00c5bergs Tryckeri AB | Verkstadsgatan 5, 273 22 Tomelilla | 0417-103 52 |&nbsp;<a href=\"mailto:info@abergstryck.se\">info@abergstryck.se<\/a><\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00f6k efter produkt S\u00f6k efter produkter S\u00f6k \ud83d\udd0d Close Other Pages Show All Results Webbshop G\u00e5 tillbaka till Startsida V\u00e5r hemsida :https:\/\/www.abergstryck.se\/ \u00a9 2016 | \u00c5bergs Tryckeri AB | Verkstadsgatan 5, 273 22 Tomelilla | 0417-103 52 |&nbsp;info@abergstryck.se<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-home","meta":{"footnotes":""},"class_list":["post-331","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=331"}],"version-history":[{"count":19,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/331\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/331\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}