shopify inject related products javascript

theme.Product = (function() {

  var selectors = {
    favoritesTemplate: '.js-favorites-template',
    favorites: '.js-favorites'
  };

  /**
   * Product section constructor. Runs on page load as well as Theme Editor
   * `section:load` events.
   * @param {string} container - selector for the section container DOM element
   */
  function Product(container) {
    this.$container = $(container);
    this.getFavorites();

  getFavorites: function() {
    $favoritesTemplate = $(selectors.favoritesTemplate, this.$container);
    product = this.productSingleObject;
    source = $favoritesTemplate.html();
    template = Handlebars.compile(source);
    $favorites = $(selectors.favorites, this.$container);
    title = this.productSingleObject.title.split(' in ')[0];
    type = this.productSingleObject.type;
    $.when(
      $.ajax({
        url: '/search.json',
        data: {
          view: 'json',
          q: "title:*" + title + "*",
          type: 'product'
        }
      }),
      $.ajax({
        url: '/search.json',
        data: {
          view: 'json',
          q: "product_type:" + type,
          type: 'product'
        }
      }),
      $.ajax({
        url: '/search.json',
        data: {
          view: 'json',
          q:"tag:Shop",
          type: 'product'
        }
      })
    ).done(function(nameMatch, typeMatch, other){
      nameMatch = _.shuffle(nameMatch[0])
      typeMatch = _.shuffle(typeMatch[0])
      other = _.shuffle(other[0])
      matches = _.flatten([nameMatch, typeMatch, other])
      matches = _.uniq(matches, false, _.property('id'));
      matches = _.reject(matches, function(match) {
        return match.id == product.id;
      });
      matches = _.first(matches, 4);
      _.each(matches, function (match){
        splitTitle = match.title.split(' in ')
        match.name = splitTitle[0];
        match.color = splitTitle[1];
        match.image_50 = slate.Image.getSizedImageUrl(match.featured_image, '50x');
        match.image_160 = slate.Image.getSizedImageUrl(match.featured_image, '160x');
        match.image_480 = slate.Image.getSizedImageUrl(match.featured_image, '480x');
        match.image_600 = slate.Image.getSizedImageUrl(match.featured_image, '600x');
        match.image_1024 = slate.Image.getSizedImageUrl(match.featured_image, '1024x');
        match.image_2048 = slate.Image.getSizedImageUrl(match.featured_image, '2048x');
      });
      data = { products: matches }
      $favorites.html(template(data));
    });
  }
}