Version 1.1.8

This update was released on the 25th of October.

Changelog

  1. Fixed an issue with "natural" product images and the latest version of Safari
  2. Fixed an issue with images in IE11
  3. Added logo image to the password page
  4. Added support for more product badges.

How manually update

Here's a guide on how to fix the bugs and add tags support for "preorder" & "new" product badges.

Safari images issues 

  1. Go to the theme editor (read this article for more info)
  2. Choose  /sections/product.liquid and right at the end of the file, paste the following snippet:

    {% if section.settings.gallery_resize == 'fit' %}
      <script type="text/javascript">
        window.CuberFixGalleryItem = true;
      </script>
    {% endif %}
    	
  3. Choose /sections/product_pre-order.liquid and do the same as above.
  4. Choose  /assets/js_main.js and search for this line:

    if ( $('#fix-me-header').css('content') == '"fix-gallery-item"' ) {
    	

    Replace it with the following:

    if ( window.CuberFixGalleryItem ) {
    	
  5. Save all files!

IE11 images issues

  1. Go to the theme editor (read this article for more info)
  2. Choose  /assets/js_product.liquid and just at the beginning of the file, paste the contents from this file: https://pastebin.com/raw/9yHmtkPk
  3. Save!

Add more product badges

  1. Go to the theme editor (read this article for more info)
  2. Choose  /snippets/product_badges.liquid and replace the contents of the file with the following:

    {% unless product.available %}
      <div class="product-badge sold"><span>{{ 'product.sold_out' | t }}</span></div>
    {% else %}
      {% if product.compare_at_price > product.price %}
        <div class="product-badge sale"><span>{{ 'product.on_sale' | t }}</span></div>
      {% elsif product.tags contains 'preorder' %}
        <div class="product-badge preorder"><span>Pre Order</span></div>
      {% elsif product.tags contains 'new' %}
        <div class="product-badge new"><span>New</span></div>
      {% endif %}
    {% endunless %}
    	
  3. Change the new words after your own desire and then save the file.
  4. From this point, if you tag a product "new" or "preorder", you will see this badge in the grid.