Product support

Get help in the plugin support forum.

  • Added on Aug 20, 2015
  • Current version: 1.0.1
  • Compatibility
    October CMS v3.x not tested
    October CMS v2.x not tested
    October CMS v1.x use latest
  • Created by


This plugin display a list of technologies (portfolio, webs, people) collection to display on your web (default output uses Twitter Bootstrap).

Available Fields:

Field Description
*Title Your technology name (ex: PHP, My Client Inc, John Smith)
Link Link of the resource (ex: http://www.php.net or http://www.client-web.com or LinkedIn profile)
*Image Any image uploaded to Media Manager
Order Just a number
Open in new window Yes/No (open the resource link on a new browser window)
Enabled Yes/No (Display or hide the resource)

(* required fields)


  1. On Backend, goto Technologies menu.
  2. Create your items (remember, title and image are required)
  3. Put component on public page


Define the component on your page (or template, partial)


(the component doesn't have any configurable parameters)

And call the component

{% component 'portfolio' %}


This is the default HTML:

{% for params in __SELF__.technologies %}
    <div class="col s12 m4">
        <div class="icon-block center-align">
        {% if params.link %}
            <a {% if params.target %}target="_blank"{% endif %} href="{{ params.link }}" class="blue-grey-text">
        {% endif %}
                <img class="circle responsive-img" src="storage/app/media{{ params.image }}" alt="{{ params.title }}" {% if params.title %}title="{{ params.title }}"{% endif %}>
                <h5 class="center">{{ params.title }}</h5>
        {% if params.link %}
        {% endif %}
{% endfor %}

You can customize to your own needs by simply copying the template located in /plugins/martin/technologies/components/technologies/default.htm to /themes/your-theme/partials/technologies/

More customizations

Remember, you will get __SELF__.technologies on your page, so you can do anything like:

{% for items in __SELF__.technologies %}
    <p>{{ params.title }}</p>
{% endfor %}
{% for items in __SELF__.technologies %}
    <li>{{ params.title }}</li>
{% endfor %}
  • Found the plugin useful on 8 Jul, 2016

    No need to use arbitrary "order" field... Change column name to "sort_order" and use the sortable trait in simple mode: https://octobercms.com/docs/database/traits#sortable

    You'll also need a reorder.htm and a config_reorder.yaml in your /controllers/items/ folder, and to include the reorder modal in your controller's index.htm.

  • Found the plugin useful on 1 Dec, 2015

    Order must be set too. If not, a SQL error :D

  • Found the plugin useful on 21 Aug, 2015

    Excellent plugin! Please keep contributing to the October community with more components.


First version of Technologies plugin

Aug 19, 2015