Themes & Basic customisation

Themes & Basic customisation

The best thing that you can do, considering changes in DJ-Catalog2 CSS code, is creating your own theme.
  1. Create a new folder in /components/com_djcatalog2/themes/my_theme
  2. 'themes' folder already contains the standard ('default') theme - DO NOT remove OR modify it.
  3. Copy css and images folders from 'default' folder into your new theme folder. Theme folder should represent following structure:
    |_ css
    |___ theme.css
    |_ images
    |___ {all images from /default/images/ directory}
    |_ email
    |___ { all .php files - each is individual for different type of e-mail notification, such as order confirmation, order notificiation, etc. }
  4. DO NOT copy theme.php file nor js folder into your theme, unless you know what you are doing and plan to modify theme's PHP or JavaScript code. The same applies to email directory and files in it, unless you wish to modify templates of email notifications from the Query Cart.
  5. Navigate to Joomla! back-end, DJ-Catalog2 options and in General Configuration tab, change current theme to 'my_theme'.
  6. From now, DJ-Catalog2 uses 'my_theme' instead of default one. Any modifications that you wish to make, you should perform within your new theme - the changes will not be overridden when you decide to update the component.
Sometimes changing just the CSS code may be not enough for you and you feel like making modifications in DJ-Catalog2 layouts. There two ways to do this.
The first, standard approach is to  override layouts within your Joomla! template which involves copying component's layout files:
The second way is very similar to the first one, although instead of copying files into template's html folder you should copy them into following directory:
For example, in order to override the general layout of Single Product View you should copy following file:
NOTICE: Copy only those files that want to override (change) - it will save you a lot of time in case the future update of the component brings lots of changes in layout files.
Click here in order to download the sample theme. Un-zip the file and read the README.txt file to learn what to do next.
      • Related Articles

      • Product Customisation / Branding

        Let's say you are selling clothing with custom printed text and logo. Or you are selling coffee beans, but you would like to offer grinding as an additional service. Or - you would like to offer gift wrapping of all the products purchased by your ...
      • How to use themes

        The theme is a feature allowing you to override views of the component (globally or for chosen categories) and using your own, non-default CSS files. Using DJ-Classifieds Themes for overriding ideas is an alternative to the Joomla! Built-in template ...
      • DJ-ContentFilters basic usage

        This element will allow you to build advanced search engines based on your Joomla content! After installing the extension, make sure that the DJ-ContentFilters plugin is enabled. Configuration If you want to use DJ-ContentFilters on your site, the ...
      • How to use themes in DJ-Tabs

        Themes in DJ-Tabs With the Themes functionality, you can change the appearance of DJ-Tabs. Tab items are independent of their look, so the same set of items (tabs or accordions) can be used multiple times in multiple places (for example in different ...
      • Basic settings

        Theme – Choose the theme for DJ-Suggester flyout box. Offset – Set the offset from the bottom of the site to show suggestion box. Zero (0) means that box will be shown when user scrolls the site to the end. Default is 400px. Hide on scroll to top – ...