linux4me2

That’s an interesting idea. I don’t know of a plugin that will do it for you, but if you’re willing to roll your own, WordPress already comes with jQuery, and there are a bunch of jQuery donut chart plugins out there that you could use to create the graph using the stock/inventory functions from WooCommerce to populate the graph and a hook to put it in the product listing. You could even use a timer and an AJAX call to update it live while customers are viewing the page.

It’s definitely possible to do.

If I were going to do this, I would create a shortcode in my child theme’s functions.php, then in the shortcode, I would use the wc_get_orders function to retrieve the orders I wanted and output them.

Put the shortcode in a Shortcode Block on the page you want to display the orders, and you’re good to go.

You could build a custom page template instead of going the shortcode route, but it would require more maintenance down the line if your theme changes.

It looks like the product title has a hover effect so it goes from white to gold when you hover over it. The following code will just turn everything black, so you’ll need to tweak the settings to get the hover effect back if you want it or to another color if black isn’t what you want. Try adding this to your child theme’s style.css or to Appearance -> Customize -> Additional CSS if you don’t use a child theme:

.woocommerce-mini-cart-item.mini_cart_item {
	color: black;
}

.ast-site-header-cart .widget_shopping_cart .cart_list a, .woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a {
	color: black;
}

.woocommerce-mini-cart__total.total {
	color: black;
}

WooCommerce has an extension called Smart Coupons that will do this:

By default, the Smart Coupons plugin displays available/usable coupons on cart, checkout & my account page.

It also allows you to display the available coupons on any page via a shortcode.

@fabhack Please post the solution when you get one. I’ve noticed a similar issue, though in our case, the Google Pay button shows up on Chrome in Android, but not Chrome on a PC.

It looks like you’ve got fancy quotes in that line, which might cause an error, though it would help if you post the actual error message.

Give this one a try by substituting it for that line in your code snippet:

$error = str_replace('Billing ', '', $error);

You apparently have some inline CSS that’s causing the border problems on the test page:

#tab-description:nth-child(2) > p:nth-child(2) {
	border: 1px solid rgb(255, 255, 255);
}

and, likewise, the gold text is coming from some inline CSS:

body, select, input, text area {
	color: #ffd700;
}

On the Airpods page, the border comes from the same inline CSS:

#tab-description:nth-child(2) > p:nth-child(2) {
	border: 1px solid rgb(255, 255, 255);
}

In both cases, I can see those lines of CSS if I look at the source code of each page. Is it possible you added some CSS to Appearance -> Customize -> Additional CSS, and have those entered there? If so, you can delete it and fix the problem.