Search

1

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started with Search on Magento 2.

General #

To enable Search features, use the Magento extension settings: Stores > Configuration > Clerk > Settings. To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

...

Search

1

Add powerful search functionality to your Mystore webshop. Clerk.io offers three distinct search solutions that can be used together or separately: an Instant Search dropdown, a Search Page with Faceted Search filtering, and an Omnisearch overlay that combines both.

General #

To enable and embed Search features, use your theme or CMS editor to place the provided embed codes.

To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

...

Search

1

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started with Search on Prestashop.

General #

To enable Search features, use the Prestashop module settings. To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

Instant Search provides real-time results as customers type, displayed in a dropdown under the search input.

...

Search

1

Add powerful search functionality to your ScanNet webshop. Clerk.io offers two complementary search solutions:

  • An Instant Search dropdown that shows results as customers type.
  • A Search Page with faceted filters for browsing all results.

Instant Search provides real-time results as customers type, displayed in a dropdown below the search field.

Create Design #

Use the Design Editor or code designs.

Design Editor #

  1. Go to Search > Designs and click New Design.
  2. Choose Other designs > Instant Search.
  3. Pick a template to start from.
  4. Name it and click Create design.
  5. Adjust the design as needed.

Code Design #

  1. Go to Search > Designs and click New Design.
  2. Choose Other designs > Blank > With code.
  3. Name it and click Save.
  4. Build a code design using Liquid.

Create Element #

  1. Go to Search > Elements.
  2. Click New Element.
  3. Name it “Live Search”.
  4. In Element type, select Live-search.
  5. In Design, select the design you created.
  6. Click Save.

Add to Website #

  1. In the ScanNet Admin, go to Online Store > Design > Aktive designs > Rediger filer > partials.
  2. Open the body.tpl file.
  3. Insert the following code and click Gem.
Instant Search code
<span class="clerk" 
    data-template="@live-search" 
    data-instant-search=".top-search-form .form-input" 
    data-instant-search-positioning="left"
    data-instant-search-categories="6"
    data-instant-search-pages="6"
    data-instant-search-suggestions="6">
</span>

Troubleshooting #

If your Instant Search is not showing, it’s likely because your search field has a different identifier than the default.

...

Search

1

Search code

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started when using a Clerk.js setup in Shopify.

Instant Search
Instant Search provides real-time search results as customers type, displayed in a dropdown below the search input field.

...

Search

1

Add powerful search functionality to your Shoporama webshop. Clerk.io offers three distinct search solutions that can be used together or separately: an Instant Search dropdown, a Search Page with Faceted Search filtering, and an Omnisearch overlay that combines both.

General #

Use the Shoporama theme editor to insert embed codes: Settings > … > Temaer.

To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

...

Search

1

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started with Search on Shopware 6.

General #

To enable Search features, use the Shopware Clerk plugin: Settings > System > Plugins > Clerk.io > ... > Config. To add sync details or start a sync, go to my.clerk.io > Data > Configuration.

...

Recommendations

1

Clerk.io offers more than 23 different types of product logics, making it possible for you to display completely automated products on any page. This article explains how to get started when using a Clerk.js setup in SmartWeb Classic.

For our full Best Practices, read this article on which Recommendations to use.

Slider Setup #

Recommendations are created with Elements that reference a Design. Below is the basic guide for setting up an Element.

...

Search

1

Add powerful search functionality to your SmartWeb webshop. Clerk.io offers two complementary search solutions:

  • An Instant Search dropdown that shows results as customers type.
  • A Search Page with faceted filters for browsing all results.

Instant Search provides real-time results as customers type, displayed in a dropdown below the search field.

Create Design #

Use the Design Editor or code designs.

Design Editor #

  1. Go to Search > Designs and click New Design.
  2. Choose Other designs > Instant Search.
  3. Pick a template to start from.
  4. Name it and click Create design.
  5. Adjust the design as needed.

Code Design #

  1. Go to Search > Designs and click New Design.
  2. Choose Other designs > Blank > With code.
  3. Name it and click Save.
  4. Build a code design using Liquid.

Create Element #

  1. Go to Search > Elements.
  2. Click New Element.
  3. Name it “Live Search”.
  4. In Element type, select Live-search.
  5. In Design, select the design you created.
  6. Click Save.

Add to Website #

  1. In the SmartWeb Admin, go to Online Store > Design > Aktive designs > Rediger filer > partials.
  2. Open the body.tpl file.
  3. Insert the following code and click Gem.
Instant Search code
<span class="clerk" 
    data-template="@live-search" 
    data-instant-search=".top-search-form .form-input" 
    data-instant-search-positioning="left"
    data-instant-search-categories="6"
    data-instant-search-pages="6"
    data-instant-search-suggestions="6">
</span>

Troubleshooting #

If your Instant Search is not showing, it’s likely because your search field has a different identifier than the default.

...

Search

1

Clerk.io offers three distinct search solutions that can be used together or separately:

This article explains how to get started with Search with the WooCommerce plugin.

Instant Search
Instant Search provides real-time search results as customers type, displayed in a dropdown below the search input field.

Create Design #

You can either use the Design Editor to configure it visually, or use code designs.

...