Joomla Templates Club 406,261 posts

[jan2222 Friend jan2222Join date: June 2009Posts: 21Downloads:11Uploads:3 Thanks: 7]

#189279

Dear Community,
is it possible to have a view like “All Categories” for just one category but the items of that category are displayed in the kind of table look?

I have two different categories where I want the items to be displayed in the style of “All categories” as you can see in Demo.

Has anybody an idea?

Thank you very much.:)

Kind regards,
Jan

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500466

Hi Jan,

On JA Brisk template, We use the default layout (Category blog, List Alls categories) of Joomla content so that you will need to customize the core Joomla layout to get your requirement. But, you can try to put below css codes into your templates/ja_brisk/css/custom.css file:

p {
margin: 0 !important;
}

article img {
float: left !important;
margin: 0 20px 20px 0 !important;
max-width: 300px !important;
}

These will make the category blog layout look quitely similar with List All categories layout on JA Brisk template.

[jan2222 Friend jan2222Join date: June 2009Posts: 21Downloads:11Uploads:3 Thanks: 7]

#501191

Hi,
thank you for your answer. But isn´t there an easier way?

Just to specify my question:
The layout as I want it already exists. See attachment. I want this exact layout for just one category. That all items of that category are displayed like this on the category overview page.
Right now all categories that I have together are shown in this overview. But I want only one category.

Thank you.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501239

Hi jan2222,

You can use the page class suffix with extra css styles to apply the customized layout on the category blog menu item you want.

i.e: The extra css styles should be:

div.blog.page_class_name article p {
margin: 0 !important;
}

div.blog.page_class_name article img {
float: left !important;
margin: 0 20px 20px 0 !important;
max-width: 300px !important;
}

Then add page class into Page Display Options in the backend of selected menu item. Make sure you leave one space before the inputed texts.

---

Attachments:

1. 

[jan2222 Friend jan2222Join date: June 2009Posts: 21Downloads:11Uploads:3 Thanks: 7]

#501256

What do I set for page_class_name?
Name is category name? Or how can I understand this.
I noticed that I have forgotten in previous post. So here it is:

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501265

Hi Jan2222,

I forgot to notice you that the above extra css styles work for Joomla content only with overidding the category layout to be familar with All categories list layout . As your given snapshot, you will need to customize the K2 category layout so that I suggest you to hide an experienced developer to help you handling this task. You can raise your bid at http://www.joomlancers.com/ for any candidates.

[jan2222 Friend jan2222Join date: June 2009Posts: 21Downloads:11Uploads:3 Thanks: 7]

#501299

But the snapshot I took wass taken from your demo site.
Now your demo site changed. But still it was on there… Akward.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501308

Hi jan2222,

You know, the K2 All categories list layout is different from K2 category layout which requires you to customized both CSS & HTML elements to make them look similar. That is why I suggested you to hire an experienced developer to handle this task. Hope you understand these.

[Author]

Posts