├── optimg.png
├── optimg-demo.png
├── .gitignore
├── admin
    ├── language
    │   └── en-gb
    │   │   └── extension
    │   │       └── module
    │   │           └── optimg.php
    ├── view
    │   └── template
    │   │   └── extension
    │   │       └── module
    │   │           └── optimg.twig
    └── controller
    │   └── extension
    │       └── module
    │           └── optimg.php
└── README.md


/optimg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dfdesign/Optimg---OpenCart-Image-Optimizer-Compressor/HEAD/optimg.png


--------------------------------------------------------------------------------
/optimg-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dfdesign/Optimg---OpenCart-Image-Optimizer-Compressor/HEAD/optimg-demo.png


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .htaccess
 2 | /config.php
 3 | admin/config.php
 4 | 
 5 | !index.html
 6 | 
 7 | download/
 8 | image/data/
 9 | image/cache/
10 | system/cache/
11 | system/logs/
12 | 
13 | system/storage/
14 | 


--------------------------------------------------------------------------------
/admin/language/en-gb/extension/module/optimg.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // Heading
 3 | $_['heading_title']    = 'Optimg - Image Optimiser';
 4 | 
 5 | // Text
 6 | $_['text_extension']   = 'Extensions';
 7 | $_['text_success']     = 'Success: You have modified Optimg module!';
 8 | $_['text_edit']        = 'Edit Optimg Module';
 9 | 
