So integrieren Sie intelligente Suche in OpenCart

Katalog und Code vorbereiten#

1. 1

   Verbinden Sie den Produktfeed in Indexa und warten Sie auf den Katalogimport.

2. 2

   Geben Sie unter „Widget → Integration“ die Website-URL ein und kopieren Sie den universellen Code.

Über den Theme-Editor#

1. 1

   Öffnen Sie „Design → Theme Editor“, falls verfügbar.

2. 2

   Wählen Sie Shop, aktives Theme und common/header. Sichern Sie den ursprünglichen Code.

3. 3

   Fügen Sie das vollständige Skript vor </head> ein.

4. 4

   Speichern Sie, aktivieren Sie nötige Vorlagenüberschreibungen und leeren Sie den Theme-Cache.

Wenn Sie Theme-Dateien bearbeiten#

In OpenCart 3 liegt der Header meist unter catalog/view/theme/THEME_NAME/template/common/header.twig, in OpenCart 4 unter catalog/view/template/common/header.twig. Theme-Erweiterungen können andere Pfade nutzen.

Nutzen Sie das globale Head-Code-Feld des Themes oder lassen Sie den Website-Betreuer das Skript in die richtige Header-Vorlage einfügen.

Beispiel für header.twig#

Fügen Sie das Skript in die vorhandene Vorlage ein. Ersetzen Sie nicht den ganzen Header durch das Fragment.

<head>
  <!-- Bestehender Shop-Header-Code -->
  <script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>
</head>

Suche nach der Installation prüfen#

Öffnen Sie den Shop und nutzen Sie „Installation prüfen“ in Indexa. Wählen Sie Elemente für Computer und Smartphone und speichern Sie.

Suchen Sie ein Produkt, öffnen Sie seinen Link und schließen Sie das Widget. Wiederholen Sie dies auf Start-, Kategorie- und Produktseiten.

Wählen Sie bei mehreren Shops den richtigen aus und testen Sie auf dessen Domain.