Information Center

In the Information Center you will find everything you need to know about SobiPro and its applications!
It is also the place to download SobiPro, its applications and language packages.

Applications

Enhance your directories!
Get additional functionality for SobiPro with our applications.

Get Applications

Templates

Design your directories!
Check out the different SobiPro templates we have created for you.

Get SobiPro Templates

Languages

Let your directories speak your language!
SobiPro is translated into more than 30 languages.

Get your Language package

SobiPro Announcement
SobiPro 2.5.3 is available!

As an active customer download the full version of SobiPro from the description page or download the trial version of SobiPro free of charge.

Quick jump to chapter:

SobiPro Component

Older template adaptions

Last updated: 22. May 2024
Refers to version: 2

The new default7 template file for SobiPro 2 supports all Bootstrap versions to adapt to an old Joomla template.

It is highly recommended to make modifications which you had done on your template to the new default7 template to get the full functionality this template has and have maximum compatibility.

We offer a paid service to make your template default7 based. Please contact us for a cost estimate.

The description below is for the adaption of SobiPro 2 applications to older SobiPro templates. If you are using already a default7 based template, you can ignore these instructions.

If you want to use your old template, please bear in mind that not everything will work and look like before, although we added compatibility functions. SobiPro cannot modify your template automatically, as each template is unique. A template is something what is under your control. Therefore, it is possible that you need to make several modifications though.

In any case, you need to set 'Support for old templates' to 'Yes' (General configuration -> Template -> General Settings).

The next steps depend on the template your own template is based on.

Based on the default6 template

  1. Change the following in the hidden area at the end of your config.xml file:
    • Find
      <field name="settings[config][general][bs]" default="bs3"/>
      and change "bs3" to "3"
    • Find
      <field condition="apps.review_rating" name="settings[config][less][review][bsversion]" default="bs3"/>
      and change it to
      <field condition="apps.review_rating" name="settings[config][less][review][bs]" default="3"/>
    • If the line
      <field name="settings[config][general][font]" default="fa4"/>
      exists, change "fa4" to "4". Otherwise, add
      <field name="settings[config][general][font]" default="4"/>
    • Add the line
      <field name="settings[config][general][development]" default="0"/>
      Save the template settings.
  2. Copy the files storage/legacy/css/default6.less and storage/legacy/css/default6.css to the css folder of your template. The adaption in this file is made for the default Joomla template Cassiopeia. If you use another template, you may adapt some styles.

    You will find these files also in our Download Archive.

  3. In your template, change the files config.ini, search/search.ini and entry/edit.ini. IF there is a line starting with 'css_files', add 'default6', separated by comma after the last item.
    E.g. css_files = "theme,custom,default6"
  4. 6. Add to your css/theme.less file under "//Default values":
    @bs: 3;
    @white: #fff;
    @black: #000;
    @gray-100: #f8f9fa;
    @gray-200: #e9ecef;
    @gray-300: #dee2e6;
    @gray-400: #ced4da;
    @gray-500: #adb5bd;
    @gray-600: #6c757d;
    @gray-700: #495057;
    @gray-800: #343a40;
    @gray-900: #212529;
    Save and compile your theme.less file.
  5. Copy the file(s) in storage/legacy/css/helper to a css/helper folder in your template. If not already exits, create the folder helper! In your theme.less file at the very end, add the line:
    .SobiPro { @import (less) "helper/_applications.linc"; }
    Save and compile your theme.less file.

    You will find this file also in our Download Archive.

  6. In General configuration ➜ Template ➜ General Settings select 'Bootstrap 3' for the Layout and 'Font Awesome 4' as Icon Font.

Note: The 'Description position' as set in the template settings has precedence over the new field setting for the description position.

