How To Create Galleries and Upload Pictures to Phoca Gallery – A Photo Gallery for Joomla

How To Create Galleries and Upload Pictures to Phoca Gallery – A Photo Gallery for Joomla

This tutorial will give a basic overview
of the Joomla extension Phoca Gallery. It’s a great extension for displaying
images. It has actually 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 show how to organize them and upload them. Anyways
let’s get started. I’m gonna show it on a client’s site who wants a tutorial on
using Phoca Gallery. 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, and let’s just go to
control panel. So while that page is coming up in that tab while its there, let me just show you, at the front, 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’s two galleries and they’re named 2012 and
2013. If I click on the 2012 gallery, wait for that picture to come up, here we go,
here’s the two pictures that are in that gallery and they’re just flower examples. So I’ll use this button to go back. When we look at the back end in Phoca
gallery, let’s click on categories. You’ll see that in categories we have the 2012
and 2013. Think of these as as galleries. In Phoca gallery you create a category
and then you add images that you’ve uploaded to the server, which we’ll do in
a little bit, to each category. And the way it works is you can upload a picture
to your server to your account and you can assign it to a
number of galleries if you want. If you have pictures you want to appear under
different themes or topic or or however you’re organizing whatever
galleries you’re displaying. You can also create galleries within galleries for
displaying your pictures. So 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 or a, in this
case I’ll use it as a gallery as well, and click new … and here we go. And I’m going to call it “winter cars.” Now I’m going to make it a subcategory of 2012. Alright
winter cars in 2012. And within this category this section I have an option
to put a description for the category it’s the exact same window that is the
article editor and it shows it so often in Joomla site, I’m using JCE editor on this site, so I’ll just type a description, “Here are some pictures of cars and the
wintertime. This is an example.” All right so 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. But I’m just going to save and close and
now we’ve got a category for winter cars created as a subcategory of 2012. So the
next step, what we need to do, is upload the pictures that we want to include in
this gallery. So 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 flowers the images and that are there in Phoca
Gallery already. But I want to upload and 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 I like Phoca Gallery because it’s got so many options so this is well worth just learning
the specific steps for uploading things and managing things in the gallery
because then it will really enable you to do the things that you want to do. We
want to add a bunch of images, so I’m just going to 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 here and it shows the path, which I will
blur out in this tutorial for security reasons, but it shows the path on your
server where your images that you upload to Phoca Gallery are stored. And then
you can also create different folders within the structure – this is very
similar to Phoca Download which manages files – you can create folders to
upload your pictures to, so it’s another way to organize them. So before uploading any images, I want to decide where I’m going to put those images, which folder,
and it has to be displayed here in this path. So 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 just sort of helps to keep track of where the pictures are on
the server for later on when I want to go and find them and assign them to a
gallery or to a category. So I’m going to click on 2012, and here are the images
that appear in 2012. But I’m gonna 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. So if
I go create folder it will create it on the server and I’ll
have these two images and also a folder called winter cars. So that’s the folder
that I want to upload these in pictures that I have, and so I’ll click on winter
cars and now here I am up here: Phoca Gallery, 2012, winter cars. Alright, next
let’s upload the pictures. So I’m going to click on, if we were, if you’re just
going to upload one picture you could just go to upload, choose a file, and it
will go to the computer and then you go to the folder where the one
picture is you want to upload, but I have three, so I’m not going to do that.
I’m going to go to 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 off of the server the webpage that offered these up for free
but you see that name is really confusing for these cars, these files. That’s not going to mean anything once it’s listed over here like it
was here in the folder with the flowers. Flower one, flower two, I can kind
of remember that but just uploading the names of these files is not
going to make any sense at all later on. So for instance here, you know, who 1-3-2 these numbers are just not clear enough. So you have a couple of options. And what I would say is have your files named before you upload them. So for
instance, if you know, here’s an image – it could be a red snow car. You know that
that’s going to mean more to you when you go to upload things. Here is “snowy
street.” Again, you’re gonna remember these things. And where you could rename it individually “highway.” Whatever images that you want to add the Phoca Gallery give them good filenames so that once you get them on the server, you know a few months down the road, you go looking for them you wonder where they are, it just will
be much easier to navigate than just uploading all kinds of numbered names or crazy names or the number that perhaps your digital camera assigns
to things as well, to images. And that’s also why we want to have just folders
set up here so that you have things organized the way that makes
sense for you. The other thing too is that suppose you just want to rename
them quickly you could select them all, right click on one, and select rename, and
then it could just be “snow cars.” You rename that first, and as soon as I hit
enter they all are named the same and they’re given numbers and 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, you upload them and it’ll be way easier to deal with. All right, so
let’s go to multiple upload, add files. Here’s our snow cars 1, 2 & 3. I’m gonna
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 depending on the upload speed
of your internet connection and everything together on a given day these
images will start to upload and they’ll be traced as that’s happening. There’s
one that’s completely uploaded, there goes another one that’s started, and as soon as this last one is uploaded the page is going to refresh and you will see now
here in Phoca Gallery 2012, winter cars are these three images. 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 … and we could add one at a time but we’re doing multiple adds, so let’s just
give them all the same name, “winter cars” and the alias will be assigned by
Joomla, it’s published, these pictures authorized, this authorized is
another feature for a different use of Phoca Gallery, and now category. Well what category do we want these images that we’ve uploaded to be added to? Well let’s
add them to 2012, winter cars. All right? Category or gallery. 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, oh I have to select all
the files. There we go. When I hit save and close, it’s going 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, resize them so you have thumbnails like
in this in this example here. So we’re going to go save and close and you’ll
see a picture pop up while it’s making the thumbnails. As the hamsters run, there we go, there’s a thumbnail being generated for
snow cars 2, snow cars 3, one was already done. While we’re waiting for the
refresh and now here we’re taken to the images – these are all the images that are
in Phoca Gallery and as assigned by, shown, we can their category, or winter
cars, and we can filter over here by which ones you want to look at. So for
instance select the category, winter cars, filter out, we just want to see those, we’ll
be given these three: winter cars, winter cars, winter cars. They all have the same
name but they’re different images but they have a different file name where
they are on the server. And of course, then from this point you can go into
these images that have been created in the gallery, and assigned,
and there’s the image, you can now go down here and type a description of it
and publishing options for that, all the other options that are available to do
with each picture that you’ve loaded. Now close that. Now when we go to the front
here and refresh we see the way this is set up there are 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 up individually in size that
your Phoca Gallery is set for, you can go through like a slideshow looking at one,
you can push play, you can refresh. We will close this here. And 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!

Only registered users can comment.

  1. Awesome video – I did not know about selecting all the photos and giving them one name and the rest would be given the same name with numbers. Now all I to do is figure out how to put up the menu item! Cheers Rick

  2. Hello
    I'm using Joomla! 3.3.6 Stable, PHP version 5.6.15. I have also managed to download Phoca gallery V 4.2.2 stable but when I try to install it as a zipped extension, I get

    There was an error uploading this file to the server.
    Maximum PHP file upload size is too small: This is set in php.ini in both upload_max_filesize and post_max_size settings of your PHP settings (located in php.ini and/or .htaccess file)"
    What could be the problem and how do you solve it?

  3. where can i assign a gallery to for expl. position-0 on my template? do i need the phoca module for that and how does that work?

  4. Hello. How do I divide a page of photo categories into multiple pages: 12 photo categories on the first page and 12 photo categories on the second page. Thank you

Leave a Reply

Your email address will not be published. Required fields are marked *