Integration Opencart  website with CDN

Connecting CDN to Opencart version 2.x

1. Make sure you made a backup of these files on your site:
   /config.php
/catalog/model/tool/image.php
/catalog/view/theme/default/template/common/header.tpl
2. Edit the /config.php file, located in the root directory of your website. Here we will specify the CDN address.

   Add the following line anywhere in the file:

   define('CDN_HTTPS_SERVER', 'https://userXXXXX.nowcdn.co/');

   Replace userXXXX with your project address. The slash at the end is required. The https protocol can be replaced with http in the URL if your site only works with http.

3. Edit the file /catalog/model/tool/image.php (here we will specify the path to the images on the site).

   Find the following fragment in the file code:

   if ($this->request->server['HTTPS']) {
       return $this->config->get('config_ssl') . 'image/' . $new_image;
   } else {
       return $this->config->get('config_url') . 'image/' . $new_image;
   } 

   Replace it with this code fragment:

   if (defined('CDN_HTTPS_SERVER') and ! empty(CDN_HTTPS_SERVER)) {
       return CDN_HTTPS_SERVER . 'image/' . $new_image;
   } else {
       if ($this->request->server['HTTPS']) {
           return $this->config->get('config_ssl') . 'image/' . $new_image;
       } else {
           return $this->config->get('config_url') . 'image/' . $new_image;
       }
   } 

4. Edit the file /catalog/view/theme/default/template/common/header.tpl. This file defines the paths to styles and scripts. By default, this file contains relative paths to these files, starting from the catalog directory. Example of website code before connecting to CDN::
   

   Insert the following code before the word catalog:

   <?php if (defined('CDN_HTTPS_SERVER') and ! empty(CDN_HTTPS_SERVER)) { echo CDN_HTTPS_SERVER; } ?>

   The result will be a string like this (the script is connected via CDN):

   <script src="<?php if (defined('CDN_HTTPS_SERVER') and ! empty(CDN_HTTPS_SERVER)) { echo CDN_HTTPS_SERVER; } ?>catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

   Do the same with the other js scripts and css styles in this file.

5. Upload the modified files via FTP and refresh your website page. Check that the website is displayed correctly.
6. Make sure that the URLs to scripts, styles, and images in the website's HTML code contain the CDN address.
   

This completes the Opencart 2.x setup and the CDN is ready to use.

Connecting CDN to Opencart version 3.x

1. Make sure to make a backup of the following files on your site:
   /config.php
/catalog/model/tool/image.php
/catalog/view/theme/default/template/common/header.twig
2. Edit the file /config.php, located in the root directory of your website. Here we will specify the CDN address.

   Add the following line anywhere in the file:

   define('CDN_HTTPS_SERVER', 'https://userXXXXX.nowcdn.co/');

   Replace userXXXX with your project address. The slash at the end is required. The https protocol can be replaced with http if your site only works with http.

3. Edit the file /catalog/model/tool/image.php (here we will specify the path to the images on the site)

   Find the following fragment in the file code:

   if ($this->request->server['HTTPS']) {
       return $this->config->get('config_ssl') . 'image/' . $image_new;
   } else {
       return $this->config->get('config_url') . 'image/' . $image_new;
   } 

   Replace it with this code fragment:

   if (defined('CDN_HTTPS_SERVER') and ! empty(CDN_HTTPS_SERVER)) {
       return CDN_HTTPS_SERVER . 'image/' . $image_new;
   } else {
       if ($this->request->server['HTTPS']) {
           return $this->config->get('config_ssl') . 'image/' . $image_new;
       } else {
           return $this->config->get('config_url') . 'image/' . $image_new;
       }
   } 

   Please note that if you have upgraded from Opencart 2.x to 3.x, the spelling of the $image_new variable has changed in this file (in version 2.x it was called $new_image).

4. Edit the file /catalog/view/theme/default/template/common/header.twig (this is where the paths to styles and scripts are defined).

   Please note if you have upgraded from Opencart 2.x to 3.x: in version 3.x, Opencart switched from tpl to twig templates, so the syntax will change relative to the second version of the CMS.

   By default, this file contains relative paths to js and css, starting from the catalog directory.

   Example of website code before connecting CDN:

   

   Insert the code before the word catalog:

   {{ constant('CDN_HTTPS_SERVER') }}

   You will get a string like this (script connected via CDN):

   <script src="{{ constant('CDN_HTTPS_SERVER') }}catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

   Do the same with the other js scripts and css styles in this file.

5. Upload the modified files via FTP and refresh your website page. Check that the website is displayed correctly.
6. Make sure that the URLs to scripts, styles, and images in the site's HTML code contain the CDN address.
   

This completes the Opencart 3.x setup and the CDN is ready to use.

Your domain for CDN

If you want to use your domain to connect to CDN instead of userXXXXX.nowcdn.co, follow the instructions for connecting your domain. In this case, in the /config.php file instead of the line:

define('CDN_HTTPS_SERVER', 'https://userXXXXX.nowcdn.co/');

insert the line:

define('CDN_HTTPS_SERVER', 'https://cdn.example-domain.com/');

where cdn.example-domain.com — is your domain for CDN.

Cost of CDN services

We provide a free 7 days trial for all our new clients. When you get access to your personal account you also get unlimited access to CDN and image optimization features. During the trial period, you can thoroughly test the download speed; we do not limit the functionality for trial accounts.

If you like our service and are ready for long-term cooperation, we will convert your account from trial to normal.

The cost of placing data in CDN depends on the amount of traffic. You can check your traffic usage during the trial period in your personal account in the “Statistics” section and calculate how much traffic is expected per month. In this section, you can see the volume of requests for image optimization, if you have enabled this feature.

Тарифы

If you have any questions about setup, maintenance, or pricing, you can always contact our support team:

• Email: sales@cdnnow.pro
• The chat at the bottom of the page
• Phone: 8 (800) 600-67-88 (weekdays, 10:00-19:00 Moscow Time)