WooCommerce category pages messed up after theme update - wordpress

I have recently updated a client's Wordpress website with the newest version of the theme Avada along with the latest WooCommerce. There is a lot of bespoke code and styling in here but all within the theme folder which was copied over post-update.
However, although everything seems OK elsewhere, the category listing page (and also the related products within the product detail pages) look completely messed up, as if the div surrounding the unordered list has disappeared, making the whole page look odd.
Here is an example of what I mean: http://loveandfun.co.uk/product-category/rabbit-range/
As you can see, the first product in the category list is fine, but then the ul is closed and the rest of the products are shoved underneath completely outside of the loop it seems. I cannot find any reason why this would have happened, so I am a little stumped.
Can anyone shine a light on why this may have happened?
Thank you.

Related

Category pages blank, but shop works on WooCommerce on WordPress

At some point, we don’t know when, category pages stopped showing anything other than the header/footer of the page. This isn’t for just one category, but all categories and sub-categories.
The main store page, and products, display fine. For example, this is a product page.
https://thesmartspacer.com/product/conference/
But, when you click on one of the categories in the breadcrumb path, you get a blank page.
Similarly, if you click on any category at:
https://thesmartspacer.com/product-category/
Nothing comes up — blank page (except header/footer).
Even categories with only products in them (e.g., no subcategories), same result:
https://thesmartspacer.com/product-category/uses-and-applications/banquet-and-events/
I’ve tried disabling all the plugins that were added at any point in recent history … or that I suspected could impact categories, including Yoast and Yoast Premium. But, pages category and subcategory pages are still blank.
Ideas? I’m just baffled and if I cannot figure this out, I’m going to need to cleanse the site of categories so it’s functional … which is drastic, and I don’t want to go there.
Help!
Thanks!
Neil
Your site is showing the following error
thesmartspacer.com/:426 GET https://thesmartspacer.com/wp-content/themes/Divi/core/admin/fonts/modules.woff net::ERR_ABORTED 404 (Not Found)
check why link is not working
thesmartspacer.com/:426 GET https://thesmartspacer.com/wp-content/themes/Divi/core/admin/fonts/modules.woff
or
Try following solution, it's on divi theme
Refer: https://divi.help/threads/ttf-module-is-slowing-down-the-page.3062/
So that others benefit from the answer that took me days to figure out...
This answer only applies to products displaying, not categories and subcategories.
We found from elegant themes that the theme template had gotten changed (I believe overwritten by a global for the default), and that there needs to be a specific WooCommerce category template that has NO body defined for the template.
So that this is documented for others, see:
When using divi with theme templates, and WooCommerce, you must have a specific cateogry template with an empty body
If you use templates for a theme, WooCommerce will NOT display categories unless there's a specific template set up for WooCommerce category pages that removes the body.

Woocommerce single product page not working

I'm working on a new webshop, everything was working fine and the shop was almost done. Today I did some tweeks to the search page and some styling changes, but now I noticed that the single product page isn't working anymore. The shop, cart, category page and everything else from woocommerce is working just fine, except for the single product page.
I did do an update to v5.5.2 today, maybe that has something to do with this, but I can't figure out how to fix this.
As you can see in the screenshot below, the product image, pricing, options etc. isn't showing up, only the description.
Woocommerce single page with DOM
Does anyone here know how this could have happend and how I can fix this?
Details:
WP v5.8
Woocommerce v5.5.2
Is your theme and plugins running on the latest version?
If you temporarily switch to another theme (example twenty-twentyone) and you try to open the same product page is it working properly?

Wordpress not showing posts (Griddist theme)

I just recently updated my version of wordpress to 5.6.1. Website is www.americano.site
I used to have a set of posts display under "miscelanea/projects" (this is the category name). Now when I access this from the side menu, it doesn't show anything. It seems to connect to the right content, as when you hover the mouse around it shows the posts it is supposed to show, but it is a blank page.
I have very limited knowledge of code but reading through other posts it seems the problem has to do with javascript (main.js file missing). If so, can anybody tell me how to download and upload this to fix this error?
I'm using the Griddist theme by Superb (but problem persists in other themes too)

