Slick Carousel Widget
Adds SlickJS slider widget for use as a carousel on Many2one attachment fields in backend form views.
Slick Carousel Widget
This module provides a Slick Carousel widget for use in the Odoo backend web interface.
Usage
Default usage is on a One2many attachment field, as defined below:
class SlickExample(models.Model):
_name = 'slick.example'
_description = 'Slick Example Model'
image_ids = fields.One2many(
name='Images',
comodel_name='ir.attachment',
inverse_name='res_id',
)
Assuming the above model, you would add a Slick Carousel on the image_ids column by using the following field definition in the model's form view:
<field name="image_ids" widget="one2many_slick_images" options="{}"/>
Options
The widget passes options directly through to Slick, so any setting available to Slick is available to the widget. Additional options specific to Odoo are:
| Name | Type | Default | Description |
|---|---|---|---|
| fieldName | String | datas | Field to lookup on relation table. Defaults to datas, which is the data field used in ir.attachment table. This would be used to define a custom attachment model |
| modelName | String | ir.attachment | Model of attachment relation. This would be used to define a custom attachment model instead of default ir.attachment |
Example Module
An example implementation, for instructional purposes as well as convenient functional testing, is provided in the web_widget_slick_example module.
- Install web_widget_slick_example.
- Activate Developer Mode.
- Go to Settings / Technical / Slick, and open the record to view the widget.
To try out different Slick settings:
- Go to Settings/User Interface/Views and search for 'slick.example.view.form'.
- Open the form view record.
- Click the Edit button.
- In the Architecture editor, find options="{'slidesToShow': 2}, and add any desired settings (separated by commas) inside the curly braces.
- Save the changes and browse to the widget, as described above, to see the widget with the new settings in effect.
Known issues / Roadmap
- Adding / Deleting images from a carousel is not currently supported.
Bug Tracker
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smash it by providing detailed and welcomed feedback.
Credits
Images
- Odoo Community Association: Icon.
Contributors
- Dave Lasley <dave@laslabs.com>
- Brent Hughes <brent.hughes@laslabs.com>
Do not contact contributors directly about support or help with technical issues.
Maintainer
This module is maintained by the OCA.
OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.
To contribute to this module, please visit https://odoo-community.org.
Once the user has seen at least one product this snippet will be visible.