Awesome
<div align="center"><img alt="logo" src="./docs/tito.svg" width="70" /></div> <h1 align="center">Tito Block for Volto</h1>This addon implements a block to integrate Tito, a platform for selling tickets online, into Plone projects with a Volto user interface. Currently this addon supports only the Tito Widget V1.
<div align="center">
Screenshots
New Block
<img alt="Screenshot" src="./docs/block-edit.png" width="300" />Block
<img alt="Screenshot" src="./docs/block.png" width="500" />Block with Discount
<img alt="Screenshot" src="./docs/block-discount.png" width="500" />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
License
The project is licensed under MIT.