Easily and intuitively create catalogs and menus in Divi

Have you ever faced the task of creating catalogs or restaurant menu cards in Divi? Of course you can do this with some CSS or other plugins, but the Page Builder is also an excellent basis if you have the right module for it. This is where “Divi – Catalogue Lists Module” comes in. You will be surprised how easily even complex catalogs and menus can be created with it.

The individual entries are organized in a parent module for each menu. This parent module allows you to make many global settings for each menu, such as hover color, title colors, image size, currency, and more. The plugin also works with the new filter methods (Sepia etc.) introduced in Divi 3.0.91. However, you also have the freedom to overwrite these settings in the individual elements if required, which makes the module very extensive in the editing options and gives you a lot of freedom for individual editing. You can also choose whether you want to link the individual entries to other pages or whether you want to display the pictures in a lightbox, which is a very helpful function for menus, as it allows you to present dishes very well.

Exclusive only at the Elegant Marketplace

“Divi – Catalogue Lists Module” is exclusively available on the Elegant Marketplace. Buy it once and use it in all your projects.

Get it now!Demo

Watch the following video. There the individual steps are explained in detail. This is the fastest way to get the results you want.

The Parents Settings panel

The plugin can be installed in the plugin index like any other plugin via “Add New”. After that it can also be updated there. There is no need to download a new version update. Sometimes it can cause problems after updates, since it is always worthwhile to delete the localStorage first and then the browser cache. The localStorage can be easily deleted with the following command in the JavaScript Console of the browser:

Then select the module in the Page Builder from the list and perform the basic configuration in the parent module. Here you can define the basic settings for the colors, the currency, whether the currency should be before or after the price and the format of the thumbnail (if you want to use some). You can also decide here whether the individual fields link to other pages or whether the images belonging to the thumbnails should be opened in a lightbox.

The Divi – Catalogue Lists Module Parent Settings Panel

The Fields Settings panel

In the individual fields you can then make further settings, such as defining the pictures, assigning the title, setting the price and of course the description.

The Divi – Catalogue Lists Module Field Settings Panel

Some examples with the different Divi filters

Here are some examples that were created exclusively with the module settings without using additional CSS.

Here is an example where the sepia filter is applied to the images:

A Divi Catalogue Lists Module Example with Sepia Filter applied

Here is an example with a bottom shadow:

A Divi – Catalogue Lists Module Example with Shadow Bottom applied

Here is an example with a border top:

A Divi – Catalogue Lists Module Example with Border Top applied

Here is an example with inner shadows applied:

A Divi – Catalogue Lists Module Example with Inner Shadows applied

The lightbox in action

Here is an example for the Lightbox:

A Divi – Catalogue Lists Module Example for using the Lightbox

The module can also be used as a FAQ area

Here is an example for use as a FAQ area:

A Divi – Catalogue Lists Module Example for use as a FAQ area

The module in use in extended menus

As you can quickly see, with a few simple module settings, convincing results are possible. However, more complex catalogs and menus can also be created intuitively. For this purpose,”Divi – Catalogue Lists Module” provides its own shortcode, with which you can insert catalogs and menus created in the Divi Library into tabs or accordions and any other module, which has a text editor. All you have to do is assign the menus created in the Divi Library to the category “CatalogueList”, after that it is available in a drop-down:

Here is the result with a menu embedded in tabs:

A Divi – Catalogue Lists Module Embedded Menu

Exclusive only at the Elegant Marketplace

“Divi – Catalogue Lists Module” is exclusively available on the Elegant Marketplace. Buy it once and use it in all your projects.

Get it now!Demo

Final words for your Divi Catalogues and Menus

As you can see, this is a very powerful module to easily create intuitive catalog lists or menu cards. However, it is also great for creating FAQ’s or advanced navigation pages.

Have you suggestions for improvements to this article? Just use the comment area below. Do you want support for implementation or do you need help elsewhere? You can book us. For this, simply use our contact form to get in touch with us.

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

Get the best out of your web!

About Me

WordPress Developer Bruno Bouyajdad from Indikator Design

Bruno Bouyajdad
WordPress Developer, Photographer, video editor, 3D animator and more.

Products

Bring your Divi Blog to the next level » Indikator DesignDivi WooCommerce re-invented » Indikator DesignEasily create catalogs and menus in Divi » Indikator DesignBring Bloom in line with GDPR » Indikator Design

Newsletter

Cookie Preference

Please select an option. You can find more information about the consequences of your choice at Info.

Select an option to continue

Your selection was saved!

Info

Info

To continue, you must make a cookie selection. The various options and their meaning are explained below.

  • Accept all cookies (recommended):
    Tracking and analysis cookies. This helps us to better understand what you like about our site and to provide you with good and interesting content. Of course, this data is collected anonymously.
  • Allow only necessary cookies:
    Only the cookies that are necessary for the operation of the website.

You can change your cookie setting here anytime: Imprint. Imprint

Back