{"id":37653,"date":"2015-02-02T05:21:43","date_gmt":"2015-02-02T10:21:43","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=37653"},"modified":"2017-07-25T10:45:55","modified_gmt":"2017-07-25T14:45:55","slug":"joomla-3-x-image-swoop-module-settings-overview","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-image-swoop-module-settings-overview.html","title":{"rendered":"Joomla 3.x. “Image Swoop” module settings overview"},"content":{"rendered":"

<\/p>\r\n

This tutorial is going to explain you how to manage “Image Swoop” module settings in Joomla 3.x.<\/p>\r\n

Image Swoop module is a combination of default Joomla Articles newsflash module and Camera Slideshow jQuery plugin. And it automatically updates with Joomla platform keeping your configuration options safe. This module has many useful features:<\/p>\r\n

    \r\n
  1. \r\n

    32 color skins;<\/p>\r\n<\/li>\r\n

  2. \r\n

    more than 30 configuration options;<\/p>\r\n<\/li>\r\n

  3. \r\n

    10 image overlay patterns;<\/p>\r\n<\/li>\r\n

  4. \r\n

    32 easing effects;<\/p>\r\n<\/li>\r\n

  5. \r\n

    24 animation types;<\/p>\r\n<\/li>\r\n

  6. \r\n

    unlimited number of slides;<\/p>\r\n<\/li>\r\n

  7. \r\n

    assigning links to slides;<\/p>\r\n<\/li>\r\n

  8. \r\n

    setting animation types separately for desktop and mobile devices;<\/p>\r\n<\/li>\r\n

  9. \r\n

    slider dimensions can be set in pixels or percents;<\/p>\r\n<\/li>\r\n

  10. \r\n

    caption display and animation.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

    To change slider settings you should perform the following steps:<\/p>\r\n

      \r\n
    1. \r\n

      In your Joomla admin panel go to Extensions -> Module Manager<\/strong> menu. In the list of modules find Image Swoop<\/strong> module and open it:<\/p>\r\n

      \"image_swoop_settings1\"<\/a><\/p>\r\n<\/li>\r\n

    2. \r\n

      In the Details<\/strong> tab you can edit module title, position, status, ordering, language and so on (common module settings):<\/p>\r\n

      \"image_swoop_settings2\"<\/a><\/p>\r\n<\/li>\r\n

    3. \r\n

      The Options<\/strong> tab consists of 3 sections:<\/p>\r\n

        \r\n
      1. \r\n

        Basic options<\/strong> section contains settings for slider categories and its articles. Here you can select any category that contains articles with images for the slider, show\/hide "Read more" buttons on the slider, select number of the articles (images) you want to display in the slider and order them, add links to slider titles and so on:<\/p>\r\n

        \"image_swoop_settings3\"<\/a>\r\n<\/li>\r\n

      2. \r\n

        Advanced Options<\/strong> section contains the module layout settings. Here you can apply a CSS class suffix to the module for individual module styling, control module caching, change bootstrap size (how many columns the module will use), edit module header\/title HTML tag and CSS class and so on:<\/p>\r\n

        \"image_swoop_settings4\"<\/a><\/p>\r\n<\/li>\r\n

      3. \r\n

        Image Swoop Settings<\/strong> section contains all slider module settings. Let’s take a closer look at them.<\/p>\r\n

        \"image_swoop_settings5\"<\/a><\/p>\r\n

          \r\n
        1. \r\n

          Layout<\/strong> settings:<\/p>\r\n