Back to Community
Home / Community / Theme → Neve

Troubleshooting Common WooCommerce Product Display Issues in the Neve Theme

27 threads Sep 10, 2025 Theme → Neve

Content

Why Are My WooCommerce Products Not Displaying Correctly in Neve?

Many users of the popular Neve theme encounter issues with how their WooCommerce products are displayed. Problems can range from missing images and incorrect sorting to layout problems and conflicts with other plugins. This guide will walk you through the most common causes and their solutions, based on community reports and resolutions.

Common Product Display Issues and Their Fixes

1. Images Not Showing on Mobile or Tablet

The Problem: Product images display correctly on desktop but are missing on mobile or tablet views.

Why It Happens: This is frequently caused by over-aggressive caching or optimization plugins that incorrectly handle image delivery on different devices.

The Solution: A common fix reported by users is to temporarily deactivate your caching or speed optimization plugin (e.g., SiteGround Optimizer, W3 Total Cache) to see if the issue resolves. If it does, you will need to reconfigure the plugin's settings or contact its support for guidance on mobile-compatible configurations.

2. Out of Stock Badges Not Behaving as Expected

The Problem: Out of stock badges either don't appear where you want them, appear where you don't, or cannot be hidden on specific pages.

Why It Happens: The theme's default CSS may not account for every display scenario, and custom product blocks (like handpicked products) might not use the same hooks as standard shop pages.

The Solution: Custom CSS can often target and hide badges on specific pages. For example, to hide the badge on category pages but keep it on single product pages, you could try adding this to Appearance > Customize > Additional CSS:

.archive.tax-product_cat .out-of-stock-badge {
    display: none !important;
}

If this doesn't work, the specific CSS selector might need to be adjusted based on your site's unique classes.

3. Layout and Style Problems on Product Pages

The Problem: Product pages look distorted, elements are misaligned, or the layout doesn't match your Customizer settings.

Why It Happens: These issues are often the result of a conflict between the Neve theme and another active plugin, especially page builders, custom product field plugins, or caching tools.

The Solution: The most effective way to identify a plugin conflict is to use the Health Check & Troubleshooting plugin. This plugin allows you to safely disable all other plugins without affecting your live site's visitors. Enable troubleshooting mode, which will deactivate all plugins, and check if the issue persists. If it's resolved, reactivate your plugins one by one to identify the culprit. Once found, you can look for an alternative plugin or contact the problematic plugin's support for help.

4. Products Sorting Incorrectly or Not Showing

The Problem: Products are sorted by the oldest first instead of the newest, or not all products are displayed on a shop page.

Why It Happens: Default product sorting is primarily controlled by WooCommerce and WordPress settings, not the theme itself. Display issues can also be caused by external factors like geolocation or catalog visibility settings.

The Solution: Changing the default product sort order requires custom code, as this functionality is not built into the free version of the theme. For products not showing, check your WooCommerce catalog visibility settings and ensure no other plugins are filtering the products.

5. Product Details (Price, Title, Description) Are Missing

The Problem: Crucial information like the product price, short description, or category title is not visible on the page.

Why It Happens: This can sometimes occur due to CSS that is accidentally hiding the elements, or because the necessary WooCommerce hooks to display this information are not present on certain archive pages.

The Solution: First, use your browser's inspect tool to see if the element is on the page but hidden. If it is, you can use custom CSS to force it to display. For example, to make a hidden price visible, the following code can be added to the Additional CSS section:

.single-product .summary.entry-summary .price {
    display: block !important;
}

For missing category titles and descriptions on archive pages, custom code is required to hook into the WooCommerce template.

General Troubleshooting Steps

If you encounter a display issue not listed above, follow this general process:

  1. Check for Plugin Conflicts: Use the Health Check & Troubleshooting plugin to rule out conflicts. This is the most common fix.
  2. Clear All Caches: Clear your browser cache, any WordPress caching plugins, and your server-side cache (if applicable, like on SiteGround).
  3. Review Recent Changes: Did the issue start after installing a new plugin, updating a plugin, or changing a theme setting? Reversing that change can often help.

Remember, the Neve theme is designed to work seamlessly with WooCommerce. When problems arise, they are most often resolved by identifying a conflicting plugin or adding a small amount of custom CSS.

Related Support Threads Support