Software

Hop Minifizer

Current Version: 3.0.2
  • EE2
  • EE3
  • EE4
  • EE5
  • Installation

    1. Unzip the folder to a temporary location on your local hard drive.
    2. FTP the files from their local folders to the same locations in your EE install’s /system/user/addons/ folder on the server.
    3. Navigate to Add-ons in your EE control panel and install the add-on. That’s it!

  • Usage

    Create a folder within your webroot for Hop Minifizer to save your cached files to, e.g. public_html/cache

    Next, install Hop Minifizer’s extension, or amend your config.php to include the cache folder’s location & URL.

    If you wish to enable compression, copy the contents of sample.htaccess to an .htaccess file placed in your cache folder, e.g. public_html/cache/.htaccess

    Once configured, basic use of Hop Minifizer is as simple and beautiful as:

    CSS
    {exp:hop_minifizer:css}
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="{stylesheet='css/webfonts'}">
        <link rel="stylesheet" href="http://example.com/css/global.css">
        <link rel="stylesheet" href="css/forms.css">
    {/exp:hop_minifizer:css}
    

    Will render something like:

    <link rel="stylesheet" href="http://example.com/cache/b488f65d0085dcc6b8f536f533b5f2da.1345797433.css">
    
    JS
    {exp:hop_minifizer:js}
        <script type="text/javascript" src="/js/mylibs/jquery.easing.js"></script>
        <script type="text/javascript" src="/js/mylibs/jquery.cycle.js"></script>
        <script type="text/javascript" src="/js/mylibs/jquery.forms.js"></script>
        <script type="text/javascript" src="/js/scripts.js"></script>
        <script type="text/javascript" src="/js/plugins.js"></script>
    {/exp:hop_minifizer:js}
     ```
    Will render something like:
    ```html
    <script type="text/javascript" src="http://example.com/cache/16b6345ae6f4b24dd2b1cba102cbf2fa.1298784512.js"></script>
    
    SCSS

    Include your SCSS files using the data-parse-css attribute in a <link...> tag:

    {exp:hop_minifizer:css}
        <link rel="stylesheet" href="{stylesheet='styles/hop-scss'}" data-parse-scss>
    {/exp:hop_minifizer:css}
    

    Or by using the scss_templates parameter:

    {exp:hop_minifizer:css scss_templates="styles/hop-scss"}
    {/exp:hop_minifizer:css}
    
  • Updating

    Updating is easy:

    1. Download a new version from this website, and extract on your hard drive.
    2. Upload the new files to their appropriate locations.

  • Uninstalling

    1. Navigate to the Add-Ons/Modules tab in your EE control panel and uninstall the module.
    2. Remove the add-on directory from your EE system folder on the server.

  • Version History

    3.0.2

    Stable release

    1.0.0

    Initial release

Have a Project for Us?

Get in Touch