Tito Block for Volto (@plone-collective/volto-tito-block)

npm Code analysis checks Unit tests

Tito is a platform for selling tickets online.

This addon implements a block integrating the Tito Widget V1 to Plone projects with a Volto user interface.

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:

You can also check its Storybook.

Install

New Volto Project

Create a Volto project

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:

yarn install
yarn start

Existing Volto Project

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

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

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

Integration with @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:

"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

Credits

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

Plone Foundation

License

The project is licensed under MIT.

GitHub

View Github