Search Bar Item

<sw-search-bar-item>

ready
Renders the search result items based on the item type.

Usage

<sw-search-bar-item :item="{ type: 'customer', entity: [{ name: 'customer name', id: 'uuid' }]}">
</sw-search-bar-item>

Component properties

Property name Type Default
item Object
type String
index Number
column Number
searchTerm String

Methods

Method name Parameters
createdComponent No parameters
destroyedComponent No parameters
registerEvents No parameters
removeEvents No parameters
checkActiveState
onEnter index column
onMouseEnter originalDomEvent

Imports

  • ./sw-search-bar-item.html.twig
  • ./sw-search-bar-item.scss

SASS variables

Variable name Value
$sw-search-bar-item-border-radius $border-radius-default (4px)
$sw-search-bar-item-color-label $color-gutenberg ($color-darkgray-200)
$sw-search-bar-item-color-type darken($color-light-gray, 25%)
$sw-search-bar-item-hover-color-background lighten($color-shopware-blue, 40%)
$sw-search-bar-item-label-hover-color-text $color-shopware-blue ($color-shopware-brand-500)

Twig blocks

  • sw_search_bar_item_customer_label
  • sw_search_bar_item_customer
  • sw_search_bar_item_product_label
  • sw_search_bar_item_product
  • sw_search_bar_item_category_label
  • sw_search_bar_item_category
  • sw_search_bar_item_order_label
  • sw_search_bar_item_order
  • sw_search_bar_item_media_label
  • sw_search_bar_item_media
  • sw_search_bar_item_cms_page_label
  • sw_search_bar_item_cms_page
  • sw_search_bar_item