joomla 3.1 ajax module - ajax

ok so I have a main horizontal menu that appears on all pages, (company, products, about us) and I want another menu, (vertical accordion on the left side of the page) inside products:
phone
--samsung galaxy s4
--iphone 4
pc
--hp pavilion
--toshiba
and when I clic on any of the sections of the accordion menu the information about each product appears on the right using ajax. I have made the accordion menu as a custom html module and the same with the content that its supposed to appear on the right side (I used modules instead of articles).
Now I'm thinking that its probably better to create another menu for the accordion and that the content should be articles, but I dont know how to make it look like an accordion, and I still need help using ajax to show the content of each product.
the main thing is, I want to use ajax to replace one module for another when I clic on any section of the accordion menu. is there any way to do it, all I could find in google its how to change the main article of the page, for that i have to replace
jdoc:include type="component" and add an event with the url but that replaces everything and I just want to change the right module/article
something like this
I dont know if I explained myself well.
I used shaper helix 2 template
Any help would be appreciated.

Check for some extensions here: http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus
An advice... you better forget ajax to load the catalog because as it used on the example the product pages are missed by search engines, as spiders and crawlers doesn't execute javascript. Try to search for that domain... results don't have any product.
Good luck!

Related

How to create a single page vertical scrolling site in Joomla

I can create a standard Joomla template in my sleep, but recently I had a client come to me who wants a vertically scrolling, single page site. I whipped up an HTML/CSS mockup that functions beautifully but I have a question re: converting it to a Joomla template:
Do I just create a single article in Joomla that contains all of the content for the single page, and then create menu items that link to the section divs?
Many thanks,
Cynthia
yes I think that good , also you can make all items in "index.php" in template folder and make menu items link to divs by "#" plus ID .
you can add all items you want as module and you can use component in modules plugin lik :
http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/embed-a-include/18121
Hope that help you
You'd be better to insert the content via creating a bespoke module or component - putting code in the WYSIWYG area kind of defeats the point of using a CMS at all - someone with no coding skills has to be able to update the site and not accidentally delete the layout.
I'd perhaps question why it needs it to be in Joomla at all, though. It doesn't sound like it will be benefiting from many of its features.

How to attach ItemID to joomla footermenu

I am don't know joomla, but familiar with wordpress & PHP & wants to change some links in my clients existing project.
I have a menu which is a link like http://www.smarti.com.sa/index.php?option=com_content&view=article&id=6&Itemid=107 while calling it from top navigation menu.
developer has taken same link in footer but it redirects to
http://www.smarti.com.sa/index.php?option=com_content&view=article&id=6
Now i want ItemID in footer link also.
My Site URL is http://www.smarti.com.sa/
In that please Products > Microsoft.
Please give solution
As per your post, Your menu link for now is : http://www.smarti.com.sa/index.php?option=com_content&view=article&id=6 .
But, you want to use this like : http://www.smarti.com.sa/index.php/your_menu_name.
You can use aliases of menu links.
You can find aliases here, When you create/edit a menu link from backend of joomla you can see an alias associated with it. You can also find Aliases of menu link from grid screen of you menu type.
For showing Menu in front end you have to create CUSTOM HTML module, You can find how to create Custom HTML module here : http://vinaora.com/2012/09/how-to-add-custom-html-to-your-joomla-site-2/
Now, How can you find HTML to write in thst Custom HTML Module? So, for this you can go the page of front-end where that menu is visible. Now prss CTRL+U, you will see the HTML of that page. Here, you have to find the HTML of those menus.
In this HTML, you will find the links like : index.php?option=com_content&view=article&id=6
Now, you have to replace these links with index.php/alias_of_your_menu.
Now paste the edited HTML in Custom HTML module and save it by selecting a proper Position.
You can use joomla menu module in the footer.
Joomla also has the option to display second level menu items in a menu module.
To do this:
Set the Start Level to "1" and the End Level to "1".
That's all. Good Luck.

YooTheme Zoo Application Blog Front Page

