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.

Active 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


User avatar
Active Member

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.

Active 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


User avatar
Active Member

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
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

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?

Active 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


User avatar
Active Member

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?

Active 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


User avatar
Active Member

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.

Active 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


User avatar
Active Member

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


User avatar
Active Member

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


User avatar
Active Member

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


User avatar
Active Member

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by nexus85 » Mon Aug 19, 2019 12:39 am

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.

Ontwikkeld de site Kluizen Discount


New member

Posts

Joined
Wed Jan 27, 2010 4:40 pm

Post by letxobnav » Mon Aug 19, 2019 9:59 am

OC hides the left column on small devices by default in catalog/view/theme/default/template/common/column-left.php

Code: Select all

<aside id="column-left" class="col-sm-3 hidden-xs">
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.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan
Who is online

Users browsing this forum: jagall, SohBH and 263 guests