Phoca Joomla

2/15/2022by admin

Phoca Gallery is an excellent photo gallery extension for Joomla. This tutorial shows how to create categories (albums) in and upload pictures to Phoca Gallery.

  1. Phoca Gallery is Joomla! CMS image gallery. It includes component, modules and plugins and allows users to display images or YouTube videos on website in many different variations.
  2. Phoca Download is download manager for Joomla! It includes component, modules and plugins and allows displaying files on website which can be downloaded (previewed, played) by website visitors.

Phoca Download 3 is the current release of Phoca Download. It is based on Phoca Download 2 and overwritten for Joomla 3. Phoca Download 3.1.2 was released on May 2, 2016. Phoca Download 2 was released on June 18, 2011. Component was overwritten for Joomla! 1.6 and new features were added. Phoca Download 1 was released on July 25, 2008. The whole Phoca PDF framework contains:. Phoca PDF component. Phoca PDF fonts. Phoca PDF plugins Phoca PDF component uses TCPDF library for creating PDF documents. After installing this component you need to install and enable Phoca PDF plugin - specific plugin for specific part of Joomla! Plugin for content). Phoca Download is a free extension for Joomla that is used for giving access to people to download files of various formats, so you can also use some security levels in order to control who can download those files.

This tutorial will give a basic overview of the Joomla extension Phoca Gallery. It's a great extension for displaying images. It has lots of other uses as well: shopping carts, displaying products that you're selling, but this tutorial will just look at the basics of uploading images, creating galleries which are categories in this extension, and how to organize them and upload them.

We're in the back-end administrator area of the site already, and so I'm going to go to components, and down to Phoca Gallery. Let's just go to control panel. I've set up some sample categories with some sample pictures. So here there's a link that links to Phoca Gallery that I've created and you can see there are two galleries and they're named 2012 and 2013. If I click on the 2012 gallery, there are two pictures that are in that gallery and they're just flower examples.

Tutorial

At the back-end in Phoca Gallery, let's click on categories. You'll see that in categories we have 2012 and 2013. Think of these as galleries. In Phoca Gallery you create a category and then you add images that you've uploaded to the server to each category. You do this by uploading a picture to your server. You can assign it to many galleries if you want. You can also create galleries within galleries for displaying your pictures. I have on my computer a number of car pictures with snow on them, and let's say that I'm going to create a category called, 'winter cars.' Now I'm going to make it a subcategory of 2012. Within this category I have an option to put a description for the category: 'Here are some pictures of cars and the wintertime. This is an example.'

That's basically all I need to do right now. You can always go and explore other settings that are in here like the publishing options and whatnot. I'm just going to 'save and close' and now we've got a category for winter cars created as a subcategory of 2012.

The next step is to upload the pictures that we want to include in this gallery. I'm going to click images here in the side menu, which will take me to the images window that shows what is uploaded already. This shows the flower images that are in Phoca Gallery already. But I want to upload and these images have already been assigned to categories. But this is not where I upload the images to. This can be a little bit confusing in Phoca Gallery but because Phoca Gallery has so many options, this is well worth learning the specific steps for uploading images and managing them in the gallery, because then it will really enable you to do the things that you want to do.

If we want to add a bunch of images, we go to 'multiple add' and now you see here we have three options: upload multiple, upload, and create a folder. Now over on the right-hand side it shows the path on your server where your images that you upload to Phoca Gallery are stored. You can also create different folders within the structure to upload your pictures to, so it's another way to organize them.

Before uploading any images, I want to decide where I'm going to put those images, in which folder, and it must be displayed here in this path. We created winter cars in 2012 so I'm going to create a folder on the server, a place to store my winter car pictures, and this helps to keep track of where the pictures are on the server for later when I want to go and find them and assign them to a gallery or to a category. I click on 2012, and here are the images that appear in 2012. But I'm going to make a folder for winter cars on the server here. So, I go to create folder, and I'm going to go 'winter cars.' I put a hyphen in there; I don't like to just have blank spaces in folder names. If I go create folder it will create it on the server and I'll have these two images and a folder called winter cars. That's the folder that I want to upload these in, so I'll click on winter cars and now here I am up here: Phoca Gallery, 2012, winter cars.

