How to build card-like gallery with DJ-MediaTools

How to build card-like gallery with DJ-MediaTools

We will show you step by step, how to create a "card-like" type of gallery in the DJ-MediaTools extension.

Let's start by creating a DJ-MediaTools album. In the next step, the album will be assigned to a chosen menu item and displayed on the front-page.

DJ-MediaTools album configuration

Open the Joomla backend and go to the DJ-MediaTools component.


In the DJ-MediaTools control panel, choose the "New album" option.

The album needs to be configured. For our example, we use the "Test#1" name.

It is required to add some images along with their titles and descriptions. The album itself will contain a description as well.

Uploading images in the album causes that they are added to the album, but also created as separate items, possible to edit in the "Custom items" tab in the control panel in DJ-MediaTools.
After editing the album, we will go to custom items to show the settings and configure the "Linking options" for a proper "Read more" button display.

Now the "New album" tab is configured, it is time to define the rest of the album tabs.

Album settings


Slide settings



After setting up all options, and saving, the new album configuration is 100% ready.

Custom items

Now open the "Custom items" in the DJ-MediaTools control panel.

Choose and open an item. We will use "New York" as the example here. We won't focus on all settings now, because there is only one setting important for our album. On the right, you'll find the "Linking Options" section.

As you can see in the "Layout element options" tab (Album settings), there is a "Read more" button configured to display. For the correct display, it is necessary to set in each image (item) from the album the "Link type" as "Url address" and define the URL. Our example uses "#" because there is no need to link the image with any web page.

The final effect

That is how the create DJ-MediaTools album looks on the front page: 



      • Related Articles

      • DJ-MediaTools integration. Make beautiful product galleries with DJ-MediaTools

        How to set it up First, you need to be sure you have the latest DJ-MediaTools version installed along with the enabled DJ-Catalog2 integration plugin for DJ-MediaTools.  You can also download the plugin from the DJ-MediaTools Downloads ...

      • Source - DJ-Catalog2 Gallery

        This plugin allows using DJ-Catalog2 Images as a source of DJ-MediaTools Albums. This plugin requires installed DJ-MediaTools extension This plugin comes  free  with the subscription of the extension. You'll find it installed (you may need to enable ...

      • Source - DJ-Classifieds Gallery

        This plugin allows to use DJ-Classifieds Images as a source of DJ-MediaTools Albums This plugin requires installed DJ-MediaTools extension This plugin comes  free  with the subscription of the extension. You'll find it installed (you may need to ...

      • Recipe - How to create gallery right from the regular Joomla article with DJ-MediaTools

        With DJ-MediaTools, you can create and insert galleries right into the article when creating it. So, for example, you’re writing an article and need to put the gallery to it. For this tutorial let’s do it for latest smartphones - let it be Apple ...

      • PayLane DJ-Catalog2 integration

        Integrate DJ-Catalog2 with a PayLane payment processing solution and receive payments from your customers. PayLane is the payment method for users from Poland. It provides payments with credit cards (Visa and Master Card), Paypal, and polish payments ...