How to change CSS or layout files

How to change CSS or layout files

The best thing you can do considering changes in DJ-Catalog2 CSS code is to create 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 image folders from the 'default' folder into your new theme folder. The theme folder should represent the following structure:
/components/com_djcatalog2/themes/my_theme
|_ 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 notification, etc. }
4. DO NOT copy the theme.php file nor the js folder into your theme unless you know what you are doing and plan to modify the theme's PHP or JavaScript code. The same applies to the email directory and files 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 the 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 maybe 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:
/components/com_djcatalog2/views/{view_name}/tmpl/{layout_name}.php
into:
/templates/{your_template}/HTML/com_djcatalog2/{view_name}/{layout_name}.php
The second way is very similar to the first one, although instead of copying files into the template's HTML folder, you should copy them into the following directory:
/components/com_djcatalog2/themes/my_theme/views/{view_name}/ 
For example, to override the general layout of Single Product View, you should copy the following file:
/components/com_djcatalog2/views/item/tmpl/default.php
to:
/components/com_djcatalog2/themes/my_theme/views/item/default.php
NOTICE: Copy only those files that want to override (change) - it will save you a lot of time if the future update of the component brings lots of changes in layout files.

      • Related Articles

      • Add videos to product in DJ-Catalog 3.8.0

        The video support feature allows adding videos to DJ-Catalog2 products. Each DJ-Catalog2 product contains a “videos” tab, where users can add videos using the “upload videos” or “enter the video URL” option. There is also a third option available - ...

      • How to change image ordering in DJ-Catalog2?

        If you want to change the ordering of the images in DJ-Catalog2 and display a different image as the first image in the catalog, you need to: enter the product details in the backend set the new ordering save

      • DJ-Catalog2 with multilanguage option using FaLang

        NOTE: Falang translation for DJ-Catalog2 works only in the backend. Currently, there's no way of translating items from the frontend. Here is a short instruction on how to use FaLang Extension with DJ-Catalog2 for Joomla, Ok, let's start: ...

      • Customize layout DJ-MediaTools

         Slide settings Title Show title - yes/no Link title - yes/no Title limit - Limit the number of characters in a slide title to show in a description box.  Title color - choose the title color and a transparency level, where 1 is not transparent at ...

      • DJ-Classifieds User Avatar module

        This is a simple module allowing to display the DJ-Classifieds user's avatar. Frontend view Backend view Module Class Suffix - A suffix to be applied to the CSS class of the module. This allows for individual module styling.  Show change photo link - ...