Login Logout
Feb 23
TYPO3 website template

How to Customize TYPO3 template

Demo of Template
Download the Template
  • typo3 template download
  • TYPO3 website template
  • typo3 template download

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

Video on different customization process

About The Author

C.E.O. SoftSolutions4U

32 Comments

  1. Shar
    March 1, 2018 at 5:43 am · Reply

    @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.

  2. Tom
    March 2, 2018 at 12:36 pm · Reply

    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

    • Shar
      March 13, 2018 at 6:53 am · Reply

      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

      • Tom
        March 13, 2018 at 11:17 am · Reply

        Thanks a lot.

      • Tom
        March 13, 2018 at 12:01 pm · Reply

        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?

      • Tom
        March 13, 2018 at 12:13 pm · Reply

        Sorry – Cache was not cleared. Everything is fine now.
        🙂

  3. Shar
    March 2, 2018 at 12:58 pm · Reply

    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

  4. Tom
    March 2, 2018 at 1:48 pm · Reply

    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

  5. Toran
    March 5, 2018 at 2:23 pm · Reply

    I was wondering if there was a demo of this template? I can’t seem to locate one!

  6. Johannes
    March 6, 2018 at 7:15 am · Reply

    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

  7. Tom
    March 14, 2018 at 1:19 pm · Reply

    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?

    • Shar
      March 14, 2018 at 1:42 pm · Reply

      Hi Tom
      Let me check into it and get back.
      Regards

    • Shar
      March 16, 2018 at 7:58 am · Reply

      Hi Tom
      Did you see my post responding to your query?

  8. Shar
    March 15, 2018 at 9:02 am · Reply

    @ Tom
    We have added a new section ‘How to Add/Edit/ Delete Categories in Portfolio’
    Please scroll up to view

  9. Shar
    March 15, 2018 at 9:03 am · Reply

    @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

  10. Volker
    May 3, 2018 at 12:40 pm · Reply

    What kind of icons are possible in the “stuff we do” section?

    • Shar
      May 4, 2018 at 1:38 pm · Reply

      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

    • Shar
      May 16, 2018 at 4:44 am · Reply

      Hi Volker
      Hope you have seen my response to your query given few days ago.
      Regards
      Shar

  11. Mikolaj Shvarsalon
    May 15, 2018 at 12:43 pm · Reply

    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

    • Shar
      May 16, 2018 at 4:44 am · Reply

      Hi Mikolaj
      Thanks for using the template.
      Please let me know where you are installing, http:// or https://?
      Regards
      Shar

    • Shar
      May 16, 2018 at 4:46 am · Reply

      Hi Mikolaj
      Please let me know more about your server settings.
      Regards
      Shar

      • Mikolaj Shvarsalon
        May 16, 2018 at 8:48 am · Reply

        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

        • Shar
          May 18, 2018 at 1:18 pm · Reply

          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

          • Mikolaj Szwarsalon
            May 21, 2018 at 7:34 am ·

            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

          • Shar
            May 21, 2018 at 7:45 am ·

            Thanks and wish you all the best. Do not hesitate to contact us if you need further help.

  12. urosh
    December 16, 2018 at 6:43 pm · Reply

    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

    • Shar
      December 17, 2018 at 5:21 am · Reply

      Hi,
      Please let me know which version of TYPO3 you are using.
      Regards
      Support Team

  13. online
    May 10, 2019 at 1:02 pm · Reply

    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

    • Shar
      May 13, 2019 at 10:20 am · Reply

      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.

      • online
        May 13, 2019 at 5:32 pm · Reply

        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.

        • Shar
          May 14, 2019 at 7:55 am · Reply

          Thanks. Shall update the Tutorials

Leave a reply

Your email address will not be published.