Link to the component; create menu items

Creating links to the component is simple. Open the menu manager, create a new menu item and select the right view. The name of the component you want to link to is Event Gallery so choose the right section and the available targets will appear.

Figure 3.5. Create a new menu item

create menu item

There are several views available:

Cart

Shows a page which contains the cart of the current user

Checkout

Displays the checkout page where the user can request his cart.

Categories

Displays list of events and the subcategories of the selected category. If you choose ROOT all events are shown.

Event

  • Event Layout defines how to display the images of an event.
  • Event Headline For SEO reasons a default H1 tag for the headline does not always make sense. This option allows you to change the tag to another headline type.
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show event text Defines to show the text for an event on the event list.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show image count Defines to display the overall number of images for an event on the events list

Events

  • Layout defines which layout to use for an event. You can configure the appearance of the event page with the options described above.
  • Intro Text defines a text for the events page. Usually displayed on top of the page.
  • Sort By defines the direction and the attribute which is used the sort the events.
  • Max events per page How many events should we show per page until the paging bar will appear.
  • Show hits Enables the display of the number of hits an event received. Please note that hits can only be counted if caching is disabled. If you have an event which uses paging each page is counted as a hit.
  • Use Password Dummy Image Show a dummy image instead of the main image in a list of events if the folder is password protected. Once the user entered the right password this image will be replaced with the events main image.
  • Use UserGroup Dummy Image Show a dummy image instead of the main image in a list of events if the folder for a specific user group only. The real image will appear once the user is logged in with the right group.
  • Show Events per Category Show the number of assigned events for a category.

Event - Ajax List

Shows a specific event with the Ajax List view

Basic Options

  • Event: the event you want to display

Advanced Options

  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Height of the thumbnails Defines the height of the thumbnails in the navigation bar.
  • Number of thumbs per page Defines how many thumbs you want to see on a page
  • Number of thumbs on first page Defines how many thumbs you want to see on the first page. Since there might be some additional text this number can be smaller than on other pages.
  • Show Information Inline Defines where to show the event name and description. Inline on the first thumbnail page or on top of the page.
  • Use paging Defines if a paging bar is displayed for a list of images.

Event - Pageable List

Shows a specific event with the Pageable List view

Basic Options

  • Event: the event you want to display

Advanced Options

  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • show hits Enables the display of the number of hits an event received. Please note that hits can only be counted if caching is disabled. If you have an event which uses paging each page is counted as a hit.
  • Height of the thumbnails defines the initial height of each row in the grid in pixel.
  • Height jitter defines the maximum amount of pixel the row height can vary.
  • Height of the first thumbnails defines the height in rows of the first photo in the list.
  • Show image caption overlay Defines if the image title and caption is displayed on an image. This setting affects only the pageable list and the image list.
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show Image Title Toggles the display of the image title.
  • Show Image Caption Toggles the display of the image description.

Event - Image List

Shows a specific event with the Image List view

Basic Options

  • Event: the event you want to display

Advanced Options

  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Height of the thumbnails defines the initial height of each row in the grid in pixel.
  • Height jitter defines the maximum amount of pixel the row height can vary.
  • Height of the first thumbnails defines the height in rows of the first photo in the list.
  • Show image caption overlay Defines if the image title and caption is displayed on an image. This setting affects only the pageable list and the image list.
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show Image Title Toggles the display of the image title.
  • Show Image Caption Toggles the display of the image description.

Event - Grid List

Shows the images of an event in a grid. Images are not cropped and centered in a tile.

Basic Options

  • Event: the event you want to display

Advanced Options

  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show Image Title Toggles the display of the image title.
  • Show Image Caption Toggles the display of the image description.

Event - Tiles List

Shows the images of an event in a Pinterest like layout.

Basic Options

  • Event: the event you want to display

Advanced Options

  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show Image Title Toggles the display of the image title.
  • Show Image Caption Toggles the display of the image description.

Event - Squares

Shows all images of an event as square sized thumbnails.

Basic Options

  • Event: the event you want to display

Advanced Options

  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show Image Title Toggles the display of the image title.
  • Show Image Caption Toggles the display of the image description.

Events - List

Displays a list of events.

Event

  • Event Layout defines how to display the images of an event.

Events

  • Layout defines which layout to use for an event. You can configure the appearance of the event page with the options described above.
  • Intro Text defines a text for the events page. Usually displayed on top of the page.
  • Tags defines which tag an event need to get displayed on this list of events.
  • Category shows only events from this category
  • Sort By defines the direction and the attribute which is used the sort the events.
  • Max events per Page How many events should we show per page until the paging bar will appear.
  • Show EXIF If EXIF information for an image are available this toggle switches them on or off.
  • Show event text Defines to show the text for an event on the event list.
  • Show date You can toggle the appearance of the date for the events show within this menu item
  • Use paging Defines if a paging bar is displayed for a list of images.
  • Show Filename Defines if we show the filename of the current image to make potential customers aware of. The filename of the current image will appear together with the image title and caption. This even works for the light box.
  • Show image count Defines to display the overall number of images for an event on the events list
  • show hits Enables the display of the number of hits an event received. Please note that hits can only be counted if caching is disabled. If you have an event which uses paging each page is counted as a hit.
  • Show image caption overlay Defines if the image title and caption is displayed on an image. This setting affects only the pageable list and the image list.
  • Use Password Image for Event Show a dummy image instead of the main image in a list of events if the folder is password protected. Once the user entered the right password this image will be replaced with the events main image.
  • Show back button If enabled the event pages will have a back link in case the parent menu item shows a list of events. It’s still better to use Joomla! Bread crumb mobile if you want to create some kind of navigation help. This is especially true if you use the categories view. The back link will always point to the main menu item.

Figure 3.6. Create a new menu item

create menu item advanced options

All prices include VAT. The gross price will vary depending on the selected shipping country.