Skip to content

Commit

Permalink
blog: How to turn off HPOS in WooCommerce
Browse files Browse the repository at this point in the history
  • Loading branch information
johnjago committed Apr 22, 2024
1 parent c15fcfd commit 4f21954
Show file tree
Hide file tree
Showing 9 changed files with 186 additions and 9 deletions.
5 changes: 4 additions & 1 deletion public/blog/change-order-status-in-woocommerce.html
Original file line number Diff line number Diff line change
Expand Up @@ -100,9 +100,12 @@ <h2>Conclusion</h2>
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down
5 changes: 4 additions & 1 deletion public/blog/energy-woocommerce-admin-theme-alternative.html
Original file line number Diff line number Diff line change
Expand Up @@ -126,9 +126,12 @@ <h2>What’s in store for the future of Dashify?</h2>
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
<main class="px-4 pt-40 pb-28">
<article class="max-w-4xl mx-auto text-lg leading-6">
<h1 class="text-4xl font-bold mb-4">Show billing and shipping addresses in the WooCommerce order list</h1>
<p class="mb-8">Published <time datetime="2024-04-18" class="font-semibold">19 April 2024</time> by <a href="mailto:[email protected]" class="underline">John Jago</a></p>
<p class="mb-8">Published <time datetime="2024-04-19" class="font-semibold">19 April 2024</time> by <a href="mailto:[email protected]" class="underline">John Jago</a></p>
<div class="rounded-lg p-8 bg-[#9D6095E3] text-gray-50">
<h2 class="text-2xl font-bold mb-4 inline-block">Summary</h2>
<p class="mb-4">In this post, I’ll show you how to display the customer’s billing address and shipping address in the table of orders. This doesn’t require writing any code or installing any plugins.</p>
Expand All @@ -69,7 +69,7 @@ <h2 class="mt-16">The not so obvious Screen Options</h2>
</div>
<div class="bg-[#9D6095E3] mt-28 text-lg mx-auto text-center px-6 py-12 text-gray-50 rounded-lg">
<p class="mb-4 font-bold">Thanks for reading! 🎉</p>
<p class="mb-8 max-w-xl mx-auto">Are you ready to improve the look and productivity of the WooCommerce order admin? Learn more about Dashify using the button below to see if it fits your needs.</p>
<p class="mb-8 max-w-xl mx-auto">By the way, do you want to improve the look and productivity of WooCommerce order admin?</p>
<a
href="/"
class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 font-semibold hover:shadow-lg transition"
Expand All @@ -86,9 +86,12 @@ <h2 class="mt-16">The not so obvious Screen Options</h2>
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down
156 changes: 156 additions & 0 deletions public/blog/turn-off-hpos-woocommerce.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>How to turn off HPOS in WooCommerce - Dashify Blog</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Is a plugin you want to use not compatible with HPOS? This short guide shows you how to disable HPOS (High-Performance Order Storage) in WooCommerce so you can use plugins that aren’t yet compatible.">
<link rel="icon" href="/images/icon.svg">
<link href="/main.out.css" rel="stylesheet">
<meta property="og:title" content="How to turn off HPOS in WooCommerce">
<meta property="og:description" content="Is a plugin you want to use not compatible with HPOS? This short guide shows you how to disable HPOS (High-Performance Order Storage) in WooCommerce so you can use plugins that aren’t yet compatible.">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="How to turn off HPOS in WooCommerce">
<meta name="twitter:description" content="Is a plugin you want to use not compatible with HPOS? This short guide shows you how to disable HPOS (High-Performance Order Storage) in WooCommerce so you can use plugins that aren’t yet compatible.">
<!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.usefathom.com/script.js" data-site="ACWPDZHT" defer></script>
<!-- / Fathom -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16538266630">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-16538266630');
</script>
<!-- Simple reload on change, for use only in development. -->
<!-- <script type="text/javascript" src="https://livejs.com/live.js"></script> -->
</head>
<body class="font-sans bg-gray-50">
<header class="sticky top-0 h-0">
<div id="navbar" class="z-10 backdrop-blur-xl transition bg-[#ffffff10] border-b border-b-gray-200">
<div class="flex justify-between items-center p-4 max-w-7xl mx-auto">
<a href="/">
<div id="nav-logo" class="bg-[#CB8A86] w-[80px] h-[40px]"></div>
</a>
<nav class="text-gray-800 font-semibold">
<a href="/#features" class="ml-8 transition">Features</a>
<a href="/#pricing" class="ml-8 transition hidden sm:inline">Pricing</a>
<a href="https://forms.gle/pRezSbdUcZmvZdX27" class="ml-8 transition hidden sm:inline">Help</a>
<!-- <a href="/blog" class="ml-8 transition hidden sm:inline">Blog</a> -->
<a
id="nav-download-link"
href="https://wordpress.org/plugins/dashify/"
class="ml-8 px-4 py-2 rounded-full border border-gray-800 hover:bg-gray-800 hover:text-gray-50 transition"
>
Download
</a>
</nav>
</div>
</div>
</header>
<main class="px-4 pt-40 pb-28">
<article class="max-w-4xl mx-auto text-lg leading-6">
<h1 class="text-4xl font-bold mb-4">How to turn off HPOS in WooCommerce</h1>
<p class="mb-8">Published <time datetime="2024-04-21" class="font-semibold">21 April 2024</time> by <a href="mailto:[email protected]" class="underline">John Jago</a></p>
<div class="rounded-lg p-8 bg-[#9D6095E3] text-gray-50">
<h2 class="text-2xl font-bold mb-4 inline-block">Summary</h2>
<p class="mb-4">After October 2023, new WooCommerce stores will have High-Performance Order Storage (HPOS) turned on by default. HPOS changes how WooCommerce saves orders in the database—they are no longer saved as WordPress posts and it’s supposed to be faster. However, some plugins might not work with HPOS. If a plugin you want to use is not compatible with HPOS, here is how you can disable HPOS.</p>
</div>
<div class="prose max-w-none">
<h2 class="mt-16">How to turn off HPOS, step-by-step</h2>
<p>Turning off HPOS takes just a few clicks.</p>
<ol>
<li>Under WooCommerce, click <strong class="font-bold">Settings</strong>.</li>
<li>Go to the <strong class="font-bold">Advanced</strong> tab.</li>
<li>Within that page, go to the <strong class="font-bold">Features</strong> section.</li>
<li>Under <i class="italic">Order data storage</i>, set the setting to <strong class="font-bold">WordPress posts storage (legacy)</strong>.</li>
<li>Click <strong class="font-bold">Save changes</strong>.</li>
</ol>
<img src="turn-off-hpos-woocommerce.png" alt="Screenshot showing how to navigate to the settings page in WooCommerce where HPOS can be turned off.">
<h2>If the setting is unavailable</h2>
<p>If your store already has orders, you may need to check the box for <strong class="font-bold">Enable compatibility mode (synchronizes orders to the posts table)</strong> as well click the link that appears below the checkbox to manually start the order sync.</p>
<h2>Can I leave the order sync on?</h2>
<p>Most stores shouldn’t have a problem leaving the setting on. If you ever plan on switching back to HPOS, it will allow you change the setting right away. Only the biggest of stores might get slow from all the order snycing, but even then it’s unlikely to cause major issues.</p>
<h2>Still having an issue?</h2>
<p><a href="mailto:[email protected]">Email me</a> (the author of this post) and I’ll be happy to help you resolve any issue. By helping you, I can document those cases in this post to make it more useful to others.</p>
</div>
<div class="bg-[#9D6095E3] mt-28 text-lg mx-auto text-center px-6 py-12 text-gray-50 rounded-lg">
<p class="mb-4 font-bold">Thanks for reading! 🎉</p>
<p class="mb-8 max-w-xl mx-auto">By the way, do you feel the WooCommerce admin dashboard is slow, hard to use, or lacking features? With Dashify, you can upgrade the WooCommerce admin for free.</p>
<a
href="/"
class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 font-semibold hover:shadow-lg transition"
>
Learn about Dashify
</a>
</div>
</article>
</main>
<footer class="bg-gray-700 text-gray-50 py-12">
<div class="max-w-7xl mx-auto font-semibold px-4">
<div class="flex flex-col gap-8 md:flex-row md:justify-between">
<div>
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
<li>
<a href="/blog/change-order-status-in-woocommerce" class="underline decoration-gray-500">How to change order status in WooCommerce</a>
</li>
</ul>
</div>
<div class="flex flex-col">
<h2 class="text-xl mb-4">Help</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li><a href="https://forms.gle/pRezSbdUcZmvZdX27" class="underline decoration-gray-500">Report a bug</a></li>
<li><a href="https://forms.gle/pRezSbdUcZmvZdX27" class="underline decoration-gray-500">Request a feature</a></li>
</ul>
</div>
<div>
<h2 class="text-xl font-bold mb-4">About Dashify</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<!-- <li><a href="/about" class="underline decoration-gray-500">Why we made Dashify</a></li> -->
<li><a href="/privacy" class="underline decoration-gray-500">Privacy</a></li>
<li><a href="/terms" class="underline decoration-gray-500">Terms</a></li>
</ul>
</div>
</div>
<div class="border-t border-t-gray-600 flex justify-between pt-4 mt-12 text-gray-400">
<p>&copy; Dashify 2024</p>
<p class="">Enjoy the rest of your <span id="day"></span>!</p>
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded' , () => {
const userLanguage = navigator.language || navigator.userLanguage;
const currentDate = new Date();
const dayOfWeekName = currentDate.toLocaleDateString(
userLanguage,
{ weekday: 'long' }
);
document.querySelector('#day').textContent = dayOfWeekName;
});
</script>
<script>
window.addEventListener('scroll', function() {
const navbar = document.querySelector('#navbar');
if (window.scrollY > 50) {
navbar.classList.add('bg-[#ffffff56]', 'shadow-sm');
} else {
navbar.classList.remove('bg-[#ffffff56]', 'shadow-sm');
}
});
</script>
</body>
</html>
Binary file added public/blog/turn-off-hpos-woocommerce.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 4 additions & 1 deletion public/features/order-navigation.html
Original file line number Diff line number Diff line change
Expand Up @@ -91,9 +91,12 @@ <h2 class="text-white text-5xl font-bold mb-16">Manage WooCommerce orders more e
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down
5 changes: 4 additions & 1 deletion public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -265,9 +265,12 @@ <h2 class="text-white text-5xl font-bold mb-16">Manage WooCommerce orders more e
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down
5 changes: 4 additions & 1 deletion public/privacy.html
Original file line number Diff line number Diff line change
Expand Up @@ -219,9 +219,12 @@ <h2>Contact Us</h2>
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down
5 changes: 4 additions & 1 deletion public/terms.html
Original file line number Diff line number Diff line change
Expand Up @@ -135,9 +135,12 @@ <h2>Contact Us</h2>
<h2 class="text-xl font-bold mb-4">Blog</h2>
<ul class="flex flex-col gap-2 text-gray-200">
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
<a href="/blog/turn-off-hpos-woocommerce" class="underline decoration-gray-500">How to turn off HPOS in WooCommerce</a>
<span class="ml-1 inline-block -rotate-6 bg-green-100 text-green-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300">New</span>
</li>
<li>
<a href="/blog/show-billing-shipping-in-woocommerce-order-list" class="underline decoration-gray-500">Show billing and shipping addresses in the WooCommerce order list</a>
</li>
<li>
<a href="/blog/energy-woocommerce-admin-theme-alternative" class="underline decoration-gray-500">Alternative to the Energy+ WooCommerce admin theme</a>
</li>
Expand Down

0 comments on commit 4f21954

Please sign in to comment.