Prices Have Disappeared

Hi,

If the prices are no longer showing in your WooCommerce shop or cart, it could be due to a few different reasons. Here’s a step-by-step troubleshooting process to identify and fix the problem:

1. Theme or Plugin Conflict:

• Sometimes, conflicts between themes or plugins can lead to issues like this. To check if this is the case, temporarily switch to a default WordPress theme like Twenty Twenty-One or Twenty Twenty-Two and see if the prices appear. If they do, your theme might be the problem.

1. Plugin Conflict:

• Deactivate all your plugins except WooCommerce and see if the prices appear. If they do, activate your plugins one by one to find the one causing the issue. Once you identify the problematic plugin, you can reach out to its support for assistance.

1. Cache Issue:

• Clear all caches on your website. This includes any caching plugins and server-side caching if you’re using it.

1. JavaScript Errors:

• Check your browser’s console for JavaScript errors. In most browsers, you can access the console by right-clicking on your page, selecting “Inspect,” and then going to the “Console” tab. Look for any error messages related to JavaScript, as these could impact the display of prices.

1. Theme Customization:

• If you’ve made font-related changes to your theme, there’s a possibility that these changes inadvertently affected the display of prices. Review your theme’s customizations and roll back any changes made around the time the issue started.

1. WooCommerce Template Overrides:

• If you or your theme has overridden WooCommerce templates, these custom templates might be causing the issue. Check if any template files in your theme’s folder are conflicting with WooCommerce’s default templates.

1. Price Display Settings:

• Go to your WordPress admin dashboard and navigate to “WooCommerce” > “Settings” > “Products.” Check your “Shop page display” settings. Ensure that the “Price” option is selected for both “Shop page” and “Default category display.”

1. Currency and Formatting Settings:

• In the same “WooCommerce” > “Settings” > “General” section, check your currency and formatting settings. Make sure the currency symbol and formatting options are set correctly.

1. Custom CSS:

• If you’ve added custom CSS to your site, it’s possible that it’s affecting the display of prices. Review your custom CSS and ensure it doesn’t target the price elements in a way that hides them.

1. Child Theme Check:
   • If you’re using a child theme, make sure there are no modifications in the child theme that might cause the issue.
2. WooCommerce Updates:
   • Ensure you’re using the latest version of WooCommerce. Outdated versions can sometimes lead to compatibility issues.

After following these steps, you should have a better idea of what’s causing the price display issue.

Thank you @owadud655

I determined that it’s a CSS issue created in the process of making the prices and headings white in the cart widget with a black footer background.

So far I have managed to get the prices to reappear in the store (white background), individual products and the top price in the cart. The sub totals and totals aren’t there yet. This is what I have so far:

span a,span,ul.products.columns-3 span.woocommerce-Price-amount.amount,ul.products.columns-3 span bdi span.woocommerce-Price-currencySymbol,.single-product p.price span.woocommerce-Price-amount.amount, .single-product p.price span.woocommerce-Price-amount.amount bdi span.woocommerce-Price-currencySymbol,.cart_item td.product-price span.woocommerce-Price-amount.amount,div cart_totals
.cart_item td.product-price span.woocommerce-Price-amount.amount bdi span.woocommerce-Price-currencySymbol,
div cart_totals.cart_item td.product-subtotal span.woocommerce-Price-amount.amount,
div cart_totals.cart_item td.product-subtotal span.woocommerce-Price-amount.amount bdi span.woocommerce-Price-currencySymbol,
div cart_totals.cart_item td.cart-subtotal span.woocommerce-Price-amount.amount,
div cart_totals.cart_item td.cart-subtotal span.woocommerce-Price-amount.amount bdi span.woocommerce-Price-currencySymbol,
div cart_totals.cart_item td.order-total span.woocommerce-Price-amount.amount,
div cart_totals.cart_item td.order-total span.woocommerce-Price-amount.amount bdi span.woocommerce-Price-currencySymbol{
color: #008435 !important;
}

What am I missing?

Thank you

Hi,


The issue is generated from this CSS. Check your CSS folder and update it.

div.footer-widgets span.product-title, span.gamma.widget-title, span.woocommerce-Price-amount.amount, span.woocommerce-Price-currencySymbol {

color: #ffffff !important;

}

• This reply was modified 1 year, 2 months ago by Owadud.
• This reply was modified 1 year, 2 months ago by Owadud.

@owadud655 , I know that’s what started this. The footer has a black background. I added it so the cart widget in the footer would have white text. Can you suggest a better way to accomplish this?

Thank you

Hi @catwingz

I’ve checked your website, and everything appears to be in order. The pricing is now visible on the shop, cart, and checkout pages.

If the image is not showing up, here is a direct link: https://gifyu.com/image/S6S2A

However, I didn’t see a cart widget in the Footer area. It’s possible that you might have removed it. If you’d like to add the cart widget back to the footer, you can add CSS that targets the footer and cart widget classes. This way, the custom CSS rules you define for the footer section won’t affect the cart or price in other locations.

I hope this provides some clarity on the matter. If you have any other questions or need further assistance, please don’t hesitate to ask.