Product

HTML Snippet

<div class="aploze-widget" data-type="product"></div>

Attributes

Here all attributes you can use in a HTML widget element:

Key

Value

Description

data-type*

String (card, gallery or product)

Widget type

data-dark

Boolean (true or false)

Enable dark mode

data-preview

Boolean (true or false)

Show a preview of the widget (default: false)

data-preview-status

prelive, live or replay

Set a fake status for the event (default: prelive)

* Required fields

If you are using the data-previewor data-preview-status attributes, do not forget to remove them when deploying to production

CSS Classes

You can customize your widget appearance by overwriting the CSS, here all CSS classes you can select:

Name

Description

.aploze-product

Widget

.aploze-product-wrap

Widget Wrap

.aploze-product-img-wrap

Image Wrap

.aploze-product-img

Image Element

.aploze-product-content

Content

.aploze-product-time

Event Time

.aploze-product-desc

Description

.aploze-product-btn

Event Button

Last updated