🚨

Critical Security Migration

The luigisbox.com domain is compromised. Immediate action is required.

1. Update API Base URLs

Replace the base URL for all API requests (Search, Recommendations, Analytics):

https://live.luigisbox.com
➡️ https://live.luigisbox.tech

2. Replace Frontend Script

The .com script is no longer safe. Replace it with the secure version immediately:

[OLD - Delete from site]
<script async src="https://scripts.luigisbox.com/LBX-123.js"></script>
[NEW - Secure Version]
<script async src="https://scripts.luigisbox.tech/LBX-123.js"></script>

3. Update CSP & Firewalls

If you use a Content Security Policy, whitelist the new domain to prevent the browser from blocking the connection.

script-src https://scripts.luigisbox.tech;
connect-src https://live.luigisbox.tech;
⚠️
Emergency Action: If you cannot update the code right now, remove the existing Luigi's Box script until the migration is complete to prevent unauthorized code execution.
Support: support@luigisbox.net MODIFIED: 12/17/2025

HTML templates

This demo shows a basic search example with a custom HTML template for the product tile. You can customize all of the aspects of search appearance by providing custom templates for individual components. See Search.js templates documentation for more details.

The visual shown here was applied by providing this piece of script. No explicit configuration is needed, except using the correct id attribute by which search.js finds template.

<script>
function LBInitSearch() {
  Luigis.Search({
    TrackerId: '179075-204259',
    Locale: 'en',
    Theme: 'boo',
    Size: 20,
    Facets: ['brand', 'category', 'price_amount'],
    DefaultFilters: {
       type: 'product'
    },
    QuicksearchTypes: ['category', 'brand'],
    UrlParamName: {
      QUERY: 'q',
    }
  }, '#q', '#search-ui')
}
</script>

<script src="https://cdn.luigisbox.com/search.js" async onload="LBInitSearch()"></script>

<script type="text/x-template" id="template-result-default">
<div class="col-md-4 mb-4">
  <a :href="url">
    <h5>{{ attributes.title }}</h5>
  </a>
  <img class="img-fluid" :src="attributes.image_link"/>
  <a class="btn btn-primary" :href="url">See more</a>
</div>
</script>

Previous example
Styling
Search examples

Try it out →
Next example
Reactivity
Search examples

Try it out →