Collapse filters

  • Posts: 160
  • Thank you received: 8
4 years 2 months ago #315783

-- url of the page with the problem -- : www.luxminime.com/en/girls
-- HikaShop version -- : 4.2.2
-- Joomla version -- : 3.9.15
-- PHP version -- : 7.2.27

Hi,

I've been trying to resolve this for a while, but no joy so far.
I've used a Joomdev template as recommended by Hikashop, but the filters are not displayed via a module so I am unable to set the filters to "Collapse".
Could this be resoled via css?

Regards,
Colin.

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

  • Posts: 81515
  • Thank you received: 13069
  • MODERATOR
4 years 2 months ago #315785

Hi,

No, you can't resolve that with CSS.
However, HikaShop's configuration has a setting "Collapsable filters" under the Features tab so that you can configure the filters area for menu items like you can do for a filter module.
So you just have to configure that setting to your needs.

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

  • Posts: 160
  • Thank you received: 8
4 years 2 months ago #315789

Thanks Nicolas.

I have set the option to " Mobile devices" and the filters are now collapsible.
Is there a way to set the default status to collapsed for mobile devices?

Regards,
Colin.

Last edit: 4 years 2 months ago by Crashbandi.

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

  • Posts: 81515
  • Thank you received: 13069
  • MODERATOR
4 years 2 months ago #315794

Hi,

With this setting set to "mobile devices", the filters will be automatically collapsed by default on mobile devices (screens with a width below 800px).

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

  • Posts: 160
  • Thank you received: 8
4 years 2 months ago #315861

Hi Nicolas,

This doesn’t appear to be happening. For example, when I open www.luxminime.com/en/girls on my mobile the filters are not collapsed?

Regards,
Colin.

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

  • Posts: 81515
  • Thank you received: 13069
  • MODERATOR
4 years 2 months ago #315862

Hi,

I think it comes from your Joomla template customization. Because it looks like the collapse system has been redone with a template override but it doesn't collapse by default on mobile devices like it does by default.
I would recommend to temporarily switch to the protostar template to confirm this and then check with your template provider because in that case, they probably want to improve a bit the collapse system they have to be collapsed by default on mobile, like we do.

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

  • Posts: 160
  • Thank you received: 8
4 years 2 months ago #315949

Hi Nicolas,

Yes it appears to be the template. I have asked Joomdev to take a look, so hopefully they will provide a fix.

Thanks for your help.

Regards,
Colin.

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

  • Posts: 160
  • Thank you received: 8
3 years 11 months ago #319527

Hi,

The template provider has now allowed the use of the Hikashop filter module.
I have set it up here: www.luxminime.com/en/znacky/esprit
'Collapsable filters' is set to 'Mobile devices' but they are not collapsed by default on my mobile.
Could you take a look please.

Thanks,
Colin.

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

  • Posts: 4510
  • Thank you received: 611
  • MODERATOR
3 years 11 months ago #319533

Hello,

Can you process a test with a default template like ProtoStar ?
If that solve your issue, I'm afraid that maybe it always link to the template, and more precisely some html modifications leads by the template that prevent the collapsible filter to work.

If that change nothing, can you provide via our Contact us form some frontend/backend access in order to go more far on this ?
Awaiting news from you.

Regards

Last edit: 3 years 11 months ago by Philip.

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

  • Posts: 160
  • Thank you received: 8
3 years 11 months ago #319572

Hi Philip,

Yes, it works fine with ProtoStar. I guess I will try again with the template supplier.

Thanks for your help.

Regards,
Colin.

The following user(s) said Thank You: Philip

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

  • Posts: 4510
  • Thank you received: 611
  • MODERATOR
3 years 11 months ago #319583

Hello,

Hope you will succeed to solve your issue !
Regards

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

  • Posts: 160
  • Thank you received: 8
3 years 10 months ago #319784

Hi,

My template provider has fixed it.
I just need to remove the outer boarder from around the filters here: www.luxminime.com/en/new-in
The inner boarders are ok, just the single outer boarder.
Thanks.

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

  • Posts: 4510
  • Thank you received: 611
  • MODERATOR
3 years 10 months ago #319790

Hello,

This come from your template but this time we can correct this by adding some custom css code.
1. Have look on how to add your code on this tutorial, here .

2. Use your inspector tool, in order to see your html and your css (see screenshot)

alt


3. Create a higher priority (or his specificity) selector, see this w3school documentation

4. Add your this kind of code in the end of your frontend_css file
Ex : div.html_class .element_class {
border: 0px;
}

Note : We recommand to add a page_html_class in order to restrict your css code to where you need it and don't experiment side effect.
Ex : div.page_html_class div.html_class .element_class {
border: 0px;
}

Hope this will help you.
Regards

Last edit: 3 years 10 months ago by Philip.

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

  • Posts: 160
  • Thank you received: 8
3 years 10 months ago #320106

Wow, a lot to take in there. I will see what I can do.

Thanks for your help.

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

Time to create page: 0.087 seconds
Powered by Kunena Forum