OpenCart Community

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.

Hi,
Yes it's possible, Maybe your theme/extension is not responsive.

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.

Most of new themes are responsive, can you provide a link to your site?

the left column is set to not display on small screens.

Site link: http://colorstory.lt
What should I do to show them on small screens?

Hi,
Your filter module has these css classes: change it to:

Thanks, it works. Maybe you can make sure there are no filters that contain 0 items?

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.

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.

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

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.

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

Add this CSS code: To the end of this file:
catalog/view/theme/OPC080180/stylesheet/stylesheet.css

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

You're welcome!

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

Hi
Please share a link to your site where filter is visible.

I'm using 3.0.3.2 and on the mobile version I don't see the filters. Where can I enable this so I can see the filter on the mobile version? I'n using the standard opencart template.

OC hides the left column on small devices by default in catalog/view/theme/default/template/common/column-left.php
so if you put the filter module in there via layout, remove the hidden-xs part or move the filter module to another part of the layout.