Component search

There is no separate search component - search is a filter on the Products component (for the shop) and the Posts component (for the blog). Add data-v-search with the query and the listing shows only matches.

Usage

<div data-v-component-products data-v-search="shoes" data-v-limit="12">
  <div data-v-product>
    <h3 data-v-product-name></h3>
    <span data-v-product-price_formatted></span>
  </div>
</div>

Type the query in the builder's search setting or bind it to the ?search= page parameter. Single words match word beginnings automatically.

See the Products component and Posts component for all other settings.