10 | // Entry
11 | $_['entry_status']     = 'Status';
12 | 
13 | // Error
14 | $_['error_permission'] = 'Warning: You do not have permission to modify Optimg module!';
15 | $_['writing_file_permission'] = 'Warning: You do not have permission to create storage file for Optimg module!';
16 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![alt text](https://github.com/dfdesign/Optimg---OpenCart-Image-Optimizer-Compressor/blob/master/optimg.png?raw=true)
 2 | # Optimg OpenCart Image Optimizer Compressor
 3 | Optimize and compress all of your images with the incredibly powerful and 100% free OpenCart Image Optimizer/Compressor.
 4 | For OpenCart 2.
 5 | * Speed up your website
 6 | * Improve your UX
 7 | * Improve your SEO
 8 | 
 9 | ![alt text](https://github.com/dfdesign/Optimg---OpenCart-Image-Optimizer-Compressor/blob/master/optimg-demo.png?raw=true)
10 | 
11 | ## Installation
12 | 
13 | Upload files and folders from "admin" folder in your "admin" folder.
14 | No vQmod required.
15 | 
16 | ## FAQ
17 | ### How to revert original images?
18 | Locate `image/cache` folder and delete all images and folders inside. OpenCart will recreate all images automatically.
19 | 
20 | 
21 | ## ToDo (Planned improvements)
22 | 
23 | * OpenCart 3 support
24 | * CRON automation of whole process
25 | * Compression level selection
26 | * Reset option for clearing all optimised files and revert original ones
27 | 


--------------------------------------------------------------------------------
/admin/view/template/extension/module/optimg.twig:
--------------------------------------------------------------------------------
  1 | {{ header }}{{ column_left }}
  2 | <div id="content">
  3 |     <div class="page-header">
  4 |         <div class="container-fluid">
  5 |             <div class="pull-right">
  6 |                 <button type="submit" form="form-module" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
  7 |                 <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div>
  8 |             <h1>{{ heading_title }}</h1>
  9 |             <ul class="breadcrumb">
 10 |                 {% for breadcrumb in breadcrumbs %}
 11 |                     <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
 12 |                 {% endfor %}
 13 |             </ul>
 14 |         </div>
 15 |     </div>
 16 |     <div class="container-fluid">
 17 |         {% if error_warning %}
 18 |             <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
 19 |                 <button type="button" class="close" data-dismiss="alert">&times;</button>
 20 |             </div>
 21 |         {% endif %}
 22 |         <div id="warning-box" class="alert alert-danger alert-dismissible" style="display: none" ><i class="fa fa-exclamation-circle"></i> <div id="warning-text">{{ error_warning }}</div>
 23 |             <button type="button" class="close" data-dismiss="alert">&times;</button>
 24 |         </div>
 25 |         <div class="panel panel-default">
 26 |             <div class="panel-heading">
 27 |                 <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_edit }}</h3>
 28 |             </div>
 29 |             <div class="panel-body">
 30 |                 <div class="table-responsive">
 31 |                     <table class="table table-bordered table-hover">
 32 |                         <thead></thead>
 33 |                         <tr>
 34 |                             <td><h3>Optimised files</h3></td>
 35 |                             <td><h3 id="optimised-files-count">{{ optimisedFilesCount }}</h3></td>
 36 |                         </tr>
 37 |                         <tr>
 38 |                             <td><h3>Files for optimising</h3></td>
 39 |                             <td><h3 id="all-files-count">{{ allFilesCount - optimisedFilesCount }}</h3></td>
 40 |                         </tr>
 41 |                     </table>
 42 |                     <div class="progress">
 43 |                         <div id="progress-bar" class="progress-bar" role="progressbar" style="width: {{ percentage }}%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
 44 |                     </div>
 45 |                 </div>
 46 |                 <button type="button" class="btn btn-primary btn btn-success btn-lg" id="optimise-btn">Optimise</button>
 47 |                 <button type="button" class="btn btn-primary btn btn-warning btn-lg" id="stop-optimise-btn" disabled>Stop</button>
 48 | 
 49 |                 <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-module" class="form-horizontal">
 50 |                     <div class="form-group">
 51 |                         <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
 52 |                         <div class="col-sm-10">
 53 |                             <select name="module_optimg_status" id="input-status" class="form-control">
 54 |                                 {% if module_optimg_status %}
 55 |                                     <option value="1" selected="selected">{{ text_enabled }}</option>
 56 |                                     <option value="0">{{ text_disabled }}</option>
 57 |                                 {% else %}
 58 |                                     <option value="1">{{ text_enabled }}</option>
 59 |                                     <option value="0" selected="selected">{{ text_disabled }}</option>
 60 |                                 {% endif %}
 61 |                             </select>
 62 |                         </div>
 63 |                     </div>
 64 |                 </form>
 65 |             </div>
 66 |         </div>
 67 |     </div>
 68 | </div>
 69 | <script type="text/javascript"><!--
 70 | 
 71 |     // TODO check token
 72 |     // developed by Savana-Soft.com
 73 |     $(document).ready(function() {
 74 | 
 75 |         $("#optimise-btn").click(function(e){
 76 |             e.preventDefault();
 77 |             $("#optimise-btn").text('Optimising ...');
 78 |             $("#optimise-btn").prop('disabled', true);
 79 |             $("#stop-optimise-btn").prop('disabled', false);
 80 |             function recursiveAjax(){
 81 |                 $.ajax({
 82 |                     url: 'index.php?route=extension/module/optimg/compress&user_token={{ user_token }}',
 83 |                     type: 'post',
 84 |                     dataType: 'json',
 85 |                     async: false,
 86 |                     success: function(response, status) {
 87 |                         console.log(response)
 88 |                         if(response.success){
 89 |                             $('#warning-box').css("display", 'block');
 90 |                             $('#warning-text').text(response.success);
 91 |                             location.reload();
 92 |                         } else {
 93 |                             $('#optimised-files-count').text(response.optimisedFiles);
 94 |                             $('#all-files-count').text(response.allFiles - response.optimisedFiles);
 95 |                             $('#progress-bar').css("width", response.percentage + '%');
 96 |                         }
 97 |                     },
 98 |                     complete: function(){
 99 |                         setTimeout(recursiveAjax, 1000);
100 |                     },
101 |                     error: function(xhr, ajaxOptions, thrownError) {
102 |                         // console.log(xhr);
103 |                         $('#warning-box').css("display", 'block');
104 |                         $('#warning-text').text(thrownError);
105 |                         console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
106 |                     }
107 |                 });
108 |             } // end recursiveAjax
109 |             recursiveAjax();
110 |         });
111 | 
112 |         $('#stop-optimise-btn').click(function(){
113 |             location.reload();
114 |         })
115 |     });
116 |     //--></script>
117 | {{ footer }}
118 | 


