Configuration DJ-MediaTools

Configuration DJ-MediaTools


 

Description of each configuration option: 

Component Views 

Albums Grid View 

  1. Albums limit per page  – Set the pagination limit for albums list in the component view. This is at the same time the pagination limit for Albums Grid Module. 
  2. Show album titles  – You can hide / show album titles or show title if mouse cursor is over the album using 'On Mouse Over' option. 
  3. Album image width  – Set the album cover width in pixels 
  4. Album image height  – Set the album cover height in pixels 
  5. Image resizing  – Select the method of resizing images 
  6. Image quality  – Quality of resized images (from 1 to 100). The higher value means better quality, but less compression 

Album View 

  1. Show album title  – Hide or show album title 
  2. Show album description  – Hide or show album description before or after album content 
  3. Show child albums  – Hide or show child albums before or after album content 

Item View (modal window) 

  1. Show album title  – Hide or show album title 
  2. Show album description  – Hide or show album description 
  3. Image zoom enabled  – Enable or disable image zoom effect 
  4. Modal window size  – Choose to open item in fluid modal window (as large as possible) or fixed size window 
  5. Modal window width  – Width of fixed size window 
  6. Modal window height  – Height of fixed size window 
  7. Comments  – Choose from none, Facebook, DISQUS or JComments 
  8. Import Facebook SDK  – It is required by Facebook Comments if they are enabled. Disable this if your website impotrs Facebook API in some other way. 
  9. Facebook Admins  – Set the facebook comments moderators by typing comma separated list of the Facebook User IDs / usernames (the last part of the user profile url). 
  10. Disqus name  - set your disqus username 

Album settings




Album settings

  1. Preset - Inherit / None
  2. Album layout - choose album layout from the list or overrides in templates

Album settings

  1. Sort by - Sort items by ordering (components) / file names (folder) or randomize the ordering.
  2. Items limit - set the maximum number of items to be loaded into the album
  3. Skip first X items - you can skip first few album items to start displaying album from some desire item
  4. Space between images - space between images in pixels
  5. Image on-click behavior - Choose the action of clicked image. 'Open image in a lightbox' will open a full-size image with a lightbox-like script. 
  6. Video playback - choose whether the full video should be played in the popup window or directly in the slideshow
  7. Use watermarks - allows applying watermarks onto images
  8. Include Google Fonts - show module include fonts from Google font
  9. Show EXIF - show or hide EXIF info from image file
  10. EXIF Info - choose which EXIF info show and in what order 

Image dimensions

  1. Image width - image width in pixels
  2. Image height - image height in pixels
  3. Image resizing - select the method of resizing images
  4. Image quality - Set the quality

Effects

  1. Images effect - select the images effect transition
  2. Ken Burns Effect - slowing zoom and panning the image instead of displaying a static image
  3. Transition effect - choose the transition effect from the list
  4. Transition effect type - apply the effect at the beginning/end of the transition or leave 'auto' to let the system choose
  5. Slide effect duration - set transition effect duration in milliseconds.
  6. Next item delay - set interval time between items in milliseconds.
  7. Preload delay time - you can specify the preloading time in milliseconds. 
  8. Loader icon position - choose the loader icon position. 
Autoplay - Choose if slider should automaticly start on page load
Show play/pause - You can hide or show button for start and stop auto sliding.
Play Button - Select 'Play Button' image to use instead of default image.
Pause Button - Select 'Pause Button' image to use instead of default image.
Show next/prev - You can hide or show buttons for navigate to next and previous item. You can also show buttons only if mouse cursor is over the slider using 'On Mouse Over' option.
Previous Button - Select 'Previous Button' image to use instead of default image.
Next Button - Select 'Next Button' image to use instead of default image.
Navigation bar vertical position - Set vertical position of navigation bar in pixels from the top of the album
Navigation bar horizontal position - Set horizontal position (left and right margin) for navigation bar. You can use negative value if you want arrows go outside the album.
Show dots navigation - Show or hide dots slider navigation. It displays direct indicator for each item. <br /><b><u>NOTICE:</u></b> It's applicable for <b>Slideshow</b>, <b>Modern Slider</b>, <b>Slider</b> and <b>Skitter Slideshow</b> layouts.
Dots navigation position - Choose dots navigation (direct item indicators) position. 
Dots navigation alignment  - Choose dots navigation alignment

