Skip to main content

Adds a new snippet to show e-commerce categories

Project description

Beta License: LGPL-3 OCA/e-commerce Translate me on Weblate Try me on Runbot

Adds a new snippet to show e-commerce categories

Table of contents


You can select what categories can be shown by the snippet and an image for the category:

  1. Go to website (backend) > Configuration > Products > eCommerce Categories

  2. Create or Edit one

  3. You can see two new options “Website Published” and “Category Image”


  1. Go to website (frontend)

  2. Press ‘Edit’ button

  3. Drag the ‘Product Category’ snippet to the place of the website that you want

  4. Save changes


CSS Classes:

  • .categ_container > The container per master category

  • .categ_scroll_wrapper > The scrollable container wrapper

  • .categ_scroll > The scrollable container

  • .categ_tree_level > The category row (image + text)

  • .main_tree_level > The first category row level displayed

  • .categ_link > The link of the category row

  • .categ_img > The container of the icon of the category row

You can use ‘data-tree-level’ attribute to select the category row of a selected level (1-4 by design).

Also you can replace the entire template replacing the data-template attribute value in the s_product_category_options view. You only need know that the name of the variable that have all the categories is called object.

Known issues / Roadmap

  • The snippet shows a maximum of 4 levels by design.

  • Add a option to configure the initial level

  • Add a option to select how many levels can be represented

  • Handle large amounts of categories

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 smashing it by providing a detailed and welcomed feedback.

Do not contact contributors directly about support or help with technical issues.



  • Tecnativa


  • Tecnativa:

    • Alexandre D. Díaz

    • Pedro M. Baeza

Other credits

static/img/boxes_32.png -


This module is maintained by the OCA.

Odoo Community Association

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.

Current maintainer:


This module is part of the OCA/e-commerce project on GitHub.

You are welcome to contribute. To learn how please visit

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distributions

No source distribution files available for this release.See tutorial on generating distribution archives.

Built Distribution

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page