NO BUG: Products pagination

I am playing around with WooCommerce and Bricks and have found some issues on some of the elements for Woo.

The Products pagination is possible to add as a widget to the Products element, but then you don’t have any styling options unless you write CSS.

When you add Products pagination to a template that has a Products element, you get some styling option, but not for everything. Also, the defult styling is done at the ID level without a way to override it in the builder, so the only option is to add a class and continue styling on the ID lever to override the default styling.
The element also keeps loosing contact with the Products element, so a refresh of the builder page is needed after every change to the Products pagination element.

It would also be great if you could customize the text output. It’s sometimes desirable to write something else than the default.

Endre

Browser: Chrome 110
OS: macOS

Hi @endre,

You are right. Now, if you want to be customizable, I suggest you use a custom query loop to create a product list and then a pagination element. That way you will have waaay more control and options.

If you have a class selected, and change the typography color, for example, color should change. At least in my testing. What styling are you unable to change?

I don’t know what you mean by “loosing contact”, but I can see that when you change the “Products per page” option for example, it will not refresh automatically.

Overall, that’s technically not a bug, but an improvement, so I will move it to the correct category.

Best regards,
M

Hey.

Thanks for the reply and many good tips. I will look into the custom query loop.

The styling that is hard to override is the border and box-shadow that is added to the pagination by default.

By looking contact I mean the pagination element turns blue like this.
Screenshot 2024-08-12 at 13.19.32

Then a browser refresh is needed to connect the elements again.

Endre