Designing the category list display

  • Posts: 190
  • Thank you received: 9
8 years 1 week ago #263027

-- HikaShop version -- : 3.0
-- HikaMarket version -- : 1.7.3
-- Joomla version -- : 3.6.5
-- PHP version -- : 7

Hi guys,

I am building a theme for the Hikamarket frontend suite.
I really love the feature that i can do this in the frontend!

But the designing is difficult for the category list.
Instead of the folder image i would like to do this with icons (font-awesome).
But there is no class for the category when open.

I would be nice to have a class for that. Or that you guys change all images for icons.
Also the account images and stuff. That i can choose a library for images would be nice.
I use font-awesome for everything but maybe some people do not :-D

Here the start of my design:
www.dropbox.com/s/6ilzpab6nrw0w7c/Screen...%2010.44.07.png?dl=0

I hope i can style this category list better in the future!

Thanks!

Last edit: 8 years 1 week ago by joris85.

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

  • Posts: 26201
  • Thank you received: 4032
  • MODERATOR
8 years 1 week ago #263038

Hi,

I'm sorry but I don't understand what you want to customize exactly.
What "folder image" are you talking about ?

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.

  • Posts: 190
  • Thank you received: 9
8 years 1 week ago #263071

Sorry :-)
I try it with signs, maybe that will make it more clear.
www.dropbox.com/s/cmklsz11jt9pu2w/unspecified.png?dl=0

Is this better?

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

  • Posts: 26201
  • Thank you received: 4032
  • MODERATOR
8 years 1 week ago #263077

Hi,

That tree is displayed thanks to the "otree" lib and because it display more than the folders and the icons, it is not possible to use classnames for the elements.
As you can see, there is also images for the "lines" and for the "-" and "+" blocks.
Unfortunately, it's not possible to handle that using front-awesome or other ; and changing the icons by something with another dimension will break the design (and alignments).

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.

  • Posts: 190
  • Thank you received: 9
8 years 1 week ago #263154

Hi Jerome,

Thats to bad...
Painfull for the eye and usability if you ask me :)

I hope there is coming an other library to show this tree in the future.
The new design of 3.0 in the backend is great but if i see this it is a pain in the ass haha
Sorry i know i am harsh on these things, do not take it personal ;-)

Thanks for all your support and have a great day!

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

  • Posts: 26201
  • Thank you received: 4032
  • MODERATOR
8 years 6 days ago #263183

Hi,

oTree is an home made library that I created several years ago.
That library is fast, flexible and optimized.
If you have ideas to make the display of the tree "nice" using only CSS, we are aware and open to suggestions.

But I'm afraid that oTree is the best choice and the only choice for our components. No other lib is providing such kind of asynchronous features and such level of flexibility.
Customization wasn't my primary goal but it is possible to customize the display. HikaShop do not use the same icons in the backend for example.

Sorry i know i am harsh on these things, do not take it personal ;-)

I won't take it personally. But please provide constructive arguments.
I don't think that talking about "pain in the ass" won't make things go in the right direction.

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.

  • Posts: 190
  • Thank you received: 9
8 years 6 days ago #263280

Hi Jerome,

Sorry maybe that was a harsh expression :-)
It was more ment like good design and the otree does not fit in the new 3.0 design of Hikashop.
There is a Dutch expression and i took an english one and it was more nasty than i ment :-P

Her are some arguments:
- Phone/tablet friendly: on tablet or phone (i try to navigate in the tree but is difficult)
- when i search on desktop i want to go down with arrows and enter
Now i must use the mouse to click on it.
- Desin of the tree is old fasion (windows 95 style)
- Not flexible enough to create own design for the tree
- you use images so it is a http request and it can also be a iconfont

I wil try to change the whole otree images and look how the design is than.

Thanks for listening Jerome and have a great day!

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

  • Posts: 26201
  • Thank you received: 4032
  • MODERATOR
8 years 6 days ago #263290

Hi,

That's sure that the icons are a with an "old design". I did not created images, I used some existing resources and I was mostly focus on the code itself.

If you have examples of tree design, feel free to share them with us.
About the support of the keyboard, it is something that we could see to implement. I already did implement such keyboard support for the namebox system so it shouldn't be to hard to do it for oTree.

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.

  • Posts: 190
  • Thank you received: 9
8 years 5 days ago #263365

Hi Jerome,

Well if you find a way for the usibility i will share my icons and css :-)

Thanks for thinking with me on making otree better!

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

Moderators: Obsidev
Time to create page: 0.069 seconds
Powered by Kunena Forum