Displaying items by tag: tutorials
Tuesday, 18 October 2011 18:28

Creating Tabbed Content in K2 Items

Sometime you may need to display data within your content using a tabbed layout form.

This can easily be done using a great, free download from No Number called Tabber.

Once you have downloaded, then install just like any other Joomla! extension. This plugin is enabled during installation.
Please make sure you bookmark their documents pages too, so that you have access to the syntax required, but it so easy using the following code.
Take a look at the plugin in the Plugins Manager as it does have some parameters you can play with. 

{ tab=Tab Title 1 } Your text... { tab=Tab Title 2 } Your text... { /tabs }

Using that code as an example, simply paste that into your K2 item. Please note, when you paste it, it may transfer some formatting from the site, so in your WYSIWYG editor, view the source and paste it their so that it strips any styling. Please also remove the blank space after "{" and before "}".

Let put that in to action.

Tab Title 1

Your text...

Tab Title 2

Your text...

OK, so now you have some tabs in your item, lets push it a stage further and display K2 item content in those tabs.

Again, we are going to use a plugin from No Number, this time, Articles Anywhere.  Installation is as simple as before and again, there are some parameters that can be adjusted, but I have left the default settings in place.

This time, we drop in the Articles Anywhere syntax for K2 Items in place of the text we used before, which is as simple as { article k2:nnn } Please remove the blank space after "{" and before "}" and change nnn to the K2 Item ID number for the item you wish to display. 

K2 Item 1

 New Release - K2 Template Manager 

I am pleased to announce that a new component has today been released in a joint collaboration be...

 Custom read more!  

K2 Item 2

  

Once installed, K2 Template Manager can be accessed from within the K2 extension. No need to go hunting for it amongst the other extensions, as it is located on the far right of the K2 features menu, after the information link.

Go ahead, click on Templates.

templatemanager-dashboard

Welcome to the template manager dashboard.

The primary display is a list of all the K2 templates which are installed in the component or Joomla templates.

One of the cool things, is the use of the Custom CSS. This adds a copy of the default k2.css and places it with the K2 template that has been selected.
You can also export and import a K2 template in this screen too.

k2templatemanager

If you click on one of the installed templates, the next screen will display a list of all the K2 categories and the templates which are currently assigned to it.  This is a very quick way of selecting which categories are assigned a template, no more editing multiple categories.

templatesassigned

 Template manager also lists out the files which are contained within the selected template, which if clicked can be edited. 

k2templatemanager-files

The code editor screen allows you to access the template css and php files, so that they can be edited from the Joomla backend, without the need for 3rd party software or having to set up ftp access to your server files.

k2templatemanager-editor

 So now your all set to manage your K2 templates through Joomla, no more guess work on where to place your template.


.

 

K2 Item 2

  

Installation is just like any other Joomla extension installation. Subscribers will need to have downloaded a copy.

  1. Login to your Joomla Administration
  2. From the main Menu, navigate to Extensions> Install/Uninstall
  3. In the Extension Manager window, click on the Choose File button.
    This will open a pop up window, allowing to find the relevant file on your local drive.
    Additionally, you may store your downloads on your server or paste a link directly to the download file.
    The later will only work if you have an active subscription.
  4. Click either Upload & Install of just Install, depending on which installation option you chose in step 3.
  5. Once installed, you will see the installation confirmation text.

Thats it, installation is now complete, time to check out the features.

 

Now the smart thing is, tab 1 has some additional syntax so that it shows the title,  100 characters of text and then a custom read more.
Full details can be found in the plugin parameters on in the No Number documents. 

{ tab=K2 Item 1 } { article k2:nnn } { title } { text:50 } { readmore:Custom read more! }  { /article }

Thats it all done.

Play and enjoy.

Published in Tutorials
Tuesday, 11 January 2011 19:50

Joomla 1.6 - Installation

So, Joomla! 1.6 was finally released on 10th January 2011 and we wanted to get our hands on it an play, go grab a copy.joomla_download

You will need to consider where you will set your installation on your server.
For demo sites, we have chosen to create a "demos" folder within the root of our server, this will contain individual folders for each demo installation we create.

Once you have decided on your installation directory, you will need to upload the Joomla_1.6.0-Stable-Full_Package.zip file to that location using your favourite FTP software or maybe using cPanel if your host provides you with it.

Please Note 1: That as Joomla evolves, the package name of the .zip file will change.

Now that you have the .zip in your installation directory, you will need to unzip the contents.

 

Please Note 2: Depending on the FTP software, you may need to unzip the contents before uploading.

OK, so at this stage we have downloaded the installer, uploaded and extracted the contents, we are ready to start the installation.

In your web browser, enter the URL for your installation, this could be in the form of:

 

www.yoursite.com/yourinstallfolder/installation

Remember to append installation to the end of the URL so that it will load the index.php located within it.
Once you have that entered, hit enter and you will be presented with the following screen.

Joomla16-Install_1

Select the language that you wish to use and click next.

 

Joomla16_Install_2

Following the on screen information and check you don't have any red No in the first section, then click next.

 

Joomla16-Install_3

Take time to read the license information, may seem boring but important to know, then click next.

 

Joomla16-Install_4

At this point, we need to enter some database information, maybe you have already set this up, but we have left this detail until this point as an easy reminder that it needs to be done. If you have not setup a database, then you will need to do so now before you proceed. We are not going to cover how to set up a database in this guide, there are plenty of tutorials on the Internet that can assist.
If you have got your database setup, then you need to enter the relevant information in to the required fields, then click next when you are ready.

 

Joomla16-Install_5

On this page, you can enter ftp details but it is not essential, you can just choose to skip this and proceed to the next stage by clicking next.

 

Joomla16-Install_6

On this screen, you can enter a name for your site, plus, in the advanced settings you can enter some meta data, this can be added later.
Enter an email address, which will be used for admin contact.
Enter an admin name and password which will be used to access the administrator (backend) of the site. We have not tested this yet, but in 1.5 admin was always the default.
Finally, you can choose to install sample data if you want to. If you dont, then there will be no content on the site when it goes live so we chose to install it. Click next.

 

Joomla16-Install_7

That's it, we are done, almost.
As this screen says, you now need to go and delete the installation directory from your server to proceed. Please ensure you do delete the correct directory.
Once you have completed the deletion, then you can click on either the Site or Administrator links.
If you click on Site, you can then still access the admin side by simply adding /administrator to the end of the URL in your address bar.

So what happens when you click on Site?
Joomla16-Site

Want to see what the front-end of Joomla! 1.6 looks like, then click the button below.

   Our Live J!1.6 demo

 

 

And if you click on Administrator?
Joomla16-Administrator
Simply enter the user name and password that you enter in the Main Configuration and click Login and enter the world of the Joomla 1.6 back-end.

 

Why not subscribe to this category and be mailed when new tutorials and guides are added.

Published in Tutorials

Cloud Hosting

We loved being hosted by Cloud Access so much, we became a Joomla Hosting Reseller

Joomla Templates

Joomlabamboo, providing clean and simple template design with responsive layouts

Joomla Training

World leading Joomla training, go learn something new today and create sites like a pro

Preferred Payment

paypal-verified

No PayPal account? No Problem! PayPal accepts payments via CC or DC.

Newsletter Sign Up