Breadcrumbs

Home / Support Center / Tutorials, Guides & FAQs / DJ-Classifieds tutorials and guides / How to display custom fields in more than one column

Top Menu

Content

How to display custom fields in more than one column

howtodisplaycustomfields

You can easily modify the CSS of DJ-Classifieds to display the custom fields in more than one column.

I will show how you can do it using our demo installation as an example.

The example product we will be working on is: https://demo.dj-extensions.com/dj-classifieds-new/single-ad-view-with-buy-now

Once the product is displayed in the browser (I am using Chrome, but you can find similar options in other browsers) right-click on of the custom fields and choose “Inspect”.

Inspect-custom-field-dj-classifieds

Now, when in Inspect mod, click on div with class “custom_det” to see the path to the CSS in your Joomla installation

findCSSpath-dj-classifieds

In my case, it is: https://demo.dj-extensions.com/dj-classifieds-new/components/com_djclassifieds/themes/clean/css/style.css line 2261

Now, I find the CSS file in the FTP client and open the file

e6a56325-8da5-4a02-a603-72d3185d205f

now, starting from line 2261 we need to add

column-count: 2;  

and save the file

c7bce484-8ffd-43cb-bf85-4fc787e9995a

Now, there are two columns available:

28ffd74b-f3e5-4e75-b074-2d2eacbf4803

You can, of course, use a different number of columns if needed.

The solution I will show you is the most simple one and need to be done again once the extension is modified.

If you are using Joomla-Monster template built on the EF4 framework you can add those changes to the custom.less file and then it won’t be changed during the DJ-Classifieds update.

Follow this tutorial to add your own styles to Joomla-Monster’s templates: https://www.joomla-monster.com/documentation/template-tutorials/how-to-add-your-own-css-styles-to-joomla-template-based-on-ef4-framework

In my case I have added to the custom.less:

#dj-classifieds .dj-item .custom_det {
column-count: 2;
}

the effect is the same, two columns added + you are safe with the updates.


Found this article interesting? Subscribe for more.
Or share this article with your friends.
Tuesday, 18 July 2017 13:08
 
User Rating:  (0)
PoorBest
 

Buy

DJ-Classifieds

Ultimate classified ads solution for Joomla.

Buy now

Footer Menu