YJSG Tabs to change to Accordions on responsive breakpoint
I am having a great time working with YJSG. I did a ton of research, YJSG is very, very good, very good documentation, awesome!
In my site, I'm using tabs in a few different instances, this can be seen on the home page of the demo I'm building.
- Module Tabs (using the Template/Layout Module settings, publishing modules to module positions that have been set to use Tabs)
- Short-code tabs, inserted into instances of the native CustomHTML module
As I'm working on the responsive CSS, I really want to be able to make some (or all) of the tabs to change to accordions on responsive breakpoints. Can you provide any suggestions as to how to best accomplish this?
There are a few jquery plugins that have good demos - but I'm really stuck on the best YJSG / Joomla! - proper method/files to override to accomplish this.
Files I have modified with overrides
- in the (/templates/eximium/layouts) directory:
- in (/templates/eximium/css)
Are you sure your are posting in product assigned forum?: Yes
What is your CMS version?: Joomla 3.x
MySQL Version: 5.x
PHP version: 5.x
Link to installation: http://archbiopartners.bensonmakes.com/
Have you edited any files? If yes tell us which ones.: Yes
Is this personal or client website?: Client
Please advise first if you purchase the copyright removal in the footer. If not please notice that you need to buy the branding removal first in order to change or remove the copyright in the footer.
As for the tabs and the accordion switch, there is no specific way to make this work the best with YJSG, you can try to add the plugin that you found and see if that will work for you.
I'm in beta on this site, so I've edited the footer for the client to see what it would look like.
Please provide a link or detail on the purchase. I'd like to do that, but to be honest, its not immediately clear to me on how, where, cost?.
Also, I'm a bit stuck on this part of implementing the plugin I mentioned (last step).
Use this jQuery function to enable responsive tabs on the selected element:Would I include this as a block of code as described on this page in your documentation?
ps. Please send me the link for purchasing the rights to modify the footer.
The link for branding removal purchase.
I used the "yjsg_custom_params.php" file, following the instructions here:
I added my CSS, JS and the JQuery function call all in there. Sort of like this for a test class called metamxTabs:
So, For my hero position on the Home Page I'm using the module position slider instead of the tabs, I added a mock version of the tabs navigation in my module for desktop navigation, and then the slider pagination for small displays. This is a bit better, and less work for me :).
Thanks for the help. I'm setting up the live site and will purchase the licence for the clients domain. All the code headers are completely preserved, so think I'll bo OK for the TOS.
I love this framework. As I get through the fine grain work, it seems you guys thought of everything, and when I want to customize its really pretty flexible. Awesome Job.
|All times are GMT -4. The time now is 09:08 AM.|
Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.