[solved] Style issue with bootstrap-min.css in Hikamarket

  • Posts: 135
  • Thank you received: 6
  • Hikamarket Multivendor Hikashop Business
1 year 2 weeks ago #268745

-- HikaShop version -- : 3.0.1
-- HikaMarket version -- : 1.7.3
-- Joomla version -- : 3.6.5
-- PHP version -- : 7.0.10
-- Browser(s) name and version -- : all
-- Error-message(debug-mod must be tuned on) -- : no

Hi
I'm confused?!
In Hikamarket Demo the search/filter is using bootstrap-min.css and the column order uses bootstrap hasPopover.
But in my template and/or Hikamarket bootstrap-min.css is not loaded. I could add this to my Gavick template:

$this->API->addCSS($this->baseurl . '/media/jui/css/bootstrap.min.css');
$this->API->addCSS($this->baseurl . '/media/jui/css/bootstrap-responsive.min.css');
$this->API->addCSS($this->baseurl . '/media/jui/css/bootstrap-extended.css');
$this->API->addCSS($this->baseurl . '/media/jui/css/icomoon.css');
$this->API->addCSS($this->baseurl . '/media/jui/css/chosen.css');

But to my understanding, Hikashop 3 and maybe Hikamkaret is going away from using Bootstrap?
So where do you suggest I go for fixing styling issues?

Regards
Henrik




haspopup show up all wrong left and icons is missing on buttons.


.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building
Attachments:
Last Edit: 2 months 4 days ago by flexsus.

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

  • Posts: 22336
  • Thank you received: 3477
  • MODERATOR
1 year 2 weeks ago #268749

Hello,

Yes we are removing bootstrap from HikaShop and HikaMarket ; afterwards there is still an option "bootstrap design" in HikaShop 3 and HikaMarket is still using it for some elements (and can propose two kind of design).

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.
The following user(s) said Thank You: flexsus

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

  • Posts: 135
  • Thank you received: 6
  • Hikamarket Multivendor Hikashop Business
11 months 3 weeks ago #270697

Sorry for late reply. OK, I better set the legacy setting to not use Boostrap design then, if you are turning away from it. I better use what you will support in furture.
Regards,
Henrik


.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building

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

  • Posts: 22336
  • Thank you received: 3477
  • MODERATOR
11 months 3 weeks ago #270701

Hello,

In next HikaMarket release ; the HikaShop responsive grid will be more used in the views.
Because HikaShop (and his add-ons) were too more oriented on Bootstrap 2 (provided by the Joomla core) and it generated side effects with Bootstrap 3 templates, we decided to extract our content from that CSS framework to avoid future issues.

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: 135
  • Thank you received: 6
  • Hikamarket Multivendor Hikashop Business
5 months 3 weeks ago #283682

Hi Jerome
I know it's a bit old, this thread, but I'm still having issues with the popover.

I noticed, that when the <div> inserted into DOM it some places has class 'popover fade top in' and other places has 'hk-tooltip fade top in'.
What code is responsible for this add to DOM?
Where can I change it to yours 'hk-tooltip...'? since this is working. And will this be your future class for the popovers?

As you can see, it's problems in /order/show.php and /order/listing.php

Regards,
Henrik



.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building
Attachments:

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

  • Posts: 22336
  • Thank you received: 3477
  • MODERATOR
5 months 2 weeks ago #283687

Hello,

"hktooltip" is related to the HikaShop core and not to HikaMarket. So it might not be the best thread to talk about it.
Afterwards, that lib is just a convertion of the official Bootstrap 3 tooltip lib (but with a different name to avoid any kind of conflict, with the Joomla jquery tooltip for example).

And the "popover" you mentioned is the official popup added by the Joomla core system regarding the table headers for sorting.
It's not even added by HikaMarket or HikaShop ; it's coming directly from the Joomla core and it should be handle (or override) by your template.

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.
Last Edit: 5 months 2 weeks ago by Jerome. Reason: typo fix
The following user(s) said Thank You: flexsus

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

  • Posts: 135
  • Thank you received: 6
  • Hikamarket Multivendor Hikashop Business
5 months 2 weeks ago #283697

Hi Jerome

You are absolutely right! It's coming from my Gavick template. They forgot to add CSS, but this was fixed in Gavick Storefront template v.3.23.0 by adding popovers.css to template.
Sorry for involving you into this, but your last answer actually made me look the right place to fix this issue.

Regards,
Henrik


.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building

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

  • Posts: 22336
  • Thank you received: 3477
  • MODERATOR
5 months 2 weeks ago #283698

No problem !


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.

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