HikaShop Content Module - Horizontal Layout

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 11 months ago #78608

I'm using the "List" option in the "HikaShop Content Module". I'm trying to get it to list the items horizontally but unsuccessful so far. When I check the code via firebug there's an element style of "100%". I'm not sure if that's what's preventing me to get it horizontal.

This is what I have so far:

ul.hikashop_category_list_products {
list-style-type:none; }
ul.hikashop_category_list_products li.hikashop_category_list_item {
width:20%; display:inline; }

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

  • Posts: 182
  • Thank you received: 15
11 years 11 months ago #78611

I think it would be easier to have the display as DIV and the number of columns you want in the settings.

Then edit the things you want to be displayed in the view.

List view is really one item per row.

What you want is a DIV Column view.


Jan

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 11 months ago #78831

List view is really one item per row.

Thanks didn't realize that.

I'm using the "HikaShop Content Module" as a menu I guess I'm using the wrong module? :(

I need to create a menu that list the categories but I want it to list the categories horizontally as the menu area is horizontal. If I use the DIV, each time a item is added to the category I would have to change the columns.

Thanks!!

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

  • Posts: 26152
  • Thank you received: 4027
  • MODERATOR
11 years 11 months ago #78845

Hi,

The listing "list" display information in "ul / li" elements.
The listing "div" display information in "div" elements. You can specify a number of columns but you can set a high number.
After that, you can customize as you want the design using CSS.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.063 seconds
Powered by Kunena Forum