Customize Joomla Content Component

Hi guys,


Do any of you knwo a good tutorial on how to customize Joomla content component?...


Best Regards

What you need to customize in com_content? This is core Joomla code so all that you need to do is to overwrite views but any all advanced changes are quite impossible because every Joomla update will overwrite this code.

What you need to customize in com_content? This is core Joomla code so all that you need to do is to overwrite views but any all advanced changes are quite impossible because every Joomla update will overwrite this code.

I am using simplicity template but i prefer the way creativity template shows the articles.. so basically i want to be able to move the links/icons (author, category, etc... ) to a different place and in the specific case of simplicity, i would also like to disable the gravatar feature. (i though i could just delete the field from the component view?)...

The only solution is to replace original com_content views by this from other template so copy directory template/html/com_content. After this you need to copy/merge CSS styles but for this there is no copy/paste solution, you just need to use browser developer tools or firebug and copy necessary CSS lines.

The only solution is to replace original com_content views by this from other template so copy directory template/html/com_content. After this you need to copy/merge CSS styles but for this there is no copy/paste solution, you just need to use browser developer tools or firebug and copy necessary CSS lines.

I tried that, it creates a new set of problems, maybe playing with CSS will be enough. I will for sure update this topic soon.

Please share your solution. Overriding core component view is always not so easy…

I just noticed a strange issue, my article div.itemBody is not enclosing all the content from the article.
I changed my div.itemBody background to white and now the issue is obvious (i was actually having some issues placing the content like i wanted, but was able to do it with some CSS tweak and deleted non essential content, now i know why i was having those issues).

Any clue why this is happening?

check this links:
http://dev.josinaldomartins.com.br/inde ... e-silicone

The white background is div.itemBody , it should be enclosing the table.

The problem exist on all pages or only in particular ones? It is usually caused by some module or plugin code which is not valid and this cause validation problems for whole website.

It exists on all "single" article pages.

a few examples:
http://dev.josinaldomartins.com.br/inde ... a-redutora
http://dev.josinaldomartins.com.br/inde ... de-aumento
http://dev.josinaldomartins.com.br/inde ... e-silicone
http://dev.josinaldomartins.com.br/inde ... inoplastia
http://dev.josinaldomartins.com.br/inde ... de-pescoco
http://dev.josinaldomartins.com.br/inde ... ia-em-face

Basically all article pages have this issue

It is probably caused by some plugin or module in right column, did you try to unpublish it? When you create a new article with sample 'Lorem ipsum...' text the same happen?

It is probably caused by some plugin or module in right column, did you try to unpublish it? When you create a new article with sample 'Lorem ipsum...' text the same happen?

I Unpublished the only module that is on the right side to see if that was the issue, but nope, the issue stays there.
I experimented with adding and deleting content from an article and it seems the issue is with the divs inside the article.
I have the following div inside one article Link ( http://dev.josinaldomartins.com.br/inde ... inoplastia )

Code: Select all

<div class="related-articles">
    <h3>Cirurgias Relacionadas</h3>
    <img src="images/layout/related-article-homem-pos-perda-peso.jpg" alt="Pós Bariática"/>
    <img src="images/layout/related-article-homem-lipoaspiracao.jpg" alt="Lipoaspiração" />
    <img src="images/layout/related-article-homem-ginecomastia.jpg" alt="Ginecomastia" />
    <br />
</div>

Why do you think this happens?

Some of you DIV inside article is probably unclosed or your editor strip part of HTML when you save article. Please try to validate code inside your article because it doesn't look like template issue.

Some of you DIV inside article is probably unclosed or your editor strip part of HTML when you save article. Please try to validate code inside your article because it doesn't look like template issue.

Here is the code of one of the articles.

<img class="img-float-left" src="images/articles/cicatrizes.jpg" alt="Cicatrizes" />
<p>A correção de cicatriz promove a redução da cicatriz, tornando-a menos aparente e esteticamente mais aceitável. Pode ser realizada através do uso de cremes, da injeção no local de medicamentos ou do uso de revisão cirúrgica.</p>
<hr id="system-readmore" />
<br />
<br />
<div class="related-articles">
<h3>Cirurgias Relacionadas</h3>
<img src="images/layout/related-article-peeling.jpg" alt="Peeling" />
<img src="images/layout/related-article-laser.jpg" alt="Laser" />
<img src="images/layout/related-article-lobuloplastia-auricular.jpg" alt="Lobuloplastia Auricular" />
<img src="images/layout/related-article-abdominoplastia.jpg" alt="Abdominoplastia" />
</div>


---

It looks good to me, you see any issue there?

When you validate page with this article via W3C you get the error? It looks fine but your editor may strip tags when you save article.

When you validate page with this article via W3C you get the error? It looks fine but your editor may strip tags when you save article.

I get a few errors but none related to the article itself. (example: Bad value apple-touch-icon-precompose for attribute rel on element link: The string apple-touch-icon-precompose is not a registered keyword.)

Take a look here;

http://validator.w3.org/check?uri=http% ... 2Fservices


By the way, thanks for the help.

This error is very interesting, please look → screenshot

It looks like there is a kind of invalid HTML tag in your content.