View Product Page

Widget

When inserting a widget to add an accordion panel to your page, you can decide whether to show:

Show in accordion

Based on what you select, you will be able to configure a different set of options.

WooCommerce categories

WooCommerce Category widget

For this widget, you can configure the following options:

  • Title: enter a title for the widget title;
  • Show in Accordion: select WooCommerce categories;
  • Exclude categories: enable if you want to exclude one or more categories from the list. Choose the categories you want to exclude in the option Exclude;
  • Show subcategories: enable if you want to show the subcategories (if available) created on WooCommerce;
  • Show category image: enable to show the images of your WooCommerce categories;
WooCommerce categories widget - example
  • Highlight the current category: enable to highlight the category based on the page currently visited by the user;
  • Show Count: show the number of elements assigned to each category;
  • Accordion style: select the style among those created;
  • Order By: choose how to sort categories from ID, name, count, or WooCommerce order. Select if the sorting must be ascendant (ASC) or descendant (DESC);
  • Hide in specific pages/posts: enable this option if you want to hide specific pages and or posts;
    • Hide Accordion in pages: select the pages on which you don’t want to show the accordion;
    • Hide Accordion in posts: select the posts on which you don’t want to show the accordion.
WooCommerce categories example

WordPress categories

WordPress categories widget

For this widget, you can configure the following options:

  • Title: enter a title for the widget title;
  • Show in Accordion: select WordPress categories;
  • Show subcategories: enable if you want to show the subcategories (if available) created on WordPress;
  • Show last post: enable to show the last published post for each category ;
  • Number post: enter the number of posts to show- Set -1 to show them all;
  • Exclude categories: enable if you want to exclude one or more categories from the list. Choose the categories you want to exclude in the option Exclude;
  • Hide in specific pages/posts: enable this option if you want to hide specific pages and or posts;
    • Hide Accordion in pages: select the pages on which you don’t want to show the accordion;
    • Hide Accordion in posts: select the posts on which you don’t want to show the accordion;
  • Highlight the current category: enable to highlight the category based on the page currently visited by the user;
  • Show Count: show the number of elements assigned to each category;
  • Accordion style: select the style among those created;
  • Order By: choose how to sort categories from ID, name, or count. Select if the sorting must be ascendant (ASC) or descendant (DESC).
WordPress categories example

Tags

Tags widget

For this widget, you can configure the following options:

  • Title: enter a title for the widget title;
  • Show in Accordion: select Tags;
  • Show WooCommerce tags: enable if you want to show WooCommerce tags;
  • WooCommerce tag label: enter the text for WooCommerce tags to show in the accordion panel;
  • Show WordPress tags: enable if you want to show WordPress tags;
  • WordPress tag label: enter the text for WordPress tags to show in the accordion panel;
  • Show Count: show the number of elements assigned to each tag;
  • Accordion style: select the style among those created;
  • Hide in specific pages/posts: enable this option if you want to hide specific pages and or posts;
    • Hide Accordion in pages: select the pages on which you don’t want to show the accordion;
    • Hide Accordion in posts: select the posts on which you don’t want to show the accordion;
  • Order By: choose how to sort tags from ID, name, or count. Select if the sorting must be ascendant (ASC) or descendant (DESC).
Tags widget example
Menu widget

For this widget, you can configure the following options:

  • Title: enter a title for the widget title;
  • Show in Accordion: select Menu;
  • Add menu in accordion: select one of the menus created in Appearance > Menu that you want to show in the widget;
  • Accordion style: select the style among those created;
  • Hide in specific pages/posts: enable this option if you want to hide specific pages and or posts;
    • Hide Accordion in pages: select the pages on which you don’t want to show the accordion;
    • Hide Accordion in posts: select the posts on which you don’t want to show the accordion.
Menu widget example

Shortcode

You’ll find the related shortcode in the tab Accordion styles for each accordion style you create. You can easily copy and paste the shortcode to your pages to show the accordion styles you want.

Shortcodes

If you want to add the shortcode manually, you can use the following:

[yith_wcca_category_accordion]

These are the available parameters:

  • Title: (‘title’=”) shortcode title.
  • Show in Accordion: (‘how_show’ = ” ) type of element to show (WordPress categories, WooCommerce categories, tag, WordPress menu).
    • WordPress categories (‘how_show’ = ‘wp’ )
    • WooCommerce categories (‘how_show’ = ‘wc’ )
    • tags (‘how_show’ = ‘tag’ )
    • WordPress menu (‘how_show’ = ‘menu’ )
  • Show WordPress/WooCommerce subcategories: (‘show_sub_cat’ = ‘on/off’) show/hide the subcategories (if available) created on WooCommerce or WordPress, depending on the selected type on “Show in Accordion”.
  • Show category image: (‘show_wc_img’ = ‘yes/no’) show/hide images added to WooCommerce categories.
  • Enable WordPress/WooCommerce category exclusion: set (‘exclude_specific_cat’ => ‘yes/no’) for WooCommerce and set (‘exclude_wp_cat_select’ => ‘yes/no’) for WordPress.
  • Exclude WordPress/WooCommerce Categories: (‘exclude_cat’ = ‘ids’) WordPress or WooCommerce categories to exclude in the list of the page.
  • Show Last Post: (‘show_last_post’ = ‘on/off’) shows the last published post for each category (option available only if you decide to show WordPress categories).
  • Highlight the current category: (‘highlight’ = ‘on/off’) highlights the category of the page in which users are.
  • Show Count: (‘show_count’ = ‘yes/no’) shows the number of elements assigned to each category.
  • Style: ( ‘acc_style’ = ‘id’ ) style for the shortcode – you can select it among those created with the plugin.
  • Hide Accordion in pages: (‘exclude_page’ = ‘ids’) pages where you don’t want to show the shortcode.
  • Hide Accordion in posts: (‘exclude_post’ = ‘ids’) posts where you don’t want to show the shortcode.
  • Order: (‘order’ = ‘ASC/DESC’) (‘orderby’ = ‘id,count’) sorting system for the entries of the list.
Shortcode example

Elementor

The plugin is fully integrated with Elementor, so you can add the following widget to your pages simply from the Elementor panel. Here you find the available widget:

Elementor + category accordion widget

It offers the YITH Category Accordion widget, which has the following options to set up your accordion:

Category accordion elementor widget