Manually update to 2.3.3

This is a guide on how to manually update Kingdom from 2.3.x to 2.3.3. This version includes a few fixes for bugs in 2.3.0 and later:

  • Collection grid breaking for screens larger than 2560px
  • Cart count not updating when adding items into the cart
  • Product compare price not updating

How to manually update

  1. Go to the theme editor (read this article for more info)
  2. Choose /assets/css_main.scss.liquid and at the very end of the file, add the following code snippet:

    @media all and (min-width: 2560px){
       .grid-item {
          width: 16.666%;
       }
    }
  3. Choose /assets/js_scripts.js and completely replace the file with the contents of the following file: https://pastebin.com/raw/E44AB39h
  4. Choose  /config/settings_schema.json and at line 6, change the theme_version to 2.3.3 (just for remembering that you did the update)

  5. Save all files!

If done correctly, you should now have v2.3.3 installed.

Adding the new pre order template

In v2.3.2, we've added a new product template called "pre order", for those instances where you have an item that is out of stock, but you still want to sell it and don't want to show users that it's out of stock.

  1. Go to the theme editor (read this article for more info)
  2. Go to /templates and create a new file called product.pre-order.liquid. Inside this file, paste the following code snippet: 

    <div class="shopify-section">
      {% section 'product-preorder' %}
    </div>
    
  3. Go to /sections and create a new file called product-preorder.liquid. Inside this file, paste the contents of the following file: https://pastebin.com/raw/wawCzqEM
  4. Save both files, and you should now be able to select the pre order page template on new or existing product pages.