anchor.diff:          document.getElementById('view_2').style.display = 'none';
           document.getElementById('view_3').style.display = 'block';
           close_emblem_modal();
  +
  +        if (GROUP) {
  +            GROUP.draggable(false);
  +        }
   
           $.ajax({
               url: '/catalog/product/emblems?product_id=' + product.product_id + '&color_id=' + product.color_id,
  
positive.code:         });
      }
  
      var ACTUAL_LOGO = null;
  
      function load_view_2(product_) {
  
          current_view = 2;
          document.getElementById('view_2').outerHTML = view_2.outerHTML;
  
  
negative.code:                         x: data.multiplexer,
                          y: data.multiplexer
                      });
                  },
                  error: function (data) {
                      console.log(data);
                  }
              });
          }
      }
  
      function create_objects_array(data) {
          for (var i = 0; i < data.length; i++) {
              product.views.push(new ModifiedView(product.data['id'], data[i]['id'], data[i]['color_id']))
          }
          console.log(product);
      }
  
      var UPDATABLE_VIEW = {
          id: null,
          view: null,
          parent: null
      };
  
      function update_section() {
  
          var group = UPDATABLE_VIEW.parent;
          var view = UPDATABLE_VIEW.view;
  
          if (view.logo_id) {
              var logo = new Konva.Image({
                  x: view.x,
                  y: view.y,
                  draggable: true,
                  dragBoundFunc: function (pos) {
                      return {
                          x: pos.x > 0 && (view.x + logo.getClientRect().width) < 500 ? pos.x : this.getAbsolutePosition().x,
                          y: pos.y > 0 && (view.y + logo.getClientRect().height) < 500 ? pos.y : this.getAbsolutePosition().y
                      }
                  }
              });
              group.add(logo);
              view.konva_elements.logo = logo;
  
              logo.on('dragmove', function () {
                  view.x = logo.x();
                  view.y = logo.y();
              });
  
              var imageLogo = new Image();
              imageLogo.onload = function () {
                  logo.image(imageLogo);
                  logo.setWidth(this.width);
                  logo.setHeight(this.height);
                  logo.scale({
                      x: view.multiplexer,
                      y: view.multiplexer
                  });
                  LAYER.draw()
              };
  
              $.ajax({
                  url: '/catalog/product/logo?logo_id=' + view.logo_id,
                  type: 'GET',
                  dataType: 'text',
                  data: {},
                  success: function (data) {
                      imageLogo.src = data
                  },
                  error: function (data) {
                      console.log(data);
                  }
              });
          }
  
          if (view.position_emblem_id) {
              var emblem = new Konva.Image({
                  x: 0,
                  y: 0
              });
              LAYER.add(emblem);
              view.konva_elements.emblem = emblem;
  
              var imageEmblem = new Image();
              imageEmblem.onload = function () {
                  emblem.image(imageEmblem);
                  emblem.setWidth(this.width);
                  emblem.setHeight(this.height);
                  LAYER.draw();
              };
  
              $.ajax({
                  url: '/catalog/product/emblem?emblem_id=' + view.position_emblem_id,
                  type: 'GET',
                  dataType: 'json',
                  data: {},
                  success: function (data) {
                      emblem.setX(data.x);
                      emblem.setY(data.y);
                      emblem.scale({
                          x: data.multiplexer,
                          y: data.multiplexer
                      });
                  },
                  error: function (data) {
                      console.log(data);
                  }
              });
          }
      }
  
      function load_viewer(_url_base, view) {
          _url_base = _url_base || null;
  
          if (view !== undefined && view !== null) {
              UPDATABLE_VIEW.id = view;
              UPDATABLE_VIEW.view = product.views[view];
              UPDATABLE_VIEW.parent = product.views[view].konva_elements.image.getParent();
              update_section();
          } else {
              if (_url_base === 'null') {
                  _url_base = null;
              }
  
              var stageWidth = 500;
              var stageHeight = 500;
  
              STAGE = new Konva.Stage({
                  container: 'image-container',
                  width: stageWidth,
                  height: stageHeight
              });
              LAYER = new Konva.Layer();
              STAGE.add(LAYER);
  
              $.ajax({
                  url: '/catalog/product/color/images',
                  type: 'GET',
                  dataType: 'json',
                  data: {
                      color_id: product.color_id
                  },
                  success: function (data) {
                      console.log(data);
                      if (product.views.length === 0) {
                          create_objects_array(data);
                      }
                      create_image_slider(data);
                  },
                  error: function (data) {
                      console.log(data);
                  }
              });
  
              fitStageIntoParentContainer();
              window.addEventListener('resize', fitStageIntoParentContainer);
              $('#image-container .konvajs-content').removeStyle("position");
          }
      }
  
      function load_view_3(product_, clicked) {
  