3.1 Module Demo
3.2 Module Configuration
Note:We used the images of module’s installation on Joomla 3.x to illustrate
After installing, go to Extensions -> Module Manager and find SJ Geomap for SobiPro to configure
SJ Geomap for SobiPro module is configured in 7 groups of parameters as following:
- Basic Options
- General Options
- Source Options
- Field Options
- Entry Options
- Image Options
- Advanced Options
Let’s look at the parameters in detail:
Basic Options
- Module Class Suffix – Allow you to choose another CSS class that suits your template
- Open Link – Set target for links:
- New Window
- Same Window
- Popup Window
General Options
- Search By Keyword – Allow to search by keyword
- Search By Category – Allow to search by category
- Search By Price – Allow to search by price
- Choose Style For Price Option – Allow to Choose Style For Price Option: Scroll/Default
- Min Price – Allow to enter min price
- Max Price – Allow to enter max price
- Search By Country – Allow to search by country
- Search By City – Allow to search by category
- Choose Icon Entry – Allow to search by price
- Zoom Country/Zoom City/Zoom Entry – When we search by country/city/entry, the map will zoom to the number entered. This number is filled from 0 -> 21. Enter 0 to view full map
- Set Height Map – Allow to enter height map
Source Options
- Select Section – Allow to select section of component
- Select Category – Allow to select category
- Child Category Entries – Allow child category entries to Include/Exclude articles from Child Category
- Category Depth – Allow the number of child category levels to return
- Entry Field to Order By – Allow to sort order by Random, ect
- Count – Allow to select the number of articles to display. Set “0” to display all articles
Field Options
- Description Field – Alias for Description field (“field_description”)
- Price Field – Alias for Price Field (“field_price”)
- Icon Maker Field – Alias for Icon Maker Field (“field_icon”)
- Country Field – Alias for Country Field (“field_country”)
- City Field – Alias for City Field (“field_city”)
- Street Field – Alias for Street Field (“field_street”)
- Image Field – Allow to set image field
- Get image from a attribute in field_image (- Syntax: field_image/@attribute_name)
- Default value: “field_image/@original”. Attribute of field_image: icon, thumbnail, image, original
Entry Options
- Display Title – Allow to display title OR NOT
- Title Maxlength – Allow to set the max length of title. Set “0” to show full title
- Display Description – Allow to display description OR NOT
- Description Maxlength – Allow to set the max length of description. Set “0” to show full description
- Price Display – Allow to show/hide price
- Show Read More – Allow to show/hide Link for Read More
- Read more Text – Allow to insert the text for readmore link
Image Options
Get Image From Field Image
- Field Image – Allow you to get image from Field Image OR not
Get Images From Description
- Image Description – Allow you to get images from description OR not
Get Image From Extend Folder
- Extend Folder – Allow you to get images from external folder OR not
- Extend Folder – Set path to external image folder used by option above
- Order to Get – Set order: field_image, field_description, external OR not
- Resize Mode – Allow you to choose the mode of image resizing
- None
- Center
- Fill
- Fit
- Strech
- Output Format – Allow to set format for all output file:
- Default – if you want to keep original format
- GIF
- JPEG
- PNG
- Keep Transparency – Allow to keep images transparent, for PNG and GIF format
- Width/Height – Allow you to set the width/height of the big image
- Background – Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change
- User Default Image – Allow to set user default image OR not
- Placeholder Path or Url – Allow to set path to placeholder image
Advanced Options
- Alternative Layout – Set custom layout for this module
- Include Jquery – Allow you to include Jquery OR NOT
- Pre-text – The content to show at the top of module
- Post-text – The content to show at the end of module
- Caching
- Use Global: Turn on caching
- No Caching: Turn off caching
- Cache Times – The time to cache
- Module Tag – Allow to select the HTML Tag for module
- Bootstrap Size – Allow to set the number of columns that module will use.
- Header Tag – Allow to select the HTML Tag for module header/title
- Header Class – Support the CSS Class for module header/title
- Module Style – Select module style