Version 2.0.7

This update was released on the 20th of September.

Changelog

1. Added support for Shopify's currency selector (please see this article from Shopify documentation about the new Shopify Payments multiple currencies feature).
2. Improved quality for background videos.
3. Fixed other small issues.

How to manually add the new currency selector

1. Go to the theme editor (read this article for more info)
2. Choose sections/header.liquid and just after the menu button code (lines 68-70) add the following code snippet - screenshot:
   

{% if shop.enabled_currencies.size > 1 %}
      {% form 'currency', class: "currency-selector" %}
        <label for="CurrencySelector" class="hidden">{{ 'general.navigation.currency' | t }}</label>
        <select name="currency" id="CurrencySelector" class="currency-selector__dropdown" data-currency-selector>
          {% for currency in shop.enabled_currencies %}
            <option value="{{currency.iso_code}}"{% if currency == cart.currency %} selected="true"{% endif %}>{{currency.iso_code}}</option>
          {% endfor %}
        </select>
      {% endform %}
      <script type="text/javascript">
        $(document).on('ready', function(){
          $('#CurrencySelector').styledSelect({
            coverClass: 'minimal-select-cover',
            innerClass: 'minimal-select-inner'
          });
          $('#CurrencySelector').parent().append($.themeAssets.arrowDown);
          $('#CurrencySelector').parent().parent().addClass('styled');
          $('#CurrencySelector').on('change', function(){
            $('#currency_form').submit();
          })
        });
    {% endif %}
	

3. Choose locales/en.default.json  and replace line 12 ("logout": "Log out") with:  (screenshot)

"logout": "Log out",
"currency": "Currency"
	

4. Choose /assets/css_main.scss.liquid file and at the very end of the file add the following code

// Currency selector
.currency-selector {
  margin: 0 5px;
  &:not(.styled) {
    opacity: 0;
  }
  @media screen and (max-width: 1024px){
    margin-top: -1px;
    margin-right: 0;
    svg, .minimal-select-inner {
      opacity: 1 !important;
    }
  }
  @media screen and (max-width: 419px){
    display: none;
  }
  .desktop-view--minimal & {
    svg, .minimal-select-inner {
      opacity: 1;
    }
  }
}
.minimal-select-cover {
  width: 100% !important;
  height: 30px;
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  position: relative;
  margin-top: 7px;
  svg {
    position: absolute;
    top: 11px;
    right: 5px;
    width: 9px !important;
    opacity: .52;
    transition: all 150ms linear;
    polygon {
      fill: $textMain;
    }
  }
  select {
    height: 100% !important;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: menulist-button;
  }
  option {
    padding: 2px 0;
  }
  &:hover {
    svg {
      top: 12px;
    }
    svg, .minimal-select-inner {
      opacity: 1;
    }
  }
}
.minimal-select-inner {
  height: 30px;
  padding: 9px 25px 0 5px;
  cursor: pointer;
  opacity: .66;
  cursor: pointer;
  font-weight: 600;
  transition: all 150ms linear;
}
	

Save all files!

How to manually edit the background video section code:

Please open the  assets/js_main.js file and replace this current code from lines 2349 - 2350

height: '1920',
width: '1080',

with this one:

height: '1080',
width: '1920',
suggestedQuality: 'highres',

Save file!