It has actually been relocated to https://stackideas.com/docs/easysocial/administrators/templating/template-overrides because most people do not view the "Developers" section.

You can find more of similar docs for template overriding at https://stackideas.com/docs/easysocial/administrators/templating

That's excellent! But now I'm confused as to what's the difference between Template Overrides and Installing New Themes... Are they different? Should I create a new template for my site or a new theme? I've noticed you can just install your new theme in the EasySocial backend...

The differences between "Template override" and "Install New theme" is :

Template override
-------------------------
Sometime when you feel you would like to modify some of the layout or you want to add something display on the Easysocial page e.g. Easysocial Profile page (this file path JoomlaFolder/components/com_easysocial/themes/wireframe/profile/default/default.php)

When you modify this file, you can put this customisation file into your current template override location e.g. JoomlaFolder/templates/YourCurrentTemplates/html/com_easysocial/profile/default/default.php[/b] so you no need to worry whether this customisation will missing when you update to next release new version of Easysocial, because it will not get override every time you update next version.

Install New theme
-------------------------
Regarding this part, if you really want to develop your own theme for Easysocial, it actually quite difficult to build another new theme is because it required rebuild the styling, layout, Javascript if you would like to make something advanced.

The required file you should have from your own theme for Easysocial.
-> JoomlaFolder/components/com_easysocial/themes/wireframe/config/template.json

By the way, you can try understand how the Wireframe default theme structure work.

Regarding this part, if you really want to develop your own theme for Easysocial, it actually quite difficult to build another new theme is because it required rebuild the styling, layout, Javascript if you would like to make something advanced.

The required file you should have from your own theme for Easysocial.
-> JoomlaFolder/components/com_easysocial/themes/wireframe/config/template.json

By the way, you can try understand how the Wireframe default theme structure work.

I do want to create my own theme, yet I'm not sure about some things. I have checked the Theme stylesheets subcategory in Getting Started(https://stackideas.com/docs/easysocial/developers/themes/getting-started) but I am now wondering if the information in this page is outdated since you did say that:

It has actually been relocated to https://stackideas.com/docs/easysocial/administrators/templating/template-overrides because most people do not view the "Developers" section.

I have also noticed that the files mentioned in the Theme stylesheets subcategory are not located in the same paths as they are in the wireframe theme(since you did mention to try understanding how the Wireframe default theme structure works). Is that because this information is outdated, or is there an other reason?

Hello,

I am really sorry for the delay of this reply as it is a weekend for us here. Please find my response to your inquiries below:

I do want to create my own theme, yet I'm not sure about some things. I have checked the Theme stylesheets subcategory in Getting Started(https://stackideas.com/docs/easysocial/developers/themes/getting-started) but I am now wondering if the information in this page is outdated since you did say that:

If you want to create a new theme, I would strongly suggest that you duplicate the folder /components/com_easysocial/themes/wireframe/ to a different name and start modifications on your theme file.

I have also noticed that the files mentioned in the Theme stylesheets subcategory are not located in the same paths as they are in the wireframe theme(since you did mention to try understanding how the Wireframe default theme structure works). Is that because this information is outdated, or is there an other reason?

Yes, we have actually modified this but you could refer to what there is already in the existing wireframe theme

Yes, we have actually modified this but you could refer to what there is already in the existing wireframe theme

Is there any updated documentation I can look at? Is the documentation in the Theme stylesheets subcategory still valid?

I would suggest that you refer to the existing less styles structure in /components/com_easysocial/themes/wireframe/styles/ . It would be more informative if you go through the less files there.

Hi, I've started going through the wireframe theme like you suggested so I can duplicate it and start experimenting on it,

If you want to create a new theme, I would strongly suggest that you duplicate the folder /components/com_easysocial/themes/wireframe/ to a different name and start modifications on your theme file.

But as I do that, simply renaming the folder from wireframe to an other name, doesn't really work since ES recognizes the new folder also as wireframe(look at the picture attached to this message). It is my understanding that I need to change some files in order to change that and then install my own theme. I looked at the outdated Themes section (on https://stackideas.com/docs/easysocial/developers/themes/packaging) and I found that I need to change these 3 files:

There are 3 main files that EasySocial searches through this folder:

defaults.json (This is where all the default settings are kept)
form.json (This is where you define your own form settings)
template.json (This is where you specify your template details. Similar to templateDetails.xml)

Only problem is, I don't know if these files are still there in the new versions, and if they are, I don't know where. I would appreciate any help :/

Hello Nikitas,

Ah yes, you need to edit the file /components/com_easysocial/themes/[YOUR_TEMPLATE]/config/template.json