RocketTheme - TOPIC: Hide / show modules in mobile responsive layout (1/2)

Welcome Guest! Login

0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Hello,
  I wonder if there's a way to hide or show some modules in a responsive template, following the user agent used to browse the website.
  
  So I wanna hide a module when the website is seen on a mobile and show another when the website is browsed on a large screen.
  
  Thanks in advance
#964964
- Henning
- Preeminent Rocketeer
- Posts: 29363
- Thanks: 956
- Volunteer
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Thats what the responsive support classes are made for.
  Just use them as mod suffixes.
#964982
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Great,
  
  Are they listed within the tutorial of the template, or elsewhere ?
  
  Thanks a lot.
#965052
- Henning
- Preeminent Rocketeer
- Posts: 29363
- Thanks: 956
- Volunteer
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- as an example:
  
  www.rockettheme.com/forum/index.php?f=72...93990&rb_v=viewtopic
#965053
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Cool :cheesy:
  
  great help.
  
  Wish they included it within the tutorial of each responsive template, otherwise no one, will get to know this !!
  
  Thanks a lot Henning ...
#965062
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Hello,
  
  I just faced a big problem with Adsense ads, as with using "Responsive support classes", the modules are still loading in fact, but are just hidden only!
  
  and specially if they contain a script as Google adsense ads.
  
  What I really want is not to load them at all on mobile phones, and load other modules instead.
  Hope you got the point.
  
  So, do you think there is a solution for this ?
#965456
- Henning
- Preeminent Rocketeer
- Posts: 29363
- Thanks: 956
- Volunteer
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- hmm yes thats the idea of the rsponsive support classes (and responsive design in general).
  Gantry offers some tools to detect mobiles via php.
  It would take some custom coding to build a condition in the php for that.
  This more than we can offer in this support forum.
#965513
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Well yes I see...
  
  Thanks for your support, it has solved half of my issues, anyway
#965525
- Henning
- Preeminent Rocketeer
- Posts: 29363
- Thanks: 956
- Volunteer
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- I guess it could look like this
  
  <?php gantry_import('core.utilities.gantrymobiledetect'); ?>
  <?php $detector = new GantryMobileDetect(); ?>
  <?php if ($detector->isMobile()) : ?>
  
  soem code for my mobiles
  
  <?php endif; ?>
  
  ... just to give you some direction.
#965533
- The Boss
- Sr. Rocketeer
- Posts: 176
- Thanks: 1
- Art Director / Motion Designer.
Re: Hide / show modules in mobile responsive layout

Posted 12 years 1 month ago
- Thanks a lot for helping, Henning, ... but where should I insert this code?
  It seems not an easy thing to do, at least for me
#965713