Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Multi Tab Navigation with Distinct URLs using Joomla

Posted on 2010-09-13
1
321 Views
Last Modified: 2012-05-10
Hi,

I have a website for a chain of physiotherapy clinics written in Joomla where we would like every clinic inside the chain to have its own website within the website. Each clinic will have its own set of 4-5 different pages (these pages will be the same for every clinic).

What we are wanting is to use a tabbed navigation system to navigate within each of the pages within clinics and I would like this multi tab structure to have distinct URL's.

For example if there is 2 clinics (Clinic A and Clinic B) and they each have their own homepage plus 3 additional pages (Page 1, Page 2 and Page 3) I would like to have the following URL's

Does anyone have any ideas if this is possible with Joomla and what is the best way to go about it.
 
The clinics will be updated by technical novices so we need a solution which is simple to use, i.e. make updates, add / delete clinics.
0
Comment
Question by:xyobi
1 Comment
 
LVL 13

Accepted Solution

by:
StormITSolutions earned 500 total points
ID: 33663780
Hi

We did this for a chain of stores

There is one cool way to achieve a different look whilst always only running 1 website.

So say you have 3 clinics

Create 3 different templates for those and you can make them distinctive in whatever you please
make another template which will be your main homepage layout.

Now a slick tabbed system would be something like the one from yootheme.com, I think its the carosel one we used.

Create 3 article sections, naming each one the clinic a or b or c

And in your seo make sure you use display catgegory name in url so you get www.x.com/clinic-a/homepage

Now create your 3 hompage articles for each clinic and any sub pages you need within the article section for its clinic

YOu can then assign the templates you made earlier to these links.

Creating the illusion of 3 sites but its only 1 site, the bonusis one user access for all sites and sub sites, and time to load, you can share images and modules etc and also assign modules depending on the clinic so say one has a online booking system and the other 2 dont you can assign the module only to clinic a pages and not b or c

This is a great solution to your problem another bonus is if you had a store for supplies or books etc all 3 can link to it and your user is never leaving the site but is able to view specific clinics.

Its like if you have a football league site and pages for all the teams within the site each branded for the particular team, giving the user the impression of multiple sites but its only 1

Storm
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Overlap photo won't go all the way to the right 1 23
css icomoons will not display on page 14 33
manage footer size 4 72
How do I select this logo using CSS? 6 29
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question