# Wordpress Plugin

# Installation und Einrichtung

## Installation

Die Installation ist am Einfachsten über das Pluginverzeichnis von Wordpress. Alternativ können Sie das Plugin auch manuell hochladen.

## Einrichtung

## API-Key (optional)

# Shortcodes

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

## Produkte:

<table border="1" id="bkmrk-listenansicht-kachel" style="border-collapse: collapse; width: 100%; height: 592.35px;"><tbody><tr style="height: 64.85px;"><td style="width: 33.3745%; height: 64.85px;">##### Listenansicht

</td><td style="width: 33.3745%; height: 64.85px;">##### Kachelansicht

</td><td style="width: 33.3745%; height: 64.85px;">##### Kalendaransicht

</td></tr><tr style="height: 80.2px;"><td style="width: 33.3745%; height: 80.2px;">**für alle Produkte**

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

</td><td style="width: 33.3745%; height: 80.2px;">**für alle Produkte**

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

</td><td style="width: 33.3745%; height: 80.2px;">  
</td></tr><tr style="height: 80.2px;"><td style="width: 33.3745%; height: 80.2px;">**nur für Gutscheine**

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

</td><td style="width: 33.3745%; height: 80.2px;">**nur für Gutscheine**

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

</td><td style="width: 33.3745%; height: 80.2px;">  
</td></tr><tr style="height: 148px;"><td style="width: 33.3745%; height: 148px;">**nur für Events**

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

</td><td style="width: 33.3745%; height: 148px;">**nur für Events**

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

</td><td style="width: 33.3745%; height: 148px;">**nur für Events**

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

</td></tr><tr style="height: 125.9px;"><td style="width: 33.3745%; height: 125.9px;">**nur für Patenschaften/Zertifikate**

`[tivents_products style="list" type=ceriticates][/tivents_products]`

</td><td style="width: 33.3745%; height: 125.9px;">**nur für Patenschaften/Zertifikate**

`[tivents_products style="grid" type=ceriticates][/tivents_products]`

</td><td style="width: 33.3745%; height: 125.9px;"> </td></tr><tr style="height: 35.4px;"><td style="width: 33.3745%; height: 35.4px;">**nur für Produktgruppen**

`[tivents_products style="list" type=ceriticates][/tivents_products]`

</td><td style="width: 33.3745%; height: 35.4px;">**nur für Produktgruppen**

`[tivents_products style="grid" type=ceriticates][/tivents_products]`

</td><td style="width: 33.3745%; height: 35.4px;">**nur für Produktgruppen**

`[tivents_products style="calendar" type=ceriticates][/tivents_products]`

</td></tr><tr style="height: 57.8px;"><td style="width: 33.3745%; height: 57.8px;">*Beispiel: https://demo.tivents.info/wordpress/listenansicht/*

</td><td style="width: 33.3745%; height: 57.8px;">*Beispiel: https://demo.tivents.info/wordpress/kachelansicht/*

</td><td style="width: 33.3745%; height: 57.8px;">*Beispiel: https://demo.tivents.info/wordpress/kalenderansicht/*

</td></tr></tbody></table>

## 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.

# Design

Unser Plugin ist so geplant, dass es sich theoretisch in viele Seiten einpassen sollte. Damit auch das Farbkonzept stimmt, haben wir die Möglichkeiten geschaffen einige Einstellungen anzupassen und den Foote via CSS auszublenden. Sollten Sie noch andere Wünsche zu Anpassung, Vorschläge oder Kritik haben, sprechen Sie uns gern an.

### Primär Farbe  


Die Primärfarbe bestimmt in der Kachel- und Listenansicht die Farbe beim Hovereffekt und bei der Listenansicht den kleinen Farbstreifen links. Als Standard ist das TIVENTS Gelb (#F5C800) gesetzt, dies kann aber in jeden HEX Wert geändert werden.

### Sekundärfarbe

Die Sekundärfarbe bestimmt die Farbe vom Ort, Laufzeit. Als Standard ist schwarz (#000000) gesetzt, dies kann aber in jeden HEX Wert geändert werden.

### Textfarbe

Die Textfarbe definiert die Farbe des Produktes. Als Standard ist schwarz (#000000) gesetzt, dies kann aber in jeden HEX Wert geändert werden.

### Footer ausblenden

Wir setzen einen Footer, damit man sehen kann von wem das Plugin stammt, als auch erkennen zu können, um welche Version es sich handelt, die bei Ihnen zum Einsatz kommt. Diesen kann man einfach über den Customizer in Wordpress ausblenden. Bitte fügen Sie dazu bei Zusätzliches CSS folgende Zeilen ein:

```CSS
#tiv-footer {
	display:none;
}
```

# Patenschaften/Spenden

Wir schaffen zukünftig noch die Möglichkeit Patenschaften und Spendenprodukte im Plugin anzeigen zu könne. Daher befindet sich diese Seite noch im Aufbau.

Sprechen Sie uns gern an, wenn Sie bei der Unterstützung Ihres Vereins, Einrichtung o.v.a Hilfe benötigen.

# Datenschutz

Das Plugin holt sich die Daten über unsere API Schnittstelle. Persönliche Daten der Webseitenbesucher werden nicht abgefragt.