Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/collective/volto-tito-block

A Volto addon providing a block with Tito platform integration
https://github.com/collective/volto-tito-block

plone volto volto-addon volto-block

Last synced: about 2 months ago
JSON representation

A Volto addon providing a block with Tito platform integration

Awesome Lists containing this project

README

        

logo

Tito Block for Volto

This addon implements a block to integrate [Tito](https://ti.to/), a platform for selling tickets online, into [Plone](https://plone.org) projects with a [Volto](https://github.com/plone/volto) user interface. Currently this addon supports only the [Tito Widget V1](https://ti.to/docs/widget).

[![npm](https://img.shields.io/npm/v/@plone-collective/volto-tito-block)](https://www.npmjs.com/package/@plone-collective/volto-tito-block)
[![](https://img.shields.io/badge/-Storybook-ff4785?logo=Storybook&logoColor=white&style=flat-square)](https://collective.github.io/volto-tito-block/)
[![Code analysis checks](https://github.com/collective/volto-tito-block/actions/workflows/code.yml/badge.svg)](https://github.com/collective/volto-tito-block/actions/workflows/code.yml)
[![Unit tests](https://github.com/collective/volto-tito-block/actions/workflows/unit.yml/badge.svg)](https://github.com/collective/volto-tito-block/actions/workflows/unit.yml)

[![GitHub contributors](https://img.shields.io/github/contributors/collective/volto-tito-block)](https://github.com/collective/volto-tito-block)
[![GitHub Repo stars](https://img.shields.io/github/stars/collective/volto-tito-block?style=social)](https://github.com/collective/volto-tito-block)

## Screenshots

### New Block

Screenshot

### Block

Screenshot

### Block with Discount

Screenshot

## Examples

@plone-collective/volto-tito-block can be seen in action at the following sites:

- [2022.ploneconf.org](https://2022.ploneconf.org)

You can also check its [Storybook](https://collective.github.io/volto-tito-block/).

## Install

### New Volto Project

Create a Volto project

```shell
npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @plone-collective/volto-tito-block
cd my-volto-project
```

Install new add-on and restart Volto:

```shell
yarn install
yarn start
```

### Existing Volto Project

If you already have a Volto project, just update `package.json`:

```JSON
"addons": [
"@plone-collective/volto-tito-block"
],

"dependencies": {
"@plone-collective/volto-tito-block": "*"
}
```

### Integration with [@kitconcept/volto-blocks-grid](https://github.com/kitconcept/volto-blocks-grid)

If you already have a Volto project, just update `package.json` and make sure `@kitconcept/volto-blocks-grid` is listed before `@plone-collective/volto-tito-block` in **addons**:

```JSON
"addons": [
"@kitconcept/volto-blocks-grid",
"@plone-collective/volto-tito-block"
],

"dependencies": {
"@kitconcept/volto-blocks-grid": "*",
"@plone-collective/volto-tito-block": "*"
}
```

### Test it

Go to http://localhost:3000/

## Contribute

- [Issue Tracker](https://github.com/collective/volto-tito-block/issues)
- [Source Code](https://github.com/collective/volto-tito-block/)

## Credits

The development of this add on was sponsored by the Plone Foundation

[![Plone Foundation](docs/plone-foundation.png)](https://plone.org/foundation)

## License

The project is licensed under [MIT](./LICENSE).