Gallery

HTML Snippet

HTML

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

See examples on Github: https://github.com/aploze/integration-examples

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-radius	Boolean	Border Radius
data-dark	Boolean (true or false) or String (auto)	"true" if your background is always dark, "auto" if you support dark & light mode
data-replay	Boolean (true or false)	Display replay events

* Required fields

CSS Classes

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

Name	Description
.aploze-gallery	Gallery Widget
.aploze-gallery-wrap	Widget Wrap
.aploze-gallery-grid	Widget Grid
.aploze-gallery-upcoming-title	Upcoming Events Title
.aploze-gallery-ended-title	Ended Events Title
.aploze-gallery-card	Event Card
.aploze-gallery-card-big	First Big Event Card
.aploze-gallery-card-img-wrap	Card Image Wrap
.aploze-gallery-card-img	Card Image Element
.aploze-gallery-card-desc	Card Event Description Part
.aploze-gallery-card-time	Card Event Time
.aploze-gallery-card-title	Card Event Title
.aploze-gallery-card-btn	Card Event Button