# Globo Smart Product Filter & Search (aka SPF)

## Attributes

* Find the `globo.filter.search.liquid` file
* Apply the [collection data attributes](https://developers.discountninja.io/discount-ninja-developer-hub/theme-edits/code-edits/product-list-page-plp-and-collections/attributes)
  * **IMPORTANT**: multiply prices times 100 using the liquid code `| times: 100`
  * The multiplication be applied on all price attributes:
    * `data-la-dn-product-price`
    * `data-la-dn-product-compare-at-price` (2 times)
    * `data-la-dn-product-price-min`
  * Example:

    `data-la-dn-product-price="{{ product.first_available_variant.price | times: 100 }}"`

    Apply this to *all* prices in the data tags.
* Find the `globo.filter.product.liquid`
* Apply the collection data attributes to the `div` with class `spf-product-card`
  * **IMPORTANT**: multiply prices times 100 (see above)
* Add the [collection badge](https://developers.discountninja.io/discount-ninja-developer-hub/theme-edits/code-edits/product-list-page-plp-and-collections/badge) to the `div` with class `spf-product-card__image-wrapper`

## Hide sale badges of the app

* Add to the CSS of the app:

```css
.limoniapps-discountninja-hidethirdpartybadges .spf-product__label-sale { display: none; }
```