Just show up a few product categories/ wootheme

Beaver Builder
1

Hi there,

trying to show up just a few categories in the category tree.
Found a shortcode for it in the web:
In my case this:
[product_categories ids="20,21"]

It worked so far if I insert that in the BB Html widget.
But that appears in that category picture style.

I need it just in that menu-tree style.
But in that BB woocomerce category widget,
there´s no html option to insert that.

Is there any way to select just a few categories or hide the others,
with one of your widgets?

Thank you!
Chris

2

[Content Hidden]

3

Hey Chris,

It seems you forgot the link. :slight_smile:

Ben

4

Oh sorry Ben,

here you go:

5

[Content Hidden]

6

[Content Hidden]

7

Hey Chris,

Did you want to only post the 2 categories in a menu tree style? You can probably just create a new menu under Appearance > Menu, use Custom Links to link to those Categories. Then either use the Menu module or the Custom Menu widget to render it. Is that what you’re looking for?

Ben

8

Hey Ben,

basicly yes.
But I will done that for around 15 csv files by an automatic cron job.
I will import it by “WP All Import”-plugin.
This plugin will import the products and it´s categories into my woocommerce page.

So your idea works for a small shop with constantly almost same categories,
but I guess I can´t link with my project all the categories individually.
On top these csv files will be updated once a day.

I think for this reason, I will have an import, which remove each time old data (so the categories) because of, be updating-save.
Means, if the csv suppliers change categories, I will just carry it like this newest release.
With that I will not have any old products or categories messing around.

With that in mind, I guess, I will need to change the appearance of the woocommerce categories “directly” somehow.

(For better understanding:
For me the products and it´s categories are just dayactual affiliates. I will not sell them directly or have them in stock.)

9

Hey Chris,

If you’re going to have different categories then I don’t think there is an easy to do that. Different categories will have different IDs. You may need to custom code everything. FYI, the BB WooCommerce modules are just using the WC shortcodes, just with a UI. I’d suggest getting in touch with WC if you need further assistance. Or you can also post on our FB Group and see if someone’s gone through this before as well. :slight_smile:

Ben

10

OK, thank you Ben for your fast reply!
You´re probably right.

11

No worries! Let us know if you think we can help further! :slight_smile:

Ben

12

Hi Ben,

I just tried out of interest your suggested way with the menu model.
I created one and put it with BB menu widget to left side and give him column width 20%.
newest product on right Hand side width 80%.

I set the Options for the menu to vertical accordion with an arrow Icon for the Sub menu.
Because of the width the arrow seems to get an Problem.
The arrow is crossing the border into the 80% sector of the newest products module.
If I changed it to 77% it just went fine. So it seems to has a Limit to break.

Is there any possibility to force the arrow icon to Keep the column witdth of 20% ?

13

[Content Hidden]

14

PS:
Additional Problem:

The active link area of the menu letters is to far.
It just ends right before the arrow.

So if you would like to open the subcategory,
you pretty easy open instead a mayor one.
Would be nice to Limit that as well.

15

Hey Chris,

Try using the CSS snippet below and see if it fixes your issue.

.fl-module-menu .fl-menu .menu,
.fl-module-menu .fl-menu .sub-menu {
  min-width: auto;
}

Ben

16

Ben,

thanks a lot!
Now it works exactly like it should.
:slight_smile:

17

No worries! Enjoy BB! :slight_smile:

Ben