Wordpress Blog Overview - Requested Page No Longer Available

I was wondering could someone please help. I am working on a WordPress website. I have added blog posts and everything was going fine until unexpectedly I start getting the following message. (Side point: If you look at the message, available is actually spelled incorrectly also - AVAIBLE)
Now I have 11 blog posts, separated on the blog overview into 4 per page. So 1st page has 4 posts, 2nd page has 4 posts and 3rd page has 3 blog posts. When I set one of the posts as a draft, I should see 2 on the last (i.e. 3rd) page, but instead I see the 404 error page, even though there should be 2 posts on that page. When I publish the drafted post, everything works fine and I see the expected 3 posts on the last page.
Each of the posts themselves are fine, as I have tested clicking on each one and it brings me to their designated page as expected. But it's just in the main overview of the blogs that I'm having the issue.
This is a major issue as I now cannot add blog posts without this happening at certain time. Can anyone please help me resolve this issue?
Thanks
Seeing that the 404 page of the theme has text is both grammatically incorrect and contains a spelling error, the theme you are working with has, to put it nicely, issues, primarily with pagination and post queries. (I'd much rather say "the theme is junk).
Use deductive logic to rule out the theme and plugin(s). Switch to the default WordPress twentyfifteen theme and see if the blog pagination is correct. Deactivate Yoast and see if pagination works.
If the theme is broken, or if Yoast breaks the theme, find a better theme; a good place to look is https://wordpress.org/themes/ All themes in the WordPress directory have been checked out and there are dedicated support forums for each.
Besides that, this is really isn't a programming question. You need to show specific code that is causing the problem, like the page queries themselves. You're better off in the theme and plugin support forums and at https://wordpress.org/support/

Blog posts not highlighting the active menu item

Ok, I know that there are several other questions on SO regarding this topic. By now, I have probably read all of them. I have been researching this for a little over two hours now and I am coming to the end of the road (about to give up!)... So, here I am on SO finally asking the question to involve other sharp minds.
I am helping build this Wordpress site: greatman.us. And, the Posts page is located on a page called "Blog." The "active" menu item is highlighting properly on PAGES, but when you go to a POST, the "Blog" menu item is not longer highlighted (i.e. NOTHING is highlighted in the header menu).
There is no way in Wordpress - as far as I'm aware - to create a "parent" for a blog post. This option is only available for Pages. I need to be able to have the "Blog" menu item stay highlighted when I am viewing a BLOG POST.
For a general example:
mywebsite.com/blog/ <--- menu item "Blog" is highlighted
mywebsite.com/blog/post223 <--- menu item "Blog" is no longer highlighted
I am proficient with CSS and HTML, but not with PHP. So, if this is a PHP fix, please dumb your answer down as much as possible.
I have read tons of other articles about this online and it seems to be a common issue, with most people not knowing how to code with PHP.
I am using a custom theme, called Divi. And it is missing some of the CSS elements that other forums and sites I have read said that the style.css should have. This is another reason I am coming to a dead end. Please help!
By the way, one WORKAROUND I discovered is to add POSTS as sub-menu items to the "Blog" page that you made in the Wordpress Menus area (in the admin back-end). Then, use "display:none" is CSS to remove the submenu from being displayed to the public. This causes two main problems, though: 1) You can never have any other sub-menu items, because they won't be displayed. 2) You have to manually add every single blog post to the menu as a sub-menu item. This will eventually make your menu super long assuming you are a regular blogger. It is also a hassle.
Within your CSS, you will also need to add .current-page-ancestor with the same attribtues as your current menu item.
Something similar to below:
.current_page_item, .current-page-ancestor {
// Some attributes
}
This is guessing that you have use wp_nav_menu() though. If not then I'll need to see what code you have used to generate the menus.

Resources