Displaying component on your website
Displaying component on your website
Using the DJ-MediaTools component are three view options available:
- Album Submission View
- Albums Grid View
- Single Album View
To display one of the component views, navigate to Menus → Main_Menu and create a new menu item. Now click the Select button for the Menu Item Type option and under the DJ-MediaTools title in the popup window, you will see the list of available component views.
![dj-mediatools menu item types](/templates/yootheme/cache/6d/djmediatools_menu_types-6ddb9bce.png)
Album Submission View
This view display the submission form of DJ-MediaTools album. You enable this view and allow users to configure details and submit single album from the frontpage.
![dj-mediatools album submission view](/templates/yootheme/cache/16/djmediatools_album_submission-169e8061.png)
Albums Grid View
This view displays all the albums from the selected Album. While creating Menu Item with this view in the tabs you can find the same options you set in global component configuration. You don't need to set anything here unless you want to change the way this Album and its child Albums are displayed - those settings will override global settings.
![dj-mediatools album grid view](/templates/yootheme/cache/25/djmediatools_album_grid_view-259a4103.png)
Look at the example view of the Album Grid:
![dj-mediatools album grid view](/templates/yootheme/cache/64/djmediatools_album_grid_view%202-64c99cd6.png)
Single Album View
This view displays selected Album items on one of the Album layouts (Album layout parameter). If Album has child Albums they will display or not depends on parameter (above or below the Album layout). Look at the example view of the Album Grid with different Album layouts.
Single album view:
![dj-mediatools single album view](/templates/yootheme/cache/f1/djmediatools_singlealbum_view-f171929f.png)
![dj-mediatools gallery grid layout examples](/templates/yootheme/cache/ed/2023-11-09_13h18_47-edffb831.png)
![dj-mediatools gallery slideshow layout examples](/templates/yootheme/cache/70/2023-11-09_11h40_49-70f89be4.png)
![dj-mediatools slideshow with thumbnails view](/templates/yootheme/cache/00/djmediatools_slideshow_view-0082676d.png)