I am using YooTheme's ZOO Blog application on my front page. I have two things I'd like to acheive;
When clicking on an article title, you are taken to a page where you
have the article in full view, including any read-more content you
may/may not have. When taken to this page, you still have all modules
which are assigned to the 'home' menu item. Unfortunately, in order
for the application, 'Blog' to show on the front page - it must be
assigned to the 'home' menu item.
I'd preferably like the full article page just to have the menu module at the top, and perhaps any modules I do actually 'enable'.
A strange one - I'd like to have no pagination at the bottom of my
front page. I'd simply like to encourage users to go to a separate
page that lists all of the news.
I hope someone can help!
I'd utilise the 'fantastic' community that YooTheme holds - but unfortunately, after 3 months (being the lowest tier when you buy a product) any and -all- support stops. This includes the ticketing system which is mainly community-help based.
If need be, I can provide screen shots.
You can edit the full and any layout by clicking to the icon in zoo administrator panel. There you can edit every element in the link which is under your app type name! Next to the "Default" or your template there are links for full, teaser, feed etc. Full is for the full view of the item and teaser is for the category/front page view! In Yootheme's website you can find a comprehensive documentation about zoo also! Let me know if you need anything else
I found the answers to this problem. (I'm not native english speaker, but I hope you'll understand)
First method - sh404sef, I don't know whether it's a feature or a bug in that component, but that what you need to do:
Unpublish your default homepage menu item(zoo category for example) to wich there were assigned modules that you dont need to be shown, then create and make it Default Page(star sign) new menu item(or use existing one), and assign to it the modules that you want to appear in the full item view(I'm using product not a blog zoo app) or article full view when you click link from homepage and opens zoo item page or zoo category page.
In joomla Globa Configuration turn on - Use URL rewriting, then in sh404sef Control Panel turn on - Enable URL optimization and Rewriting mode with .htaccess . Errase all the url links in sh404SEF: URL manager(if any exist), we need it (sh404SEF) to create new links.
Now when you open new default home page with modules you need to be shown in the zoo item full view, you start to going on ALL the zoo links you wish to open then with that quantity of modules. sh404sef creates SEF link in it backend (in URL manager). And that links will open with exactly with that quantity of modules with zoo.
Now you can publish back again your previos homepage and make it default page. And there will be modules that you want on homepage, but because of links that sh404sef created when you were clicking, the zoo items or article links will open with different modules that we asigned to our second default page you use to create those links. For that purpose I commonly use existing menu item where will be another set of modules not like in the homepage. When you have new link on site you have to partially repeat that. You have to go on that link first time from the page where quantity of modules suits you (and to be on the safe side make that page your default page for that time)
Second method - JoomlaXTC Zoo Item Wall, its a module you don't have to make menu item to show zoo items on a homepage. But, I didn't tried it myself I only read about it.

How to add js to a joomla template

i need to add js to a specific page in joomla. How do i do that? I cant find any option to edit the html of each page, since i also have to add some little html. How does joomla do that? i can assign a template for a specific site but then you would have to do each change twice...
I need to add a javascript file and some html to one specific site. i read the wiki and googled but i dont get it...
The reason you couldn't find a page to edit is that there is only one page in a Joomla site that builds all the other pages based on the URL, menu ID, and other parameters passed in the query string.
If you only need the javascript on a single "page" then there are a couple of ways to do it depending on where the content needs to be.
If it needs to go in the main content area (the component position) then you should get an extension that allows you to put javascript inside a regular Joomla article. Then you can put what ever code and HTML you need in the article and link to it with a regular menu item.
If you want it to go in a module position, then you can simply use the Custom HTML module. If you turn off the WYSIWYG editor editor, you can put the javascript right in to the content area of the module. It does require the editor to be off though, otherwise the code will be evaluated and you will lose what ever you had in there. You can also limit where the module displays under the menu assignment selection.

Remove "componentheading" from homepage - Joomla!

I'm working on a site in Joomla! and on the homepage, at the top of the article, it comes up with a h1 of the website name. The pagesource says (Note it's not the article title.)
Any idea how to get rid of it?
Thanks,
Steph
You can set this h1 tag not to display via the Parameters - System section of your Menu Item Manager screen in administrator ... this page has a nice depiction of the steps.
It's so simple
Just do the following :
Login to the Joomla Administrator Interface
Go to the Menu Manager
Select your Menu
Select your Menu Item (Home Menu)
On the right hand, Click Parameters (System)—> and in the *Show Page Title—->*Just Select No.
That's all.
This is not the desired solution, since many people, (including myself) actually need to be able to Set/Override the page title (That Appears in the Browser’s Title bar), and setting Page Title to no here will also remove the functionality to Configure the Browser title (which is important for SEO among other things).
Anyway, I have searched and not been able to find a fully correct solution via CMS or PHP Code. The closest solution which is not fully perfect, but unlikely to cause significant (if any) negative effect on your site is through Javascript (Example is JQuery).
jQuery(document).ready( function($) {
$(‘.componentheading’).empty();
});
This can also be done is JS with no JQuery. When I find a better method of doing this I’ll let you know.This should actually be done by removing output from a template file.I don’t know which one yet. When I do, I’ll post it…
When setting the page title not to show in the menu item as stated in other answers, this will not stop the text entered in the page title box being used as the browser title, it will just stop it being shown in the page.
Using javascript to remove it is not a good idea.
1. It will only work for browsers with javascript enabled
2. Search engine spiders will still see it. As the component heading for articles is 'articles' by default it will see all your pages with the same h1 tag.
Just turn it off in the menu item and enter your browser title in the text box above.

Resources