diff --git a/backend/web/js/galleryWidget.js b/backend/web/js/galleryWidget.js
new file mode 100644
index 0000000..75edb78
--- /dev/null
+++ b/backend/web/js/galleryWidget.js
@@ -0,0 +1,52 @@
+$(
+    function() {
+        $(document)
+            .on(
+                'change', '.gw-image-input', function(e) {
+                    var input = this;
+                    $.ajax(
+                        {
+                            url: '/admin/imagemanager/manager/view',
+                            type: "POST",
+                            data: {
+                                'ImageManager_id': input.value
+                            },
+                            success: function(data) {
+                                $(
+                                    '#' + $(input)
+                                        .data('img')
+                                )
+                                    .attr('src', data.image);
+                                $(
+                                    '#' + $(input)
+                                        .data('name')
+                                )
+                                    .html(data.fileName);
+                            }
+                        }
+                    );
+                }
+            );
+
+        $(document)
+            .on(
+                'click', '#add-image', function(e) {
+                    var hash = Math.floor(Math.random() * 89999) + 10000;
+                    var content = '<div class="col-md-4 gw-item"><input id="' + hash + '" class="gw-image-input" name ="images" ' + 'data-img="' + hash + '_img" data-name="' + hash + '_name" type ="hidden"> ' + '<img id="' + hash + '_img" class="img-rounded" src="/admin/product/create" alt="">' + '<p id="' + hash + '_name" class="text-info"></p>' + '<button type="button" class="open-modal-imagemanager" data-aspect-ratio="" data-crop-view-mode="1" ' + 'data-input-id="' + hash + '"><i class="fa fa-folder-open"></i></button><button type="button" class="remove-img">' + '<i class="fa fa-trash"></i></button></div>';
+                    $('.gw-container')
+                        .append(content);
+                    //                    if (document.querySelectorAll(".gw-container > .gw-item").length % 3 === 0) {
+                    //                        $('.gw-container').append('<div class="clearfix"></div>');
+                    //                    }
+                }
+            );
+        $(document)
+            .on(
+                'click', '.remove-img', function(e) {
+                    $(this)
+                        .parent()
+                        .remove();
+                }
+            )
+    }
+);
\ No newline at end of file
--
libgit2 0.21.4