A Joomla Component not only for showing an advent calendar. You can display all sorts of image maps. It is responsive
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
LICENSE
README.md
RoboFile.php
agadvents-update.xml
composer.json
composer.lock
jorobo.ini

README.md

pkg_agadvents / Adventskalernder and Imagemap for Joomla! 3

Quickstart

  1. Install this package via Joomla! installer. Please check after the installation, if the menu item for the component is inserted into the menu.

b1

  1. Open the component via click on Components | (agadvent | imagemap)
    You see the sample data.

b2

  1. Open the category view via click on category in the left side menu The category is the place, where you have to store all clickable items on the image. You see the sample date.

b3

  1. After that create a new category Click on new in the top menu. Now you see the form with all information of the category. You have to insert the title and your image here.

b4

  1. Click on save and close in the top menu and check if your category is created

b5

  1. Open the view agadvents
    Now you can create a item that will open if you click on a special area of the image.

b6

  1. Click on new in the top menu
    Now you see the form for editing the informations of the item. Important ist, that you choose the category and save the item.

b7

  1. Scool to the bottom
    After you have choosen the category and saved the item you see the image of the category at the bottom. Now you can select the clickable area with your mouse. You can only choose an area in the shape of an rectangle.

b8

All other options are self-explanatory.

  1. If you have inserted all informations you can save and close the item.

91

  1. Open the the menu menu in the Joomla toolbar

b9

  1. Click on menu item and then on new

10

  1. Insert a title and click on select

10a

  1. Choose the entry imagemap

b11

  1. Choose the category

b12

  1. Open the menu item in front end and you can click the area you choosen in point 8. The content opens either in a popup or in the content area of your page, depending on what you have selected in the preferences.

13

Voila!

All parts of this extension

Module: Agadvents

The module allows you to display an image map on any position of your website.

Plugin: Button - Agadvents

If you activate this extension, a button for inserting an imagemap is inserted into an article.

Plugin: Installer - Agadvents

This extension is currently not used.

Plugin: Search - Agadvents

If you enable this extension, the Joomla search will be extended to contents of this extension.

Plugin: Smart Search - Agadvents

If you enable this extension, the Joomla smart search will be extended to contents of this extension.

Plugin: System - Agadvents

If you enable this extension, you can use the Joomla statistics in this extension.

You may be wondering why I have so many plugins integrated into this little extension. Very easily: I used this extension to learn many Joomla 3 functions. Advent calendar for Joomla! 3.7 with selectable background and freely configurable windows.

  • Plugins for statistics, search and smart search are available.
  • The advent calendar can be displayed in a module at any position on the website.
  • The component supports versions, language associations, and custom fields.
  • The content of a advent item will be opened in the content area or in a pop up.
  • Test mode to test individual days in advance.
  • The Advent Calendar can also be used as an image map.
  • Several advent calendars can be active at the same time. So you can display content from a previous year as a kind of archive.

FAQ

The calendar works not correct on safari. The clickable areas are not on the right place. What can I do?

Please switch to the simple mode in the options of this component.

The close button of the popup is behind a sticky top menu and can not closed

Add .vbox-close { margin-top:20%; } to your custom css file.

Support and New Features

This Joomla! Extension is a simple feature. But it is most likely, that your requirements are already covered or require very little adaptation.

If you have more complex requirements, need new features or just need some support, I am open to doing paid custom work and support around this Joomla! Extension.

Contact me and we'll sort this out!