- Posts: 84
COMMUNITY FORUM
Using JW Tabs and Slides to conceal k2 divs
- Marty Peet
-
Topic Author
- Offline
- Premium Member
Slide Comments
Scroll down the page until you see the View Additional Information and View/Add Item Comments, click on either/both of those links and see how it works. To do the following you MUST have the JWTS Tabs and Slides in content items installed. It can be downloaded here:
www.joomlaworks.gr/content/view/15/42/
Hope it's useful to someone out there in k2 land
I've updated the attached text file with an extra comment to make it easier to use... you MUST change the paths to the js files to suit your site ESPECIALLY line 6 (import directive) in the attached file.
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
- Posts: 3722
div code here
{/slide}
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
- Posts: 3722
Marty Peet said:Hey William, nope, I tried that and k2, or something strips the code. If you download the attached text file you'll see what needs to be done.
Please Log in or Create an account to join the conversation.
- AdrianK
-
- Offline
- Senior Member
- Posts: 46
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- AdrianK
-
- Offline
- Senior Member
- Posts: 46
I think I will code this function in the next 2 months using mootools.
Please Log in or Create an account to join the conversation.
- FeSys
-
- Offline
- Elite Member
- Posts: 262
Your idea is safe, clean, and simple..
I do like it. Keep good idea
Thanks for sharing this nice tips.
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- AdrianK
-
- Offline
- Senior Member
- Posts: 46
If you want to use JQuery anytime take a look on this plugin:
extensions.joomla.org/extensions/core-enhancements/scripts/7230?qh=YTo0OntpOjA7czo2OiJqcXVlcnkiO2k6MTtzOjY6InBsdWdpbiI7aToyO3M6NzoicGx1Z2lucyI7aTozO3M6MTM6ImpxdWVyeSBwbHVnaW4iO30%3D
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- pocasolta
-
- Offline
- Junior Member
- Posts: 20
great post! thanks for sharing with us!
I've been looking for a way of doing the same but with tabs instead of slides (using the same TS plugin)... I just want the extended categories, image gallery and video sections sorted in tabs instead of "hidden" in slides...
do you think it's easy to change the code for tabs?
thanks in advance!
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
- Posts: 3722
$document->addScript("template.sin-iqual.com/plugins/content/plugin_jw_ts/tabs_slides_comp.js");
$document->addScript("template.sin-iqual.com/plugins/content/plugin_jw_ts/tabs_slides_def_loader.js");
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
- Posts: 3722
also, the {before} and {after} code must be inside the to work
thanks
Nice addition!
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
1) created a k2 overrides template
2) wrapped the entire category_item.php file in the before/after code for the slide component
3) created a menu link to the category view and....
have a look at the layout here. Click on the Experts menu option and then the list of names below the image. The layout is controlled by the k2 item in a category layout options, accessible via the k2 administrative interface. As you increase the number of columns for the primary items you get more columns of names/links/sliders. Not sure what use it'll be put to in the future, however, it does open up other options of displaying content. Perhaps someone could code it to display the entire span e.g. if 3 columns are selected in the layout settings, then all those items are displayed when one of the links is clicked....
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
template.sin-iqual.com/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=5&Itemid=4
Marty Peet said:Don't know what you guys will thinks of this, it's interesting though? been playing some more with this functionality. I've done the following:
1) created a k2 overrides template
2) wrapped the entire category_item.php file in the before/after code for the slide component
3) created a menu link to the category view and....
have a look at the layout here. Click on the Experts menu option and then the list of names below the image. The layout is controlled by the k2 item in a category layout options, accessible via the k2 administrative interface. As you increase the number of columns for the primary items you get more columns of names/links/sliders. Not sure what use it'll be put to in the future, however, it does open up other options of displaying content. Perhaps someone could code it to display the entire span e.g. if 3 columns are selected in the layout settings, then all those items are displayed when one of the links is clicked....
Please Log in or Create an account to join the conversation.
- Marty Peet
-
Topic Author
- Offline
- Premium Member
- Posts: 84
template.sin-iqual.com/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=5&Itemid=4
Please forgive the layout/look, working on function not form at the moment ;-] This is what I've done:
1) In Joomla/k2 created an Experts category
2) Created 6 subcategories of Experts, Accounting, Finance, Marketing, Management, Strategy and Business Information Technology
3) In the Experts category page created 2 MANUALLY entered tab contents, Overview and Working with our Experts
4) Create a template for the Experts category and sub-categories
5) Edited the category.php file so that it displays ALL sub-categories in tabs
6) Edited the item.php file so that all content for displays in slides
6) Created a menu link to the top level Experts category
Some of that functionality should be useful. If you have a top level category that contains a few sub-categories the changes to the category.php file will create the tabs on the fly and name them the same name as the sub-category. Haven't tried to see what will happen if you have more categories than the div/width will handle. Hope this is of some help to you
Please Log in or Create an account to join the conversation.