View Product Page

Brand Grid

Brand Grid shows a grid with all or selected brands of your shop and allows you to sort and group them by category or name with filters as well.

block

Following you find the options of the block.

  • Title: you can enter a custom title before this block
  • Show only brands of the current category: enable this option to dinamically show only the brands of the current category. This option is useful if you are displaying this block on a category page or on a filtered page.
  • Enter the list of category slugs (separated with a comma) to show. Leave empty to show all categories. This option overrides the previous option.
  • Enter the list of brand slugs (separated with a comma) to show. Leave empty to show all brands.
  • Enter the parent brand ID to show. All the sub-brands will be displayed. Leave empty to show all brands.
  • Show items count for each brand: this allows you to show a counter with the total number of products in each brand.
  • Hide brands with no products: choose whether or not to hide brands that do not include any product.
  • Columns: choose how many brands per row to show.
  • Group brands by:
    • category
    • letter
    • do not group brands
  • Show category filter? (Only when brands are grouped by name): this allows you to show category filters above the grid, so you can further filter the brands by category.
  • Show name filter? (Only when brands are grouped by name)
  • Show all letters in filter section (Only when brands are grouped by name)
    • Show only filters with contents, so letters that contain at least one brand.
    • Show all filters, regardless of whether they contain a brand or not.
  • Category filter type(Only when brands are grouped by name and category filter is enabled)
    • Multiselect: allows you to select multiple category filters and show all brands in those categories.
    • Dropdown: allows you to select only one brand at a time.
  • Category filter style (Only when brands are grouped by name and category filter is enabled)
    • Default
    • Shadow
    • Border
    • Round
  • Preselected category (only when brands are grouped by name and the category filter is enabled). Leave empty to use “All” as default.
  • URL format of Shop page filtered by brand & category (only when brands are grouped by name)
    • use plain brands URLs
    • use filtered URLs
Brands grid with category filters on top
Brands grid with category filters on top
Shortcode

The same options are available in the shortcode as attributes. Below you find all the attributes and their accepted values.

  • ‘title’: shortcode title
  • ‘cols’: [int] number of columns for displaying products
  • ‘show_count’: [yes / no] show number of products associated to each brand
  • ‘hide_empty’: [yes / no] hide brands with no products associated
  • ‘show_image’: [yes / no] show/hide brand image
  • ‘hide_no_image’: [yes / no] hide brands with no images associated
  • ‘show_name’: [yes / no] show/hide brand name
  • ‘show_filtered_by’: [none / name / category] order brands according to their name or category. Enter ‘none’ if you do not want to have any classification.
  • ‘show_category_filter’: [yes / no] show/hide shop category filter (attribute available only if the value for ‘show_filtered_by’ is ‘name’)
  • ‘category_filter_type’: [multiselect / dropdown] filter type: you can choose among multiple select option or dropdown menu for products (this attribute is available only if the value for ‘show_filtered_by’ is ‘name’)
  • ‘category_filter_style’: [default / shadow / border / round] layout for category filter (attribute available only if the value for ‘show_filtered_by’ is ‘name’)
  • ‘show_name_filter’: [yes / no] show/hide a complete list of letters so that users can click on one of them and go immediately to the part of the page where brands with that letter are listed (attribute available only if the value for ‘show_filtered_by’ is ‘name’)
  • ‘show_all_letters’: [yes / no] show/hide all letters (attribute available only if the value for ‘show_filtered_by’ is ‘name’ and if the value for ‘show_name_filter’ is ‘yes’)

Example

[yith_wcbr_brand_grid title="Brands Grid (multiselect - style 1)" cols="4" show_count="yes" show_image="yes" hide_empty="yes" hide_no_image="yes" show_name="yes" show_category_filter="yes" category_filter_type="multiselect" category_filter_style="default" show_name_filter="no" show_all_letters="yes"]