Page 1 of 1

Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 3:27 pm
by Jonas92
Is it possible to show filters even through a mobile phone? Because it now shows everything well on the computer, but it does not show the filters through the phone.
I am using version 2.3.0.2.

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 4:17 pm
by DigitCart
Hi,
Yes it's possible, Maybe your theme/extension is not responsive.

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 4:52 pm
by Jonas92
I would be interested to know how to do it. I would be interested to know how to do it. I do not know what kind of template is, but it is paid.

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 5:47 pm
by DigitCart
Most of new themes are responsive, can you provide a link to your site?

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 9:48 pm
by letxobnav
the left column is set to not display on small screens.

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 11:02 pm
by Jonas92
Site link: http://colorstory.lt
What should I do to show them on small screens?

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 11:10 pm
by DigitCart
Hi,
Your filter module has these css classes:

Code: Select all

<div class="panel panel-default filter hidden-sm hidden-xs">
change it to:

Code: Select all

<div class="panel panel-default filter">

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 11:51 pm
by Jonas92
Thanks, it works. Maybe you can make sure there are no filters that contain 0 items?

Re: Do not display filters in the mobile version.

Posted: Wed Aug 23, 2017 11:56 pm
by DigitCart
Jonas92 wrote:
Wed Aug 23, 2017 11:51 pm
Thanks, it works. Maybe you can make sure there are no filters that contain 0 items?
You're welcome,
sorry I did not understand what you mean.

Re: Do not display filters in the mobile version.

Posted: Thu Aug 24, 2017 12:07 am
by Jonas92
There are many filters on the page where there are no more products to click on. Is there a way to hide empty filters without products.
But they should be hid only as long as there is no product in them.

Re: Do not display filters in the mobile version.

Posted: Thu Aug 16, 2018 12:07 pm
by vishy972
Hi! Thanks for posting the solution on this issue..
"Post by DigitCart » Wed Aug 23, 2017 11:10 pm
Hi,
Your filter module has these css classes:
Code: Select all
<div class="panel panel-default filter hidden-sm hidden-xs">
change it to:
Code: Select all

<div class="panel panel-default filter">
My Extensions / DigitCart
"

Can you help me by telling where to locate these code to be changed on Opencart.. The file path where these changes need to be effected.
I am also facing this challenge and would like to resolve it so that customers can use the filter to select relevant products fast

Awaiting your reply. Many thanks and regards

Re: Do not display filters in the mobile version.

Posted: Thu Aug 16, 2018 3:26 pm
by DigitCart
Hi
Which theme are you using? which filter module are you using and which OpenCart version? if your site is online, please provide a link to your site.

Re: Do not display filters in the mobile version.

Posted: Thu Aug 16, 2018 3:43 pm
by vishy972
Thanks for your quick reply.. I use Opencart 2.3.0.2 and the theme is spongy
Our site is www.signatario.co.in The theme we use is spongy.. (https://themeforest.net/item/spongy-ope ... me/9554209)
you may see the filters on the desktop mode for sizes on www.signatario.co.in/shop
Let me know how to make the changes to see filter on the mobile version
Thanks and regards
Vishy

Re: Do not display filters in the mobile version.

Posted: Thu Aug 16, 2018 3:52 pm
by DigitCart
Add this CSS code:

Code: Select all

@media screen and (max-width: 768px) {
aside#column-left {
  display: block !important;
  float: none;
  width: auto !important;
}
}
To the end of this file:
catalog/view/theme/OPC080180/stylesheet/stylesheet.css

Re: Do not display filters in the mobile version.

Posted: Thu Aug 16, 2018 5:47 pm
by vishy972
Thank you so much. I amended the stylesheet.css as advised and the problem is fixed.. Am able to see the filters on mobile as well. Thanks for the quick revert. Best regards

Re: Do not display filters in the mobile version.

Posted: Thu Aug 16, 2018 5:49 pm
by DigitCart
You're welcome!

Re: Do not display filters in the mobile version.

Posted: Wed Feb 20, 2019 6:52 am
by AgentN
Hi DC,

I'm using 3.0.3.1 the default theme - and having the same issue of can't display the left column of filter.

Under stylesheet.css, from public_html/catalog/view/theme/default/stylesheet
I can't seem to find the following exact code:
<div class="panel panel-default filter hidden-sm hidden-xs">

are you able to advise how to display the filter on the left that was seen on desktop but not mobile view in this version?
thank you in advanced!

AN

Re: Do not display filters in the mobile version.

Posted: Wed Feb 20, 2019 6:57 am
by DigitCart
Hi
Please share a link to your site where filter is visible.