Skip to main content

Introduction

Oriel Pro allows you to create a Dynamic Gallery for your content using a custom field. The aim is to avoid having to create 10 module instances for 10 different articles, for example. You can use this feature to create your own image galleries for all 10 articles, and do it all with just one module instance.

This is achieved by not storing the source information (specification of the folder with the images) in the module but in the custom field of the article. The module then reads this field and creates your gallery.

So now that we have the knowledge, we can get started.

**********

Quicktutorial (Overview)

We have to develop a website that lists different hotels, say 50 of them. Each of these hotels made an effort and sent us the most beautiful pictures of their suites, rooms, the reception area and the pool bar. For each of these hotels we have created folders and categorized the pictures into named subfolders.

  1. We create a new custom field of type Text (or nx-folderlist --> you get it for free when you buy Oriel Pro) and name this hotel pictures (Yes I know I am mega creative today)
  2. Now we create our module instance in Joomla - For this we navigate in the backend to Extensions-->Modules and create a new module of the type Oriel - the UIkit3 Gallery via the New button. In the settings of the module we choose as Source Method Dynamic and as Customfield our field hotel pictures from the dropdown.
    Please make sure that the module is published on all pages (second tab in the module settings).
  3. For each of these hotels we now create a Joomla article insert our texts and use Joomla's integrated Shortcode plugin for modules to place the Oriel Dynamic Gallery in the desired location (For some Editors like JCE there exists a button below the article edit textfield called "Module" to add those).
  4. In the field settings of our hotel, we now select as value for the custom field hotel pictures the corresponding folder with the images for this hotel on our server.
  5. If we now look at our article in the frontend we will see that Oriel Pro has built the gallery for us. If we have selected the Oriel Mode Filter, the subfolders of the gallery (suites, rooms, pool) are shown as filter options above the gallery.

* This tutorial will be extended with pictures and will be more detailed soon