MDB 5 Pro adding modules

Topic: MDB 5 Pro adding modules

wordfishgroup priority asked 2 years ago

Expected behavior

In your documentation for adding support of Pro features you give an example to replace mdb.min.js with Lightbox js file.

Step 4

Replace mdb.min.js with Lightbox js file.

<!-- MDB -->
<script type="text/javascript" src="js/modules/lightbox.min.js"></script>

Actual behavior

Instead of replacing js/mdb.min.js, shouldn't the required module be added as follows?

<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript" src="js/modules/lightbox.min.js"></script>

Or for WordPress (theme folder using assets subfolder):

    wp_register_script( 'mdb.min.js', get_template_directory_uri() . '/assets/js/mdb.min.js', '', '', true );
    wp_register_script( 'lightbox.min.js', get_template_directory_uri() . '/assets/js/modules/lightbox.min.js', '', '', true );
    wp_enqueue_script( 'mdb.min.js' );
    wp_enqueue_script( 'lightbox.min.js' );

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/docs/standard/getting-started/optimization/

Add comment

Dawid Wajszczuk staff answered 2 years ago

0 0 Best answer

Hi,

Everything is ok. If you import mdb.min.js, there is no need to import lightbox.min.js as it is already included in mdb.min.js. This isn't done to gain functionality of Lightbox but to reduce the size of JS loaded to your page and optimize the loading speed of your site.

Keep coding,
Dawid

wordfishgroup priority commented 2 years ago

Thank you Dawid.

I understand that the PRO versions of mdb.min.js and mdb.min.css include lightbox and all the other pro specific resources.

On the documentation page I referred to, the objective is show how to optimize your resources. It shows a method to achieve this by using the free versions of mdb CSS and JS in your project and only adding the PRO modules that are used.

The free version of mdb.min.css and mdb.min.js do not include lightbox or any other of the PRO specific components. However, the page says to replace mdb.min.js with lightbox.min.js. This would only provide you with the JavaScript for lightbox and nothing else. The documentation should read:

Step 4

For your project, add the Lightbox JavaScript module to the free version of mdb.min.js

<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript" src="js/modules/lightbox.min.js"></script>

<p>Thank you Dawid.</p>

<p>I understand that the PRO versions of mdb.min.js and mdb.min.css include lightbox and all the other pro specific resources.</p>

<p>On the documentation page I referred to, the objective is show how to optimize your resources. It shows a method to achieve this by using the free versions of mdb CSS and JS in your project and only adding the PRO modules that are used. </p>

<p>The free version of mdb.min.css and mdb.min.js do not include lightbox or any other of the PRO specific components. However, the page says to replace mdb.min.js with lightbox.min.js. This would only provide you with the JavaScript for lightbox and nothing else. The documentation should read:</p>

<p>For your project, <strong>add</strong> the Lightbox JavaScript module to the free version of mdb.min.js</p>

Please insert min. 15 characters.

Dawid Wajszczuk staff commented 2 years ago

Hi. Thanks for your feedback. We will discuss this in team and consider changing it. Keep coding, Dawid

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Standard
MDB Version: MDB5 3.10.1
Device: PC
Browser: Edge
OS: Windows 11
Provided sample code: No
Provided link: Yes

wordfishgroup

15Support score
7Questions 0Answers 0Snippets