Steps for TYPO3 Template Customization
This One page Corporate web template is a Free Responsive TYPO3 template. This TYPO3 template is ideally suited for Small businesses, Corporate and Startups. You can download this template from TYPO3.org and it is FREE to use. These steps can be followed for editing any standard TYPO3 template. As an example we have used One page Corporate template which can be downloaded from TYPO3.org.
The fact that TYPO3.org has accepted our template extension, lends a lot of credibility to our work quality.
IMP: This template needs to be installed in a fresh installation of TYPO3. If you install in an existing installation, other existing web pages may be overwritten.
After installation, you can easily customize this template. You can find the installation instructions here
After installing the template , you can start customizing the template. You can change the logo, image slider and text and all images to suit your business or Startup. In order to install this template you need to take the following steps given below.
Please note the recommended size of images used in this template are given below.
Please ensure the new images uploaded have the same specification else your images will be distorted. This will adversely affect the aesthetics of the website:
1.Banner image : 1920px x 1080px
2.Client image : 99px x 99px
3.Team member : 800px x 748px
4.Portfolio : 510px x 395px
Step 1. How to change the Logo text in TYPO3 Template
-
Login to Admin back-end Select ‘Home’
-
Edit ‘Company Logo’ text
-
Change will be reflected in the frontend
Step 1.1 How to change the Logo Image in TYPO3 Template
-
Login to Admin back-end Select ‘Home’
-
Edit ‘Company Logo’ text
Step 2: How to change other text in Banner
-
Edit the banner text in TYPO3 template (Corporate)
-
The changes will be reflected in the front-end
Step 3: How to change Menu
-
Edit Sub menu Title
-
Add New Menu Item.
-
Change order of the Menu
Step 4: How to Add/Edit categories in Portfolio
-
Add/Edit/Delete Portfilio Categories, images and contents
Step 5: How to change Images in Testimonial Section
-
Edit testimonial text
-
Deactivate current image
-
Upload new image
@Piotr – Response to your question posted http://www.softsolutions4u.com/install-free-responsive-typo3-corporate-template-extension/
If you want to change the section name then you need too change the anchor name in its corrosponding template file, see below:“. “. “. “. “.
1) To change section ‘Home’,
in the template file typo3conf/ext/corporate_template/Resources/Private/Templates/Content/Bannerslider.html from id=”Home” to id=”
2) To change section ‘Services’ name,
in the template file : typo3conf/ext/corporate_template/Resources/Private/Templates/Page/Default.html, from id=”Services” to id=”
3) To change section ‘Team’ name:
in the template file : typo3conf/ext/corporate_template/Resources/Private/Templates/Content/Ourteambox.html, from id=”Team” to id=”
4) To change section ‘Portfolio’ name,
in the template file : typo3conf/ext/corporate_template/Resources/Private/Templates/Content/Portfoliobox.html, from id=”Portfolio” to id=”
5) To change section ‘Contact’ name, in the template file : typo3conf/ext/corporate_template/Resources/Private/Templates/Page/Default.html, from id=”Contact” to id=”
Hope this answers your query.
Hi Shar,
is there a chance to get the description of the whole template (how things like Fluid-Templates / page setup TS / work together and stuff)?
I would like to know also how I can add several new pages (okay: new sections on “Home”).
Thanks i advance,
Tom
Hi Tom
We have added a new Tutorial on how to Add a new section in this One page template.
Please check http://www.softsolutions4u.com/add-new-section-typo3-template/
Since this is an One Page template design, we cannot add new pages. Adding new sections to the same template is possible.
Download the latest version. It provides options to change the logo image too.
Regards
Shar
Thanks a lot.
Well – this is pretty cool – but there is a minor problem due to the position of thes new sections. It always appears on the top of the page content, apart from it’s position or it’s ID in the backend. I can’t figure it out.
Do you have a workaround for this?
Sorry – Cache was not cleared. Everything is fine now.
🙂
Hi Tom
Describing the whole template like Fluid template page set up is a bit out of scope of this blog. However, I shall keep your request on mind and may add a new blog with your requirement in mind.
As for adding new pages- Go to Backend-> Login- Go to “Pages” section and then ‘Add New’.
Regards
Shar
Thank you, Shar. Would be nice to dive deep into this great template.
The thing with new pages: I’m pretty familiar with TYPO3 but a simple “Add New” only helps creating a menu element but it needs to get a new (or an existing) Fluid template to get content into this new (pseudo) page, I think. The content has to be placed onto page “Home” where it is rendered through an own Fluid template.
Yours, Tom
I was wondering if there was a demo of this template? I can’t seem to locate one!
Hi Toran
You can check the link here:
https://corporate.typo3-expert.com
Regards
Shar
found a bug on the page yesterday, which prevented the page to load correctly, when using https.
I sent Shar this error and he immediately checked and corrected it, I’m glad he sent me the 1.0.6 the same day, so I could make further tests.
I am now happy with corporate business 1.0.6 on https://
thanks
Johannes
Hi Shar,
maybe this is my last question: I can’t get into the mechanics of the categories in the portfolio section. First, I created some of them and they appear in the frontend. Okay.
Then I created two dummy articles with everything (long text, pics, thumbs, etc.) and stumbled over another possibility to create categories. I assumed that the category here has to have the same name than the category I created before (top of the flexform) to link it to the article. But nothing happens – no categories are linked to this article.
What did I wrong here?
Hi Tom
Let me check into it and get back.
Regards
Hi Tom
Did you see my post responding to your query?
@ Tom
We have added a new section ‘How to Add/Edit/ Delete Categories in Portfolio’
Please scroll up to view
@Tom
We have added a new Tutorial showing how to drag each new section to different parts of the page:
Please check http://www.softsolutions4u.com/add-new-section-typo3-template/
Regards
Shar
What kind of icons are possible in the “stuff we do” section?
Hi Volker
We have not masked the icon under “Stuff we do”.
You can however change them in the following files
Path to add icons : /typo3conf/ext/corporate_template/Resources/Public/Images
Path to change the css: /typo3conf/ext/corporate_template/Resources/Public/Css/layout.css
Hi Volker
Hope you have seen my response to your query given few days ago.
Regards
Shar
Dear Shar,
Thank you for your great work!
I have just been starting to learn the typo3 CMS and would like to try with you distribution. After installation, unfortunately, I can see only pure unstructured text while viewing the site without any logo, banners and other pictures.
Do you have any suggestions?
Regards
Mikolaj
Hi Mikolaj
Thanks for using the template.
Please let me know where you are installing, http:// or https://?
Regards
Shar
Hi Mikolaj
Please let me know more about your server settings.
Regards
Shar
Dear Shar,
Thank for you fast reply.
I am using xampp as a local server in order to try typo3:
Apache/2.4.33 (Win32) OpenSSL/1.0.2o PHP/7.1.17
Loaded modules: core mod_win32 mpm_winnt http_core mod_so mod_access_compat mod_actions mod_alias mod_allowmethods mod_asis mod_auth_basic mod_authn_core mod_authn_file mod_authz_core mod_authz_groupfile mod_authz_host mod_authz_user mod_autoindex mod_cgi mod_dav_lock mod_dir mod_env mod_headers mod_include mod_info mod_isapi mod_log_config mod_cache_disk mod_mime mod_negotiation mod_proxy mod_proxy_ajp mod_rewrite mod_setenvif mod_socache_shmcb mod_ssl mod_status mod_version mod_php7.
Is it enough information? Do not hesitate to ask me if you need more precise data.
Regards
Mikolaj
Hi Mikolaj
We have tested our template with the TYPO3 version 8.7.13. Its working fine in both http and https. Can you provide the site link? It would be easier for us to investigate the issue.
Regards
Shar
Dear Shar,
It seems, that the problem is on my side as I have got the same situation with the other distributions. An only distribution installed fine is Official Introduction Distro. I am not able to provide you with site link, as I am testing on the local xampp server. I think we could close that discussion.
Thank you and your team for trying help me.
Regards and all the best,
Mikolaj
Thanks and wish you all the best. Do not hesitate to contact us if you need further help.
Hi,
I have PHP 7.2.13 on my server and can not install your template. Is 7.2.0 really only version required, or can you change it to 7.2.99?
Kind regards
Uros
Hi,
Please let me know which version of TYPO3 you are using.
Regards
Support Team
Hi Shar,
Just a quick question regarding the portfolio area.
At first I am able to modify, add and/or remove portfolio items without any problem, these things are working perfectly fine.
My problem is that I can’t open the portfolio items, doesn’t matter if the default ones or my new created items. If I hover on an item, I can see the name and the “+” icon displayed in the middle. If I click on the “+”, the page will move but it will not show the pictures and the long description text.
Basically I can’t expand the portfolio items to see the details of them.
Do you have any idea to fix this? Thank you in advance.
Best regards
Hi Stefan,
We have tested it with all the Typo3 versions between 9.5.0 to 9.5.5. Its working fine.
Can you please tell the typo3 version used ? And provide your site link so that we can check.
Hi Shar,
I am using:
Typo3 9.5.5
PHP: 7.2.18
But nevermind, I found already the issue. After changing the name of the categorie “Portfolio” to something else using your tutorial:
(4) To change section ‘Portfolio’ name,
in the template file : typo3conf/ext/corporate_template/Resources/Private/Templates/Content/Portfoliobox.html, from id=”Portfolio” to id=”“.)
it is also necessary to adjust the file “../typo3conf/ext/corporate_template/Resources/Public/JavaScript/portfolio.js” and exchange all “#Portfolio” parts to the new name as well. Now I can expand all the displayed portfolio items properly.
It seems like I have to adjust the .css file as well and exchange the old name to the new one. Still testing around.
Best regards.
Thanks. Shall update the Tutorials