Phoca Joomla Free

Next, let's upload the pictures. I'm going to click on multiple upload and then I'm going to click “add files” and that will allow me to pick more than just one image. I can hunt and peck all of them or I can drag a box around them and upload them. Now I'm not going to upload these pictures right now because I've downloaded them with their file name from the webpage and you see that name is really confusing for these files. It's not going to mean anything when I look at it a few months from now. You have a couple of options: the best option is have your files named before you upload them. For instance, ”red snow car.” You know that's going to mean something when you go to upload things. Here is 'snowy street.' That's also why we want to have folders set up here, so that you have things organized the way that makes sense for you.

If you want to rename them quickly you could select them all, right click on one, and select rename, and then choose 'snow cars.' You rename that first, and as soon as I hit enter they all are named the same and they're given numbers. That's another quick way if you've got a lot of pictures from a Christmas party you could just say Christmas party 2012 or 2014, select them all, and they'll get renumbered.

Joomla

Now, let's go to multiple upload, add files. Here's our snow cars 1, 2 & 3. I'm going to select them all, I'm going to click 'open,' and now here they are lined up ready to go, and I'm going to just click 'start upload,' and these images will start to upload and they'll be traced as that's happening. When that is done, we can “refresh” and you will see now here in Phoca Gallery 2012, winter cars are there.

They're not in a gallery yet but they are on the server now, and the next step is where we add them to a gallery. Alright let's just call these images 'winter cars' and the alias will be assigned by Joomla. What category do we want these images added to? Well let's add them to 2012, winter cars. And as soon and we select that, everything's good and we'll just go to save and close.

Now when I hit save and close it's going to start to not only add the images that we've uploaded and that are selected now to the gallery, but it's going to create thumbnails for them. When we hit “save and close” you'll see a picture pop up while it's making the thumbnails. We can also filter by which ones you want to look at. For instance, select the category, winter cars, filter out, and we'll be given these three: winter cars, winter cars, winter cars. They all have the same name but they're different images and they have a different file name where they are on the server. Now type a description of it, choose publishing options, and any other options that are available to do with each picture that you've loaded. Close that.

Now when we go to the front here and click refresh we see the three galleries: 2012, winter cars, and 2013, and when I click on winter cars, those three pictures will come up, and here they are for us to view. You can open them up individually in a size that your Phoca Gallery is set for, you can go through like a slideshow looking at one, you can push play, or you can refresh.

Phoca

That's a basic overview of how to add images to Phoca Gallery. I hope that helps and hope that you enjoy working on your site. If this video is helpful, hey leave a comment, give a “thumbs up,” and subscribe to the channel. That'd be awesome. God bless!

Phoca Maps is Joomla! CMS component. It displays maps on your site rendered with help of Google Maps API or OpenStreetMap API. It is intended to fast and simple creation of the map on the website.

There are two different ways how to display maps:

  • Google Maps - maps run with Google Maps API 3. You need to create Google Maps API key to display maps on your site, see: Creating Google Maps API Key article.
  • OpenStreeMaps - maps run with OpenStreetMap API. You don't need any API key to display basic maps on your site. In case you need e.g. routing feature, etc. you can use API of specific OpenStreetMap services like Mapbox or Thunderforest (you need to sing up for these services).

Just set API key in Parameters (if used), go to Extensions » Maps » New, click on Coordinates button, then click on the place in the map you want to display and save it. Finally create menu link to this map.

If you need to set a marker or more markers, just go to Extensions » Markers » New, select map, click on Coordinates button, then click on the place in the map you want the marker will be set. Add description (you can include images too) and save it. Marker will be displayed in the map.

Use Phoca Maps Plugin for displaying map or more maps in the article.

Requirements:

  • Joomla! 1.5, 2.5, 3 (stable or any later version)
  • PHP 5.6 (or any later version).
  • Google Maps API key in case Google Maps API is used

While setting map or marker coordinates you can get longitude and latitude values with help of those ways:

  • setting it by hand
  • clicking on the map into the place you want to display
  • searching the place by GoogleBar
  • searching the place by Address
Documentation
Demo
License
Google™ is a trademark of Google Inc.
Google Maps™ is a trademark of Google Inc.
Comments are closed.