{"id":7195,"date":"2017-05-31T06:00:23","date_gmt":"2017-05-31T10:00:23","guid":{"rendered":"http:\/\/blog.litespeedtech.com\/?p=7195"},"modified":"2017-05-31T06:00:23","modified_gmt":"2017-05-31T10:00:23","slug":"wpw-fixing-lscachewoocommerce-conflicts","status":"publish","type":"post","link":"https:\/\/lswp.store\/index.php\/2017\/05\/31\/wpw-fixing-lscachewoocommerce-conflicts\/","title":{"rendered":"WpW: Fixing LSCache+WooCommerce Conflicts"},"content":{"rendered":"

\"\"<\/p>\n

Welcome to another installment of WordPress Wednesday<\/a>!<\/p>\n

Do you use WooCommerce<\/a>? Have you tried to use LiteSpeed Cache<\/a> only to find that your cart was not updating correctly? Today we\u2019re going to explore a configuration tweak that fixes an incompatibility between LiteSpeed Cache and some WooCommerce themes.<\/b><\/p>\n

A quick note before we begin: We went in-depth discussing the benefits of adding LSCache to your WooCommerce setup last week. You can <\/i>check that out here<\/i><\/a>, if you missed it.<\/i><\/p>\n

WooCommerce and LiteSpeed work together quite well right out of the box<\/a> in most <\/i>cases, however there are some situations where the addition of LSCache causes the shopping cart to be updated incorrectly. This is easily fixable.<\/b><\/p>\n

LiteSpeed Cache can give your shop a considerable<\/i> performance boost, and as such is a useful addition to your WordPress arsenal. It\u2019s well worth investing a few minutes to fix this little hiccup, if your site is affected by it.<\/p>\n

Some WooCommerce themes (Storefront<\/a>, Shop Isle<\/a> and other themes with an ajax cart, for example) are fully-compatible with LSCache and there is no need for any special consideration. However, for other themes (like E-Commerce), LiteSpeed will need a quick and easy configuration tweak.<\/p>\n

\"\"<\/p>\n

First, let\u2019s find out if your theme has an issue.<\/p>\n

    \n
  1. On a non-logged-in browser, with the cache active, enable your browser\u2019s code inspector, and visit your shop\u2019s home page. Then, visit a product page. Both of these pages should be newly-cached now.<\/li>\n
  2. To verify that a page is cached, using the inspector, navigate to the Network tab, click on the page\u2019s URL in the list (reload the page, if you don\u2019t see it), and then look at the response headers. If you see X-LiteSpeed-Cache: hit<\/code>, then the currently-loaded page was served from cache.<\/li>\n
  3. Perform this check on both pages.<\/li>\n
  4. Add the product from the product page to your cart.<\/li>\n
  5. Visit the shop home page again, but do so by clicking a link to it from the product page (in other words, don\u2019t use the Back button).<\/li>\n
  6. Check to see if the home page is still cached (it should be) and that the cart contains the product you just added to it (it should).<\/li>\n
  7. If you\u2019re seeing something different, then you\u2019ll need to update your do-not-cache cookie list.<\/li>\n<\/ol>\n

    Here\u2019s how to update your do-not-cache cookie list:<\/p>\n

    \"\"<\/p>\n

    In your WordPress Admin, go to LiteSpeed Cache > Settings > Do Not Cache Rules<\/b>.<\/p>\n

    Under Cookie List<\/b>, enter woocommerce_items_in_cart<\/code>, scroll down and press Save Changes<\/b>.<\/p>\n

    If you\u2019d like to verify that this is working, repeat steps 1-6 above. \u00a0Unlike before, we should now see that the home page is still cached and the cart is properly updated.<\/p>\n

    Congratulations!<\/p>\n

    You can see that WooCommerce and LiteSpeed Cache are usually a great team right from Day One, but if you\u2019re observing quirky behavior, it\u2019s quite simple to configure LSCache to make an allowance for it.<\/p>\n

    If your WooCommerce store isn\u2019t taking advantage of LiteSpeed Cache<\/a>\u2019s performance-boosting power, why not? Online shoppers have a notorious lack of patience, and slow sites lose customers. LiteSpeed can keep your load times low and your customers smiling. Don\u2019t take our word for it, though. Check out these awesome user reviews<\/a>!<\/p>\n

    —<\/p>\n

    Have any questions about this? Have some of your own ideas for future WordPress Wednesday<\/a> topics? Leave us a comment!<\/p>\n

    Don\u2019t forget to meet us back here next week for the next installment. In the meantime, here are a few other things you can do:<\/p>\n