Slide settings



Title

  1. Show title - yes/no
  2. Link title - yes/no
  3. Title limit - Limit the number of characters in a slide title to show in a description box. 
  4. Title color - choose the title color and a transparency level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
  5. Title font - enter the name of the selected font. You can use generic system fonts or Google Fonts.
  6. Title weight
  7. Title font size - set the font size by entering the px or em value. Leave the field empty for a default size.

Description

  1. Show description - yes/no
  2. Link description - yes/no
  3. Description limit - Limit item description to the specified number of characters (the system will cut description after a word containing the character at a specified position). Set to '0' (zero) to disable the limit.
  4. Description color - choose the description color and a transparency level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
  5. Description font -  enter the name of the selected font. You can use generic system fonts or Google Fonts.
  6. Description font-weight
  7. Description font size - set the description size by entering the px or em value. Leave the field empty for a default size.
  8. Description background color - choose the background color and a transparency level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters. 
  9. Position - choose the position
  10. Effect - choose the animation effect
  11. Width - description area width in pixels
  12. Padding -  enter padding for description area with unit (px, em or %)
  13. Vertical position - set the vertical position of the description area in pixels from the bottom border of the image
  14. Horizontal position - set the horizontal position of the description area in pixels from the bottom border of the image
  15. Center vertically - choose if you want to center the description vertically and horizontally

Readmore 

  1. Show Readmore - yes/no
  2. Read more text - change the text of the read more link
  3. Read more color - choose the read more color and a transparency level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
  4. Readmore font - enter the name of the selected font for the read more option. You can use generic system fonts or Google Fonts.
  5. Readmore font-weight
  6. Readmore font size - set the read more font size by entering the px or em value. Leave the field empty for a default size.
  7. Readmore position - set the Readmore position

Customize border 

  1. Show border  - yes/no
  2. Border type - choose from the list
  3. Border color - choose the read more color and a transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
  4. Border size - set the border size by entering the px or em value. Leave the field empty for a default size.
  5. Border radius  - you can give any slide "rounded corners" by applying a border radius through CSS.  If you are not sure how to configure it, visit the Border-Radius page and use the generator. The border radius feature is not available for the Skitter Slideshow layout. 

Image Settings


Upload settings

  1. Maximum image size (KB) – Enter maximum image size in KB
  2. Chunk size (KB) – Enables you to chunk the file into smaller pieces for example if your php server has a max post size of 1MB you can chunk a 10MB file into 10 requests
  3. Maximum resize width (px) – Enter maximum width of resized image in px
  4. Maximum resize height (px) – Enter the maximum height of the resized image in px
  5. Resize quality (1-100) – Set set to resize quality

Watermark settings

  1. Use watermarks - allows to apply watermark into product images
  2. Watermark image (PNG) - set the image
  3. Watermark size -  set the watermark size
  4. Watermark position (horizontal) - watermark position (horizontal)
  5. Watermark position (vertical) - watermark position (vertical)  

File browser settings

Use file browser - yes/no 
File browser paths - You can add more than one folder root where the user can browse the images from. Add each path in a new line. 

Analytics


Custom items

  1. Counting clicks - yes/no
  2. Counting views - yes/no

Click the Save & Close button once you have configured all the parameters.

Joomla slideshow extension
  1. Visit DJ-MediaTools page to learn more about the available features. 
  2. Check the documentation for our Joomla gallery and slideshow extension.


    Please note that a new version of the knowledge base is available at 
    https://dj-extensions.com/knowledge-base


      • Related Articles

      • Configuration

        At the beginning, let's take a look at the DJ-Classifieds component configuration. Click the Options button from the control panel, and you will see the popup window: Short description: Global General Settings Durations - Enable this feature to ...
      • Configuration / Options

        Let's take a look before at the DJ-Catalog2 component configuration. Click the Options button which is located on the top-right toolbar and you will see the popup window: General Settings Theme settings Theme – choose component's theme. To start ...
      • DJ-MediaTools Source plugin

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

        This plugin allows using DJ-Classifieds ads as a source of DJ-MediaTools Albums. This plugin requires an installed DJ-Classifieds extension.  This plugin comes free with the subscription of the extension. You'll find it installed (you may need to ...
      • 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 ...