blboyle

<!-- Snippet gp_google_autocomplete -->
{% if gp_google_autocomplete %}
  {% assign gp_api_key = settings.gp_add_merchant_api_key | strip %}

  {% unless gp_api_key == '' %}
    <script>
      var pageChangeChecker = function(name, section, callback) {
        // checking for a specific class-attribute, else it's been erased by page:change
        if (!$(section).hasClass(name)) {
          if (typeof(callback) === 'function') {

blboyle

var GpCheckoutAutocomplete = (function() {
  function GpCheckoutAutocomplete() {
    this.enableGeolocate = false;
    this.countryError = 'Please select valid country';
    this.addressInput = 'shipping_address';
    this.address1ErrorPlaceholder = 'Address';
    this.authFailure = false;
    this.googleMapsCircle = {};
    this.boundsInterval = {};
    this.componentForm = {};

blboyle

  ,
  "google_places": {
    "checkout": {
      "field_errors": {
        "country_invalid": "Please select valid country"
      }
    }
  }

blboyle

,
  {
    "name": "Google Places Autocomplete",
    "settings": [
      {
        "type": "header",
        "content": "Google Places Autocomplete"
      },
      {
        "type": "paragraph",

blboyle

{{ '//code.jquery.com/jquery-1.12.4.min.js' | script_tag }}
{% include 'gp_google_autocomplete' with settings.gp_enable_google_autocomplete %}

blboyle

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

blboyle

<div>
<div class="something03"></div>
<div class="something02"></div>
<div class="something01"></div>
<div class="something1"></div>
<div class="something2"></div>
<div class="something3"></div>
<div class="something4"></div>

</div>