Based on the default5 template

  1. Change the following in the hidden area at the end of your config.xml file:
    • Find
      <field name="settings[config][general][bs]" default="bs3"/>
      and change "bs3" to "3"
    • Find
      <field condition="apps.review_rating" name="settings[config][less][review][bsversion]" default="bs3"/>
      and change it to
      <field condition="apps.review_rating" name="settings[config][less][review][bs]" default="3"/>
    • If the line
      <field name="settings[config][general][font]" default="fa4"/>
      exists, change "fa4" to "4". Otherwise, add
      <field name="settings[config][general][font]" default="4"/>
    • Add the line
      <field name="settings[config][general][development]" default="0"/>
      Save the template settings.
  2. Copy the files storage/legacy/css/default5.less and storage/legacy/css/default5.css to the css folder of your template. The adaption in this file is made for the default Joomla template Cassiopeia. If you use another template, you may adapt some styles.

    You will find these files also in our Download Archive.

  3. In your template, change the files config.ini, search/search.ini and entry/edit.ini. IF there is a line starting with 'css_files', add 'default5', separated by comma after the last item. E.g. css_files = "theme,custom,default5"
  4. 6. Add to your css/theme.less file under "//Default values":
    @corner-radius: 10px;
    @bs: 3;
    @white: #fff;
    @black: #000;
    @gray-100: #f8f9fa;
    @gray-200: #e9ecef;
    @gray-300: #dee2e6;
    @gray-400: #ced4da;
    @gray-500: #adb5bd;
    @gray-600: #6c757d;
    @gray-700: #495057;
    @gray-800: #343a40;
    @gray-900: #212529;
    Set @corner-radius as you like it, do not change the other settings. Save and compile the file.
    Save and compile your theme.less file.
  5. Copy the file(s) in storage/legacy/css/helper to a css/helper folder in your template. If not already exits, create the folder helper! In your theme.less file at the very end, add the line:
    .SobiPro { @import (less) "helper/_applications.linc"; }
    Save and compile your theme.less file.

    You will find this file also in our Download Archive.

  6. In General configuration ➜ Template ➜ General Settings select 'Bootstrap 3' for the Layout and 'Font Awesome 4' as Icon Font.

Note: The 'Description position' as set in the template settings has precedence over the new field setting for the description position.

Based on the default4 template

  1. Change the following in the hidden area at the end of your config.xml file:
    • Find
      <field name="settings[config][general][bs]" default="bs3"/>
      and change "bs3" to "3"
    • Find
      <field condition="apps.review_rating" name="settings[config][less][review][bsversion]" default="bs3"/>
      and change it to
      <field condition="apps.review_rating" name="settings[config][less][review][bs]" default="3"/>
    • Add the line
      <field name="settings[config][general][font]" default="3"/>
    • Add the line
      <field name="settings[config][general][development]" default="0"/>
      Save the template settings.
  2. Copy the files storage/legacy/css/default4.less and storage/legacy/css/default4.css to the css folder of your template. The adaption in this file is made for the default Joomla template Cassiopeia. If you use another template, you may adapt some styles.

    You will find these files also in our Download Archive.

  3. In your template, change the files config.ini, search/search.ini and entry/edit.ini. IF there is a line starting with 'css_files', add 'default4', separated by comma after the last item. E.g. css_files = "theme,custom,default4"
  4. 6. Add to your css/theme.less file under "//Default values":
    @corner-radius: 10px;
    @bs: 3;
    @white: #fff;
    @black: #000;
    @gray-100: #f8f9fa;
    @gray-200: #e9ecef;
    @gray-300: #dee2e6;
    @gray-400: #ced4da;
    @gray-500: #adb5bd;
    @gray-600: #6c757d;
    @gray-700: #495057;
    @gray-800: #343a40;
    @gray-900: #212529;
    Set @corner-radius as you like it, do not change the other settings. Save and compile the file.
    Save and compile your theme.less file.
  5. Copy the file(s) in storage/legacy/css/helper to a css/helper folder in your template. If not already exits, create the folder helper! In your theme.less file at the very end, add the line:
    .SobiPro { @import (less) "helper/_applications.linc"; }
    Save and compile your theme.less file.

    You will find this file also in our Download Archive.

  6. In General configuration ➜ Template ➜ General Settings select 'Bootstrap 3' for the Layout and 'Font Awesome 3' as Icon Font.

Templates based on the default3 or default2 template are not supported at all.

Copyright (C) 2006-2024 Sigsiu.NET GmbH (https://www.sigsiu.net). All rights reserved.

This documentation and all images therein are copyrighted and protected by law. You may not publish, distribute or sell them or parts of it without explicit written permission of Sigsiu.NET GmbH.

Published on Tuesday, 21 May 2024. Visited 224 times.
Powered by SobiPro
to Top