# HTML

> The Liquid snippet tag, which wraps content in an HTML div carrying Shoplazza-specific product attributes so the storefront can recognize the element.

HTML tags render HTML elements using Shoplazza-specific attributes.

## snippet

Generates an HTML `<div>` tag with `shoplazza-product-snippet` class and `product-id` attribute to wrap its content.

Currently, you can only specify a `product` type.

```liquid title="Syntax"
{% snippet 'snippet_type' %}
  content
{% endsnippet %}
```

* `snippet_type`: The name of the desired form type.
* `content`: The form contents.

### product

It will find the element that uses the `title` of the product and give it the class `shoplazza-product-snippet-title`.

```liquid title="Code"
{% snippet 'product', product: product %}
  <a>{{ product.title }}</a>
  <!-- other content -->
{% endsnippet %}
```

```html title="Output"
<div class="shoplazza-product-snippet" product-id="0f0eaab1-afaa-4bf2-b1d9-993f10c2c63e">
  <a class="shoplazza-product-snippet-title">Lace-up Leather Manston Runner</a>
</div>
```