- Posts: 136
- Thank you received: 7
[solved] Style issue with bootstrap-min.css in Hikamarket
9 years 4 months ago - 8 years 6 months ago #268745
by flexsus
.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building
[solved] Style issue with bootstrap-min.css in Hikamarket was created by flexsus
-- 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:
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.
-- 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:
Code:
$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
Last edit: 8 years 6 months ago by flexsus.
Please Log in or Create an account to join the conversation.
9 years 4 months ago #268749
by Jerome
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.
Replied by Jerome on topic Style issue with bootstrap-min.css in Hikamarket
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,
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.
9 years 3 months ago #270697
by flexsus
.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building
Replied by flexsus on topic Style issue with bootstrap-min.css in Hikamarket
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
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.
9 years 3 months ago #270701
by Jerome
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.
Replied by Jerome on topic Style issue with bootstrap-min.css in Hikamarket
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,
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.
8 years 9 months ago #283682
by flexsus
.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building
Replied by flexsus on topic Style issue with bootstrap-min.css in Hikamarket
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
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
Please Log in or Create an account to join the conversation.
8 years 9 months ago - 8 years 9 months ago #283687
by Jerome
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.
Replied by Jerome on topic Style issue with bootstrap-min.css in Hikamarket
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,
"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: 8 years 9 months 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.
8 years 9 months ago #283697
by flexsus
.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building
Replied by flexsus on topic Style issue with bootstrap-min.css in Hikamarket
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
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.
8 years 9 months ago #283698
by Jerome
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.
Replied by Jerome on topic Style issue with bootstrap-min.css in Hikamarket
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.220 seconds