Category list display

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #41721

I have category module like on the demo site.
I can only get the child categories to display across.
How do I get a vertical list of child categories
Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 35
  • Thank you received: 0
12 years 10 months ago #41750

In the Details of your category module, try changing "Number of columns" value to 1. That should do the trick!

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #41753

That's what I thought but it doesn't work
See attached for the settings I have

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #41877

Could you give a link to a page where you have your category listing module displayed ?

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #41912

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #42023

You need to add the CSS code:
.hikashop_category_list_item, .hikashop_product_list_item { float: none !important; }
in the front end CSS file of HikaShop that you can edit via the interface in the Display tab of the configuration.

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #42029

I replaced

.hikashop_category_list_item, .hikashop_product_list_item{
float:left;
}
with
.hikashop_category_list_item, .hikashop_product_list_item {
float:none;
}

Makes no difference

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #42201

Please make sure that you changed the front end CSS file to the custom one your created and that you saved the configuration.

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #42483

.hikashop_category_list_item, .hikashop_product_list_item{
float:none;
}
This is from the saved CSS
Still doesn't work!

Please Log in or Create an account to join the conversation.

  • Posts: 182
  • Thank you received: 15
12 years 10 months ago #42495

You left out "!important" at the end of the line, it is needed to override another CSS call for that class.

Jan

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #42605

It still hasn't fixed the problem
This is the line now!
.hikashop_category_list_item, .hikashop_product_list_item { float: none !important;

}

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #42749

You're still using the default CSS of HikaShop.
Go in the Display tab of the configuration of HikaShop and change the front end CSS file to "custom" instead of "default" and then save.

Please Log in or Create an account to join the conversation.

  • Posts: 14
  • Thank you received: 0
12 years 10 months ago #42847

fixed

Please Log in or Create an account to join the conversation.

Time to create page: 0.104 seconds
Powered by Kunena Forum