I'm pretty new to Joomla! (using verison 3.3.6) I'm an old hand at WP development. Currently I am looking for the right way to improve an article. This article's content is just a list of links. The content is :
<p><a href="..." >Title of Link </a></p>
<p><a href="..." >Title of Link </a></p>
<p><a href="..." >Title of Link </a></p>
<p><a href="..." >Title of Link </a></p> .....
and so on.
I would like to change this into responsive rows of thumbnails. I could write a bunch of HTML into the back-end editor, and add some classes to the stylesheet, but I'd prefer to learn how to leverage Joomla's existing functions and extensions. Would someone direct me a little?
You can use Joomla Template Override system. Here is the article about that:
https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
Related
We have a website, which has been built up from the default Dynamics 365 portal; the header menu (primary navigation) has an item for 'home', when edited has a URL as .fa.fa-home an image derived from FontAwesome
We want to add another menu item, that also uses this style of image, but using other values, such as .fa.fa-cloud-download doesn't display anything. Have tried a few different names from the W3Schools - FA4 list
and none seem to work.
If the default for the Dynamics portals, is to use 'images', any idea where these images are hidden?
It is Font Awesome, however the Portal uses a lot of out-of-date resources, so depending on the version that your icon was introduced, it may not be possible.
Try using an older icon (e.g. fa fa-save)
You can also see your options here /css/glyphicons-font-awesome-migrate.min.css
I just checked my portal and the fa-cloud-download icon is working, so make sure you're applying the icon correctly.
<li role="none" class="weblink ">
<a role="menuitem" aria-label="Home" href="/dashboard/" title="Home">
<span class="fa fa-cloud-download" aria-hidden="true"></span>
</a>
</li>
I'm using Joomla 3.7
I have a link in the home page that redirects to an article. But when i click it, it redirects to same home page and the article loads in the position where the link is. I noticed that this is happening when the article doesn't have a menu item.
Any idea how to solve this?
Thank you in advance
Edit: Same thing is happening again using DJ-Image Slider. Now using the solution below doesn't work.
-
I got the solution to my answer.
It was a problem of href property on a tag.
In order to redirect to an article, i'm using the Article Button located at the TinyMCE Joomla Editor.
I just entered into code editor, and changed this:
<a class="btn btn-primary" style="border-radius: 10px;" href="index.php?option=com_content&view=article&id=19&catid=2">Asociarse</a>
To this:
<a class="btn btn-primary" style="border-radius: 10px;" href="?option=com_content&view=article&id=19&catid=2">Asociarse</a>
And it worked.
I would like to place a link to an article that contains some HTML and have that appear in a modal popup.
Modal pop-ups are maybe not already enabled on my web site. How I can enable them?
SOLVED:
Many JOOMLA templates turn the modal behavior ON. If not add this to main index <head></head>
<?php JHTML::_('behavior.modal'); ?>
On an article (HTML editor) use class="modal". Format your link like:
<a class="modal" href="terms/tou.html" rel="{handler:'iframe',size:{x:700,y:600}}">TOU</a>
I have tried to look around all over the place to edit the joomla frontpage. Im using a template from joomlaxtc which is another reason why I believe im having trouble as the coding is a little different.
What I'm trying to achieve is remove the component or article area for my Joomla 2.5 front page.
here is the website
http://colmandesigns.123abc.co.nz/tyrelink/
as you can see the 'coming soon' white text box I want to remove however I only want to remove it for the front page not the rest of the pages.
I can't get your site to come up, but the home page of a joomla site is generally determined by the default item on your main menu.
From the admin Control Panel:
Choose Menu->Main Menu
Locate the menu item on the list that has a star in the "Home" column
Click on the menu item, and from what you see, determine what the article is
Go to that article, and edit there.
This presumes that your home page is an article, as is the case in a standard Joomla site, and doesn't account for anything your template may do in terms of features or settings,
Simply go to the template manager and go to the advanced parameters and see the show component on home page and select NONE
If you want to remove the "coming soon" bit, then go to the module that holds the "coming soon" bit. On the left, you should see "Module assignment." Click that, and choose "no" for Home Page: assign to.
This video may also be helpful.
Your template may have configuration to hide main content block from frontpage but if not then it can be hidden by using code block below on index.php or your php file which will define template layout.
<?php if (JRequest::getVar('view') != 'featured'): ?>
<div id="maincontentdiv"><jdoc:include type="component" /></div>
<?php endif; ?>
I am trying to include a footer on a joomla website and need to reference an image. Ideally it would be editable by the client.
At the moment I have a template which has an index.php file, but if I reference the img src to be in the images folder, it does not reference the template images, but the media manager folder.
What is the best way to approach this please, for maintinability and also to be safe from updates and overwriting them.
You need to create a new "CUSTOM HTML" module and place following code in it. You can even use editor to modify it and upload new pics. I recommend using JCE editor, makes things much simpler.
<div style="text-align:center">
<img src="/path/to/your/images.jpg" />
</div>
So you need to do the following:
Login to Back-End
Go to Extensions->Module Manager
Click "New" button
Click on "Custom HTML"
Configure you module the way you like it. Set "Show Title" to "NO". Make sure you position it in the right spot, most likely you need to use "footer" or "bottom"... this depends on template.