Woodmart Styling and Filters are not loading

This topic has 3 replies, 2 voices, and was last updated 3 months ago by Hung Pham.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 16, 2024 at 1:17 pm #590545
a.balodimos
Participant
Hello Team,

I am facing an issue with the Woodmart accessories demo. It was installed successfully, but some of the layouts and styling are not loading properly. I have attached the screenshots for reference.

1: In screenshot_1: The forward slash is not visible in the number pagination at the top of the shop page, and more importantly, the grid and list view icons are not visible.
2: In screenshot_2: The category filters are not visible in the shop page sidebar. As shown in screenshot_3, I have already added the category widget to the shop page widget area, but it is not visible on the front end.
3: In screenshot_8: The top right pagination styling is not loading. However, in screenshot_9, you can see that the pagination is working perfectly in the Elementor editor.

Please help me resolve these issues. Let me know if you need anything from me
- This topic was modified 3 months, 1 week ago by a.balodimos.
Attachments:
You must be logged in to view attached files.
August 18, 2024 at 4:43 am #590752

Hung Pham
Keymaster

Hi a.balodimos,

Thanks for reaching to us.

First of all, I’m really sorry have taken long time to reply you due to the weekend.

You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

Regards,

August 19, 2024 at 4:50 pm #591020

a.balodimos
Participant

Hello Team,

I have tried deactivating the plugins one by one, but the issue still remains. The Woodmart category filter and pagination styling is not working. Can you please verify it yourself? I have already provided the WP admin details in my previous message.

Attachments:
You must be logged in to view attached files.

August 20, 2024 at 9:09 am #591147
Hung Pham
Keymaster
Hi a.balodimos,

Thanks for details.

1. Categories.

The widget is not categories filter, WoodMart Layered Nav widget is used for Attributes filter only.

You can use default Product categories widget https://prnt.sc/YqfO-Iq5dc0W or use WooCommerce builder of WoodMart allowing you to create custom templates for Product, Product Categories pages and other functional pages that are not editable by default https://prnt.sc/F8iTuuKn5Rh2. WooCommerce builder is the inbuilt functionality widget included in the builder you use on the site. You can create a custom layout in the page builder as per your need.

https://xtemos.com/forums/search/woodmart-woocommerce-layout-builder/

Then, you can use Product filters widget https://prnt.sc/6SYyfFE6lryX

Please refer to our documentation for more details https://xtemos.com/docs-topic/variable-products-and-swatches/

2. Prev / next buttons

Somehow the class has been translated as well and it caused the issue https://prnt.sc/hniM7-qjE9ow

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
```
.wd-Προϊόντα-nav{
	flex: 0 0 auto;
}

.wd-Προϊόντα-nav {
	position: relative;
	display: inline-flex;
	align-items: center;
	letter-spacing: 0;
	font-size: 14px;
}
```
Regards,
Author

Posts