Frontend CSS interferes with other componets that use the UI CSS

  • Posts: 272
  • Thank you received: 3
  • Hikashop Business
4 years 10 months ago #318385

-- HikaShop version -- : 4.2.3
-- Joomla version -- : 3.9.18

Hi there,

we have a CSS conflict issue with K2. K2 is also using the UI CSS for tabs. Unfortunately the css in the hikashop frontend_default.css is very generic and therefore gets applied to other components as well as yours. For example K2 uses the ui tabs when editing articles in the frontend:

<ul class="k2TabsNavigation ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
</ul>
The code in the hikashop frontend_default.css gets applied to the K2 tabs and it becomes a mess.

Is it possible to add some additional CSS selectors (specific to Hikashop) to your code (lines 1394 to 1424) to avoid this issue?

Thanks, James

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

  • Posts: 83404
  • Thank you received: 13497
  • MODERATOR
4 years 10 months ago #318389

Hi,

This code is not in frontend_default.css anymore.
It's either in frontend_old.css which is the old CSS from HikaShop 1.x and 2.x, or in style_default.css which is deactivated by default.
Now that CSS isn't used anymore by any HTML we have in HikaShop. It has been replaced by our own tab CSS as the CSS and JS from jQuery UI created conflicts with other extensions/templates.
But I'll remove it from the style_default.css as there is no reason to keep it there in the future.
I however don't see how you could have it in frontend_default.css unless you're using a really old version of HikaShop.
If you really have it, I suppose you can just delete it.

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

  • Posts: 272
  • Thank you received: 3
  • Hikashop Business
4 years 10 months ago #318453

Hi Nicolas the site has been running Hikashop since v1.4.1 ;-).

I just downloaded the latest Hikashop version 4.3.0 and looked in the frontend_default.css and the offending code is still there. Is in both frontend_old.css and frontend_default.css. Please check at from your side.

Thanks, J

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

  • Posts: 4816
  • Thank you received: 654
  • MODERATOR
4 years 10 months ago #318466

Hello,

Please provide an url link that will allow us to better understand the context.
This will help us to better get the root issue.
Awaiting news from you to progress on your subject.

Regards

Last edit: 4 years 10 months ago by Philip.

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

  • Posts: 272
  • Thank you received: 3
  • Hikashop Business
4 years 1 week ago #330516

Still an issue in 4.4.1. The hikashop frontend_default.css has formatting that interferes with any other Joomla component that loads the JQuery UI class. See the attached screenshot.

Solution: add some css selectors to the frontend_default.css code to that the formatting is only applied when viewing the hikashop component.

Attachments:

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

  • Posts: 83404
  • Thank you received: 13497
  • MODERATOR
4 years 6 days ago #330517

Hi,

I'm sorry but I can't find such CSS code on our end:
i.imgur.com/ddyOzEq.png
You can see on the top right of the screenshot that the search doesn't find any text with ui- in the frontend_default.css file.
You keep telling us that you see that CSS there and we keep tell you that it's not the case anymore.
Unfortunately, it will be the same next year since we don't have that CSS anymore in the frontend_default.css file.
There must be something else to it.
Like for example, maybe you have permissions on that file preventing the Joomla installer from updating that file and your frontend_default.css file is from a really old version of Hikashop.
That's why Philippe asked you last year for a link to that page so that we could check on your frontend_default.css

Last edit: 4 years 1 week ago by nicolas.

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

  • Posts: 272
  • Thank you received: 3
  • Hikashop Business
4 years 6 days ago #330543

Sorry my mistake. It was present in com_hikashop_business_v4.4.0_2020-10-04_21-31-30 but the code has been remove in 4.4.1.

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

Time to create page: 0.070 seconds
Powered by Kunena Forum