Product filtering

Hey
I want to filter products by features above all products and I can’t do it.
I’ve seen a lot of tutorials and I’m missing something…
I think I already made a mess in the settings.
I would really appreciate your help 🙂

I want like in the picture I attached

Attachments:

You must be logged in to view attached files.

Hello,

Send me access to the admin panel so I can check the site settings.

I await your response.

Kind Regards

[Luke Nielsen]

thank you 🙂

• This reply was modified 1 month, 2 weeks ago by Luke Nielsen.

I would also like to know how I edit this design, I couldn’t find it anywhere

Hello,

In your Archive layout, you need to define the “Filters area” button and “Filters area” element – https://take.ms/CF2E4 to make it work via the button. If you want to make it always visible, just the “Filters area” element and this https://take.ms/L9Bbz option (Theme Settings -> Product archive -> Shop filters) will be enough.

The filter area can be filled via Appearance -> Widgets -> https://take.ms/Cdtbv

Kind Regards

Sorry, but I can’t understand…
I have now entered in the layout shop that I created “Filters area” and there is no change…
It still only shows me two attributes to filter

And where do you edit it to be designed, let’s say to add a subtle separation curve between features and other things if I need to?

But I did everything you wrote and it doesn’t work for me…
Is there a possibility that you will?

Hello,

All widgets that are defined for Shop filters are related to a specific category – https://take.ms/ng7Tv that is why it is empty on the Shop page. So if we check that category page, the filter is shown there – https://take.ms/WBXgT.

I have defined a widget for all archive pages and it shows on the Shop page – https://take.ms/LHaoz, https://take.ms/IS5Ul

In order to make your custom filter area, use the HTML Block, create some design there and assign it in Theme Settings -> Product archive -> Shop filters -> Shop filters content type -> HTML Block – https://take.ms/Bopro

Kind Regards

I designed and defined the html block attributes
And it still only shows me two features, and I don’t want it to be clickable either, I want it to be open.

I am attaching a picture of why it shows me…
I feel like I’m repeating myself and they can’t understand.
I am attaching a picture of what I currently have. And how I want it to be.

In addition, I would like to return the control panel to the right side in Hebrew, for some reason everything is upside down for me and the website is set in Hebrew

Attachments:

You must be logged in to view attached files.

It didn’t send the screenshot so happy again.

And there are all the features, I don’t want there to be filtering by category, just features

Attachments:

You must be logged in to view attached files.

Could there be a problem with the template?
Or some glitch?
It should be really simple and it doesn’t work for me, I’ve been on it for days

Hello,

Please check it on your side – https://take.ms/vpmj8 and let me know if that works for you.

Kind Regards

It doesn’t work for me, that’s how I did it in the design of the html block, but in practice you only see two features…

And I can’t change the design either, it’s only with a click, and I want it to be open

Attachments:

You must be logged in to view attached files.

Hello,

1. Such an element only has the dropdown style – https://take.ms/zODed

2. Navigate to WooCommerce > Status > Tools and click on Regenerate the product attributes lookup table https://take.ms/LGpvf

Kind Regards

I can’t find this option woo – status – tools
And I didn’t understand what it does…
And I canceled the block html option
I did through a widget but it still only shows me two filters

Hello,

Here is a video – https://take.ms/JGeNA , clear the server/site cache and if it will not help you, navigate to WooCommerce -> Settings -> Products -> Advanced -> disable the “Use the product attributes lookup table for catalog filtering.”, clear the cache and check how it works. https://take.ms/8CRGS

Kind Regards

Yayyy thanks a lot!!!! 🙂
Now it’s working !!
Now how can I edit this design?

Hello,

Send me a screenshot of the desired design so we can investigate it.

Thank you in advance.

Kind Regards

I want that style

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay.

I see that you have rebuilt the previous design – https://take.ms/Q7JTN, let me know if the previous query is still relevant.

Thank you for your time.

Kind Regards

Hey
I see that I’m wasting a lot of time on this, so I decided that I want a simple button with filtering, when you click on it, the filtering options will open…
I can’t get it back… how do I do it?

Why do the products in the archive appear 3 in the line I defined 4?
Is this a bug?

Regarding the filters, I’ll leave it like that for now until I decide what to do.

Hello,

1. Ok, understood.

2. On my side it shows in 4 columns – https://take.ms/Behr5

Try to clear the browser cache and check how it works.

Kind Regards

Yes, I also see dog food as 4 because it’s a store page.
But in all the other categories you see 3

And also why on the product page all the information is written really tight and not with spaces like I wrote in the edit in the product description

Hello,

1. E.g. this category has only 3 products – https://take.ms/TTAWnT so only 3 columns are defined. Other categories have 4 as they have enough products – https://take.ms/gXK1Q, https://take.ms/l0qj1

2. Try to use the code below:

body .woocommerce-Tabs-panel--description .wd-scroll-content p {
    letter-spacing: 1.3px;
}

https://take.ms/6ty0w

Kind Regards

1. Why do I see 3?
And did I clean the cache on the server and in WordPress?
*I have attached a photo

2. I put the code in “Code Snippet” and there is no change…
Can you check if I put it in the right place?

[harmonya.training]

*I have attached a photo

• This reply was modified 1 month, 1 week ago by harmonya.training.
• This reply was modified 1 month, 1 week ago by harmonya.training.

Attachments:

You must be logged in to view attached files.

Hello,

1. Send me the URL link to that page – https://take.ms/0EXaH

2. That code should be placed in THeme Settings -> Custom CSS. So you need to remove it from Code Snippets and put it in the Custom CSS area.

Kind Regards

[Author]

Posts