NoMobile & NoTablet Suffix not Functioning

I am attempting to rid the website of certain modules for the mobile version. In order to do this I have used the nomobile suffix (with the space in the beginning), but this causes the module to disappear on all versions: desktop, mobile and tablet.

I read about a similar situation in the Fashion template, (https://www.gavick.com/forums/fashion-r ... 17288.html) but the solution proposed does not apply here because I've checked for the CSS changes in mobile.css and tablet.css and they were already in place for the Bike Store template.

Does anyone know what may be causing this problem?

Looking forward to your help!

Thank you,

Carlos

Hi

Where You have found information about this suffixes ? I think our templates do not support that. Here is a list of available suffixes for modules http://demo.gavick.com/joomla16/jun2012 ... variations

Hi

Where You have found information about this suffixes ? I think our templates do not support that. Here is a list of available suffixes for modules http://demo.gavick.com/joomla16/jun2012 ... variations

I read about this under the New Suffixes for Mobile Devices section of the following Gavick Documentation for Responsive Layouts:

https://www.gavick.com/documentation/jo ... ve-layout/

They are not specified in the Fashion and Music responsive layouts either, as you have pointed out for the Bike Store template, but I figured this documentation was information for all responsive layouts.

If I can get the nomobile suffix to work, it may remove the need to alter the order of the sidebar and mainbody in mobile view (as I requested in the other thread you responded to).

Please advise.

Thank you!

In addition to my previous response:

I'm hoping to have the onlymobile and onlytablet suffixes work as well.

Thank you!

Hi

I've just check and this suffixes are included in style files:

Code: Select all

/* limitation suffixes */
.box.notablet {
   display: block!important;
}
.box.nomobile {
   display: none!important;
}
.box.onlytablet {
   display: none!important;
}
.box.onlymobile {
   display: block!important;
}


Please show me You site.

Hi

I've just check and this suffixes are included in style files:

Code: Select all

/* limitation suffixes */
.box.notablet {
   display: block!important;
}
.box.nomobile {
   display: none!important;
}
.box.onlytablet {
   display: none!important;
}
.box.onlymobile {
   display: block!important;
}


Please show me You site.

Site URL: http://shop.unisolinternational.com

Thank you

Hi

It's our bug. Please go to /css/template.css and remove this code from it:

Code: Select all

.notablet {
   display: none;
}
.nomobile {
   display: none;
}


I'm reporting this to programmers for fix.

Hi

It's our bug. Please go to /css/template.css and remove this code from it:

Code: Select all

.notablet {
   display: none;
}
.nomobile {
   display: none;
}


I'm reporting this to programmers for fix.

Hi, has there been any update on this bug?

The only way I can make this template look good in mobile is by using those suffixes.

Looking forward to your help!

Thanks,

Carlos

Hi

I've reported this problem to programmers already and I do not see it in task list anymore, so probably this got fixed. Try update Your template.

But did my code not helped ? This should be the solution they added to newest template version.

That seems to have done the trick!

Sorry for the late response, but once again, thanks for your help!

Regards,

Carlos

Hi guys, I have the latest 3.5.1. version of this template but I have some problems with ' nomobile' and ' onlymobile' suffixes...

in the mobile layout I want to hide the module selected with pink box (see the image)
This module is placed in 'search' position and contains an image.


the same thing happen when I use " nomobile" suffix for other modules in other modules position like 'header'.

If I use ' nomobile' suffix in other modules position like 'mainbody' or 'sidebar' it works.

Why? Please help

ok, solved adding this:

#gkSearch { display: none; }

in mobile.css

Hi

Yes. This is the only solution in this case. Search module has a raw style which means that class suffixes are not being attached to it.

thank you teitbite,

Here another issue:

it seems that these suffixes doesn't work with Custom Html modules in every module position.
is there a way to fix it?

Hi

That's odd. There is nothing special about mod_custom. This should work. Are You sure the suffix is set properly ? The most common mistake it that there is no space before suffix added. Please check this and if it's ok, than send me an access to Your joomla panel.

Hi,
I have a similar question related to this string.
I would like to remove the frontpage image show from the mobile version (i am using Image Show GK4ver. 1.32). The nomobile suffix does not remove it. I cannot seem to find the #gk.. function in mobile.css to cancel this out. Could you provide me with the correct name of this function?
Best regards,

Hi

Please show me Your site.

Hi

Ok. I think I know why it's not disappearing. "header" module position is a raw one, which means that it doesn't display header and also does not support module class suffixes. Please simply edit file /layout/default.php and change this line:

Code: Select all

          <jdoc:include type="modules" name="header" style="<?php echo $this->module_styles['header']; ?>" />


to

Code: Select all

          <jdoc:include type="modules" name="header" style="gk_style" />


You can also set the style in template settings, but I find it faster to edit the file directly.

Hello Teitbite, removal of the module definition worked fine. Thanks again for your prompt reply and guidance, regards

Hi

I would really like to help You with this speed up but I'm overloaded with work this month and cannot squeeze even 1h job right now

1. You cannot force Image Show to load faster because it will display a partially loaded images. Of course You can try and see how it looks like by using this css:

Code: Select all

.gkIsWrapper-gk_yourshop .gkIsPreloader { display: none; }


2. This is a known joomla cache issue. You should try using a different cache solution.

You should try JCH Optimization plugin, probably configuring it will not be easy, but it should reduce a number of files loading for Your site which can be good for performance.

Hi Teitbite,
Thanks for your response, I've given some feetback to your comments in another post for the yourShop template.

Hi

Can You please give me a link to this thread. I cannot find it.

The thread is below:
https://www.gavick.com/forums/yourshop/ ... 19539.html

Thanks again teitbite.

Hi

Ok. I'm following the link

Hi,
I don't know why, but I managed to make nomobile work correctly but notablet is still ignored.
For example the module on the top left of my site has nomobile and notablet suffixes but only nomobile works.

The website is http://www.allevamentosiberiani.it

Gianluca

Hi

When You are using both this suffixes at the same time than they are in conflict with each other. Basicaly when You are on tablet layout than suffix "notablet" hides it, but "nomobile" is making it appear again.

Unfortunately noone expected to hide from default only, so please create a new suffix: "onlydefault", than add this classes to mobile.css and tablet.css file:

Code: Select all

.box.onlydefault {
display:none!important;
}


Thank you, it worked like a charm!

Hi

When You are using both this suffixes at the same time than they are in conflict with each other. Basicaly when You are on tablet layout than suffix "notablet" hides it, but "nomobile" is making it appear again.

Unfortunately noone expected to hide from default only, so please create a new suffix: "onlydefault", than add this classes to mobile.css and tablet.css file:

Code: Select all

.box.onlydefault {
display:none!important;
}


Hi

Great. Glad I could help