--------------------------------------------------------------------------------
/admin/controller/extension/module/optimg.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | class ControllerExtensionModuleOptimg extends Controller{
  3 | 
  4 |     private $error = array();
  5 |     const DAT_FILE_PATH = 'cache/optimised.dat';
  6 | 
  7 |     public function index() {
  8 |         $this->load->language('extension/module/optimg');
  9 | 
 10 |         $this->document->setTitle($this->language->get('heading_title'));
 11 | 
 12 |         $this->load->model('setting/setting');
 13 | 
 14 |         if (($this->request->server['REQUEST_METHOD'] == 'POST') && $this->validate()) {
 15 |             $this->model_setting_setting->editSetting('module_optimg', $this->request->post);
 16 | 
 17 |             $this->session->data['success'] = $this->language->get('text_success');
 18 | 
 19 |             $this->response->redirect($this->url->link('marketplace/extension', 'user_token=' . $this->session->data['user_token'] . '&type=module', true));
 20 |         }
 21 | 
 22 |         if (isset($this->error['warning'])) {
 23 |             $data['error_warning'] = $this->error['warning'];
 24 |         } else {
 25 |             $data['error_warning'] = '';
 26 |         }
 27 | 
 28 |         $data['breadcrumbs'] = array();
 29 | 
 30 |         $data['breadcrumbs'][] = array(
 31 |             'text' => $this->language->get('text_home'),
 32 |             'href' => $this->url->link('common/dashboard', 'user_token=' . $this->session->data['user_token'], true)
 33 |         );
 34 | 
 35 |         $data['breadcrumbs'][] = array(
 36 |             'text' => $this->language->get('text_extension'),
 37 |             'href' => $this->url->link('marketplace/extension', 'user_token=' . $this->session->data['user_token'] . '&type=module', true)
 38 |         );
 39 | 
 40 |         $data['breadcrumbs'][] = array(
 41 |             'text' => $this->language->get('heading_title'),
 42 |             'href' => $this->url->link('extension/module/optimg', 'user_token=' . $this->session->data['user_token'], true)
 43 |         );
 44 | 
 45 |         $data['action'] = $this->url->link('extension/module/optimg', 'user_token=' . $this->session->data['user_token'], true);
 46 | 
 47 |         $data['cancel'] = $this->url->link('marketplace/extension', 'user_token=' . $this->session->data['user_token'] . '&type=module', true);
 48 | 
 49 |         if (isset($this->request->post['module_optimg_status'])) {
 50 |             $data['module_optimg_status'] = $this->request->post['module_optimg_status'];
 51 |         } else {
 52 |             $data['module_optimg_status'] = $this->config->get('module_optimg_status');
 53 |         }
 54 | 
 55 |         $data['header'] = $this->load->controller('common/header');
 56 |         $data['column_left'] = $this->load->controller('common/column_left');
 57 |         $data['footer'] = $this->load->controller('common/footer');
 58 |         $data['user_token'] = $this->session->data['user_token'];
 59 | 
 60 |         $allFilesCount = count(self::getAllImages());
 61 |         $optimisedFilesCount = count($this->getOptimisedImages());
 62 |         $data['optimisedFilesCount'] = $optimisedFilesCount;
 63 |         $data['allFilesCount'] = $allFilesCount;
 64 |         $data['percentage'] = round((($optimisedFilesCount / $allFilesCount) * 100));
 65 |         $this->response->setOutput($this->load->view('extension/module/optimg', $data));
 66 |     }
 67 | 
 68 |     // AJAX call method
 69 |     public function compress(){
 70 |         error_reporting(0);
 71 | 
 72 |         $allFiles = self::getAllImages();
 73 |         $allFIilesCount = count($allFiles);
 74 |         $optimisedFiles = $this->getOptimisedImages();
 75 |         $optimisedFilesCount = count(--$optimisedFiles);
 76 | 
 77 |         $filesForOptimising = array_values(array_diff($allFiles, $optimisedFiles));
 78 |         $percentage = round((($optimisedFilesCount / $allFIilesCount) * 100));
 79 |         $response['optimisedFiles'] = $optimisedFilesCount;
 80 |         $response['allFiles'] = $allFIilesCount;
 81 |         $response['percentage'] = $percentage;
 82 | 
 83 |         if($percentage < 100) {
 84 |             $file = $this->compressImageRequest($filesForOptimising[0]);
 85 |             if($file) {
 86 |                 if (!copy($file['dest'], realpath(DIR_IMAGE) . $filesForOptimising[0])) {
 87 |                     $response['error'] = 'There is issue uploading file.' . $file;
 88 |                     $this->response->addHeader('Content-Type: application/json');
 89 |                     $this->response->setOutput(json_encode($response));
 90 |                 } else {
 91 |                     file_put_contents(DIR_IMAGE . self::DAT_FILE_PATH, $filesForOptimising[0] . '\r\n', FILE_APPEND);
 92 |                     $this->response->addHeader('Content-Type: application/json');
 93 |                     $this->response->setOutput(json_encode($response));
 94 |                 }
 95 |             }
 96 |         } else {
 97 |             $response['success'] = 'Files optimised.';
 98 |             $this->response->addHeader('Content-Type: application/json');
 99 |             $this->response->setOutput(json_encode($response));
100 |         }
101 |     }
102 | 
103 |     protected function compressImageRequest($filePath){
104 |         $file = realpath(DIR_IMAGE . $filePath);
105 |         $mime = mime_content_type($file);
106 |         $info = pathinfo($file);
107 |         $name = $info['basename'];
108 |         $output = new CURLFile($file, $mime, $name);
109 |         $data = array(
110 |             "files" => $output,
111 |         );
112 | 
113 |         $ch = curl_init();
114 |         curl_setopt($ch, CURLOPT_URL, 'http://api.resmush.it/?qlty=80');
115 |         curl_setopt($ch, CURLOPT_POST, 1);
116 |         curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
117 |         curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 5);
118 |         curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
119 | 
120 |         $result = curl_exec($ch);
121 |         if (curl_errno($ch)) {
122 |             $result['error'] = curl_error($ch);
123 |         }
124 |         curl_close($ch);
125 |         return  json_decode($result, true);
126 |     }
127 | 
128 |     protected function validate() {
129 |         if (!$this->user->hasPermission('modify', 'extension/module/optimg')) {
130 |             $this->error['warning'] = $this->language->get('error_permission');
131 |         }
132 | 
133 |         return !$this->error;
134 |     }
135 | 
136 |     protected static function getAllImages(){
137 |         $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(DIR_IMAGE . 'cache'), RecursiveIteratorIterator::CHILD_FIRST);
138 |         $files = [];
139 | 
140 |         foreach($iterator as $path) {
141 |             if($path->isFile()) {
142 |                 $filename = $path->__toString();
143 |                 if(strtolower(pathinfo($filename,PATHINFO_EXTENSION)) ==='jpeg' ||
144 |                     strtolower(pathinfo($filename,PATHINFO_EXTENSION)) === 'jpg' ||
145 |                     strtolower(pathinfo($filename,PATHINFO_EXTENSION)) === 'png'){
146 | 
147 |                     $files[] = str_replace(realpath(DIR_IMAGE), "", realpath($filename));
148 |                 }
149 |             }
150 |         }
151 |         return $files;
152 |     }
153 | 
154 |     protected function getOptimisedImages() {
155 |         $cachedFile = DIR_IMAGE . self::DAT_FILE_PATH;
156 | 
157 |         if(!file_exists($cachedFile)) {
158 |             return [];
159 |         }
160 | 
161 |         return explode('\r\n', file_get_contents($cachedFile));
162 |     }
163 | 
164 |     public function install() {
165 |         $datFile = DIR_IMAGE . 'cache/optimised.dat';
166 |         if(!fopen($datFile, 'w')){
167 |             $this->error['warning'] = $this->language->get('writing_file_permission');
168 |         } else {
169 |             fclose($datFile);
170 |         }
171 |     }
172 | 
173 | }
174 | 


--------------------------------------------------------------------------------