FAQ

<button class="mic-button" onclick="startVoiceSearch()">🎙️</button>

<script>
function startVoiceSearch() {
    if (!('webkitSpeechRecognition' in window)) {
        alert("Your browser does not support voice recognition.");
        return;
    }

    let recognition = new webkitSpeechRecognition();
    recognition.lang = "en-US";
    recognition.interimResults = false;
    recognition.maxAlternatives = 1;
    recognition.onstart = () => console.log("Listening...");
    recognition.onerror = (event) => console.error("Speech Recognition Error:", event);
    recognition.onend = () => console.log("Speech recognition ended.");
    recognition.onresult = function(event) {
        let transcript = event.results[0][0].transcript;
        updateSearchInput(transcript);
    };
    recognition.start();
}

function updateSearchInput(text) {
    let input = document.getElementById("clerk-omnisearch-input");
    input.value = text;
    // Trigger events for search to update properly
    ['input', 'change', 'keydown', 'keyup'].forEach(eventType => {
        let event = new Event(eventType, { bubbles: true });
        input.dispatchEvent(event);
    });
    console.log("Voice input added:", text);
}
</script>

## Vis et banner øverst i Omnisearch fra Sideresultater

  Dette eksempel bruger Pages med type: "banner" og viser det første matchende banner over resultaterne. Tilpas HTML/CSS så det passer til dit design.



Du kan levere dynamiske kampagnebannere i Omnisearch ved at sende Pages med `type` sat til `banner`, og et `image`, der peger på dit banner-asset. Når en besøgende søger, og en matchende Page af denne type returneres, bliver designet vist øverst.

### 1) Opret banner Pages
- Sørg for, at din datasynkronisering inkluderer Pages. Se objektstrukturen i [Data Feeds › Pages](/integrations/any-webshop/data-feeds/#pages).
- For hvert kampagnebanner skal du sende en Page med mindst:
  - `type`: `banner`
  - `url`: Landings-URL for banneret
  - `title`: Kort titel for tilgængelighed/alt-tekst
  - `image`: Fuldt URL til bannerbilledet (JPG/PNG/WEBP)
  - Tilføj relevante søgeord i `text` eller `keywords`, så Page matcher de ønskede søgninger

Eksempel på Page-objekt (uddrag):

```json
{
  "id": 9876,
  "type": "banner",
  "url": "https://yourstore.com/campaigns/spring-sale",
  "title": "Spring Sale – Op til 30% på Adidas",
  "text": "spring sale adidas shoes sneakers trainers",
  "image": "https://yourstore.com/cdn/banners/spring-sale-adidas.webp"
}

{% assign bannerShown = false %}
{% for page in pages %}
  {% if page.type == "banner" and bannerShown == false %}
    <a class="os-banner" href="{{ page.url }}" aria-label="{{ page.title }}">
      <img src="{{ page.image }}" alt="{{ page.title }}" loading="lazy" />
    </a>
    {% assign bannerShown = true %}
  {% endif %}
{% endfor %}

.os-banner { 
  display: block; 
  margin: 0 0 16px 0; 
}
.os-banner img { 
  width: 100%; 
  height: auto; 
  border-radius: 8px; 
  display: block; 
}