Post by Jonas92 » Wed Aug 23, 2017 3:27 pm

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.

New member

Posts

Joined
Fri May 26, 2017 3:58 pm

Post by DigitCart » Wed Aug 23, 2017 4:17 pm

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

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by Jonas92 » Wed Aug 23, 2017 4:52 pm

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.

New member

Posts

Joined
Fri May 26, 2017 3:58 pm

Post by DigitCart » Wed Aug 23, 2017 5:47 pm

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

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by letxobnav » Wed Aug 23, 2017 9:48 pm

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

Crystal Light Centrum Taiwan


Active Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm

Post by Jonas92 » Wed Aug 23, 2017 11:02 pm

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

New member

Posts

Joined
Fri May 26, 2017 3:58 pm

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


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by Jonas92 » Wed Aug 23, 2017 11:51 pm

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

New member

Posts

Joined
Fri May 26, 2017 3:58 pm

Post by DigitCart » Wed Aug 23, 2017 11:56 pm

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.

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by Jonas92 » Thu Aug 24, 2017 12:07 am

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.

New member

Posts

Joined
Fri May 26, 2017 3:58 pm

Post by vishy972 » Thu Aug 16, 2018 12:07 pm

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

Newbie

Posts

Joined
Sat Sep 09, 2017 9:03 pm

Post by DigitCart » Thu Aug 16, 2018 3:26 pm

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.

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by vishy972 » Thu Aug 16, 2018 3:43 pm

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

Newbie

Posts

Joined
Sat Sep 09, 2017 9:03 pm

Post by DigitCart » Thu Aug 16, 2018 3:52 pm

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

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by vishy972 » Thu Aug 16, 2018 5:47 pm

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

Newbie

Posts

Joined
Sat Sep 09, 2017 9:03 pm

Post by DigitCart » Thu Aug 16, 2018 5:49 pm

You're welcome!

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by AgentN » Wed Feb 20, 2019 6:52 am

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

Newbie

Posts

Joined
Thu Jun 28, 2018 3:20 pm

Post by DigitCart » Wed Feb 20, 2019 6:57 am

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

My Extensions / DigitCart


User avatar
Active Member
Online

Posts

Joined
Thu Jun 22, 2017 5:32 pm

Who is online

Users browsing this forum: No registered users and 26 guests