Shortcodes

Mittels der nachstehenden Shortcodes können Sie in ihrer Seite die Produkte und Spender darstellen.

Produkte als Listen oder Kalender

Optionen

Name	Funktion	Hinweise
type
style
limit
start
end
group		Eine spezielle Option, die von TIVENTS direkt angelegt werden muss. Bitte sprechen Sie uns an, wenn keine der oben aufgeführten Möglichkeiten Ihren Bedarf wiederspiegeln kann.
divid	Hier kann eine eigene ID für das TIVENTS Element gesetzt werden

Listenansicht

Für alle Produkte

[tivents_products style="list"][/tivents_products]

Für Gutscheine

[tivents_products style="list" type=coupons][/tivents_products]

Für Events

[tivents_products style="list" type=events][/tivents_products]

Für Patenschaften/Zertifikate

[tivents_products style="list" type=certifcates][/tivents_products]

Kachelansicht

Für alle Produkte

[tivents_products style="grid"][/tivents_products]

Für Gutschein

[tivents_products style="grid" type=coupons][/tivents_products]

Für Events

[tivents_products style="grid" type=events][/tivents_products]

Kalendaransicht

[tivents_products style="calendar" type=events][/tivents_products]

Unformatierte Liste

[tivents_products style=unstyled-list type=coupons][/tivents_products]

Unter https://wordpress-demo.tivdev.de/listenansichten/unformatierte-liste/ kann man sich eine Version des Einsatzes des Plugins ansehen. Zum Einsatz kommt hier folgendes CSS

#tivents-product-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Drei Spalten mit gleicher Breite */
  gap: 10px; /* Optional, um Abstand zwischen den Items zu haben */
}

#tivents-product-list-item {
  border: 1px solid #000; /* Border für jedes Item */
}
#tivents-product-image img {
  max-width: 50%;
  display: flex;
}

#tivents-product-name {
  line-height: 1em;
  min-height: 3em;
}

#tivents-product-date {
line-height: 1em;
  min-height: 2em;
}

#tivents-product-place {
line-height: 1em;
  min-height: 2em;
}

Detailansicht

Wir erarbeiten eine Lösung für eine Produktdetailseite

Modal

Wir erarbeiten eine Lösung für ein Modal für die Produktdetails

Spenderwand

Falls Sie bei uns Patenschaften oder Unterstützer Produkte anbieten und die Unterstüzer auch veröffentlich werden sollen, können Sie diese ebenfalls anzeigen lassen.

Diese Punkt ist noch in der Bearbeitung. Bitte schreiben Sie uns an, wenn Sie planen Ihre Spender auf Ihrer Seite zu veröffentlichen.