Introducing Widgetkit 2.1

New Gallery, Accordion and Grid Slider widgets

Feb
26
Introducing Widgetkit 2.1

Today we are really excited to introduce a huge Widgtekit update. We put a fair amount of work into this one, not only creating new widgets but also adding translations, field mapping and many more improvements, including lots of new features you have asked for. This update of course utilizes the most recent version of UIkit.

Gallery

We know you've been waiting for it, so we are particularly proud to finally introduce the Gallery Widget. It features tons of different options that give you enormous flexibility in presenting your content. The gallery displays items in a grid that provides different modi. The dynamic grid even allows you to filter items by tag. Different overlay appearances let you to display title, content and links inside an overlay, as an image caption or both. You can apply separate fancy animations to the overlay and the images or just decide that the overlay is always visible or not at all. A responsive lightbox can be enabled, which displays images, videos and iframes. The list of options goes on.

Grid Slider

The new Grid Slider widget extends the Grid widget with multiple slideshows. Now you can have one slideshow for each of your content items. Just add multiple media fields to each content item. The Grid Widget now optionally adapts a dynamic behavior. Grid items arrange themselves fluently and seamlessly into a gap-free multi-column layout on all device sizes and can be filtered by tag. The same applies to the Grid Slider.

Accordion

The third addition is the Accordion widget, which displays your content inside a list of items that can be expanded and collapsed by clicking each of their headers.

Translations

Widgetkit 2.1 is now ready to be translated into your language. Feel free to head over to GitHub and translate some of the strings into your language. We highly appreciate your contribution and are excited to make Widgetkit 2 multilangual with you.

Field Mapping

This new feature is a powerful one. You can now create your own field mappings for external content provider like WordPress, Joomla, ZOO, K2 and WooCommerce. For example: say you are using custom fields in WordPress. With field mappings you can use one of the custom fields of your post to fill a specific field of your Widgetkit content.

Overlay and Image Animations

With the upgrade to UIkit 2.17 we've added a fresh set of overlay options and image animations. Whether you want your overlay to fade or slide in from the side, or you want your image to be scaled up on mouse over, you now have loads of options available for your widgets.

New Options

Speaking of options: We've added new settings that you will love. For example, you can now set a width and height for your media. Widgetkit automatically resizes the image and caches it for faster loading. The existing options have been cleaned up and restructured, so that you can now find things more easily.

Deeper integration with Joomla and WordPress

Widgetkit 2.1 now also supports the CKEditor in Joomla. In WordPress, we added direct Widgetkit access when editing a text widget in the WordPress widgets administration.

Updating

A couple of notes on how to update. Mind that you need the latest UIkit version to prevent unexpected behavior. All Warp 7 themes were updated to use UIkit 2.17 at the same time as Widgetkit. Please update your theme before updating Widgetkit.

There are also some changes in the naming of variables and values. Here is a list of attributes that have been changed. If you are using them for your widgets, please check your shortcodes and update them accordingly.

For Grid, Grid Stack, Map, Slideshow, Switcher

media_overlay='link' => media_overlay='icon'

For Grid

link_style='panel' => panel_link=1

For Slideshow

caption => overlay
caption_position => overlay_position
caption_animation => overlay_animation
caption_panel => overlay_panel

For our ZOO users the mapping was placed into the Widgetkit it self making it much easier to set up. On the down side you would need to reset your Widgets.

That's it. If you have any questions or found a bug, feel free to contact us in our support area. Also do not forget to have a look at the Widgetkit documentation. We can't wait to hear your feedback!

By Sascha | | Posted in Widgetkit

Comments (65)

  • flytreklame

    flytreklame

    | Profile |
    Wow! :)
  • ozelot

    ozelot

    | Profile |
    Wow! :)
  • paulgreene

    paulgreene

    | Profile |
    OK! don't forget to update the Theme Demos for us to see the new Gallery and others
    http://yootheme.com/demo/joomla/venice
    Thank you!
    • sascha

      sascha

      | Profile |
      We will update all themes on the demo server today :-)
      • mariolgr

        mariolgr

        | Profile |
        Hi! The Widgetkit 2.1 is veeeeery cool!!! Congrats!

        you could take advantage of this update in the demonstration themes and put the layout and design to integrated woocommerce theme.

        Once, I saw the woocommerce a menu some demonstrative theme YOOtheme. But I can not remember which. I think it was a YOOtheme test.
        • sascha

          sascha

          | Profile |
          All our latest WordPress themes now support WooCommerce :-) Check out the demo and just click on "Shop". http://yootheme.com/demo/wordpress/
          • mariolgr

            mariolgr

            | Profile |
            wow! Tks! This menu back again? he was gone (shop). On last month I can't find it on the demonstration themes.

            Good!!!!
          • sascha

            sascha

            | Profile |
            You find the Shop button in the latest 12 themes :-)
  • waitz

    waitz

    | Profile |
    Ahh, thank yoo! Finally. I don't care about the weekend, now it's update time :-)
  • arthur.rosa

    arthur.rosa

    | Profile |
    Anyone using this? Please, show us! Looking foward to get home and test this in my website with Venice.
    https://arthurrosa.com
  • oguz.copel

    oguz.copel

    | Profile |
    Gonna test it now but is there no demo of W2?
  • lukasspy

    lukasspy

    | Profile |
    Very nicely done :-) Great work... Keep up the awesome work!

    minor thing: Google Map won't show in IE10 on Win8 on first load. Upon reload it works. I know: IE...embarrassing, right ;-) But I have to test it for clients...
  • kennst

    kennst

    | Profile |
    Have you considered using Transifex for the translations? It is very useful for non GitHub users. Maybe easier to get translations, since more people can contribute
    • stephan.herby

      stephan.herby

      | Profile |
      I Agree, I wanted to help fotr french files, but I just don't know how to do it in GitHub :(
    • geral

      geral

      | Profile |
      Also wanted to do for the Portuguese, I know nothing GitHub
  • tory.baker

    tory.baker

    | Profile |
    Will a JCE editor be able to see the button for the widgetkit in the article or does the button for inserting the widgetkit only work on Tinymice?
    • sascha

      sascha

      | Profile |
      It supported TinyMCE and JCE since the beginning...
  • lucas

    lucas

    | Profile |
    Just another amazing news :)


    I'm looking forward to the next Theme.
  • idimov

    idimov

    | Profile |
    Great work!!!
    But, when I open any image in the gallery, I get scroll up
  • schmallegger

    schmallegger

    | Profile |
    i think i am too stupid to use it.. after reading all of the documentation and trying to work with the demo i still have no clue how to use it ... frustrating - since i see that others like it and it seems to be good.
  • john.soultanidis

    john.soultanidis

    | Profile |
    Great work but you have to be update your Widgetkit page on your site with examples ;)
  • mark.scott.10

    mark.scott.10

    | Profile |
    We had some problems with zoo on v2.0. Does this play nicely with zoo now? We had to roll back before because it broke.
  • alain.besnard

    alain.besnard

    | Profile |
    Still big problems with zoo...and Joomla 3.4. Please solve the bugs urgently.
    • dene.wilby

      dene.wilby

      | Profile |
      On first impressions, the 2.1.1 Widgetkit has solved all my problems. Thank Yoo!
  • ellenvandrunen

    ellenvandrunen

    | Profile |
    That's great! Really looking forward to the Gallery!

    Just a few thoughts coming from a n00b like me:
    - an update button within the widget would be nice
    - an example page just like w1 would be nice to see the different settings in action
    - if I update now, I don't have the examples of the new gallery? That makes it more difficult for me..

    But, great work! I'm gonna test it now!
  • juraj.krc

    juraj.krc

    | Profile |
    Hello,
    is in plan to incorporate Gallery Widget to the ZOO like element?
  • geral

    geral

    | Profile |
    Hello, wanted to change the language of my Wedegetkit 2 to Portuguese but did not notice anything GitHub and wanted to know where the file of the language English widgetkit_language_en_GB !!!!!!
  • moloseb

    moloseb

    | Profile |
    Will it work without problems with Warp 6 Themes?
  • josef.englmeier

    josef.englmeier

    | Profile |
    Will there be an Option für Grid-Slider to enable a Lightbox on the Slideshow? Or Maybe load a Gallery in a Lightbox...
  • themicrotechs

    themicrotechs

    | Profile |
    Sascha,

    How about some new Zoo stuff and Zoo>WK stuff?
  • adam.fudge

    adam.fudge

    | Profile |
    Does this update include the option to override Pause on rollover of a slideshow?
  • queburrera

    queburrera

    | Profile |
    Awesome!!
    You created a great Widgetkit Twitter, is there a FACEBOOK Widgetkit in your future plans?
    Keep up the great job!!
    • ellenvandrunen

      ellenvandrunen

      | Profile |
      Where did you find the widgetkit twitter in WK2.1?
  • jens.se

    jens.se

    | Profile |
    to be honest.. you are building features and features and features and only have of them work....

    as you lack a wk1 => wk2 path iam now trying to build content new.. great thing.. by adding content, saving in wk2 i always get a "red empty mesage" box on my local test space. content isnt save...

    your support isnt able to answer any question at all - from 4 questions no reaction, so i dont will report THIS bug anymore..

    great done....NOT!
  • nahfelgbr

    nahfelgbr

    | Profile |
    Hi,

    Nice work!
    But how I can add a complete Folder to the Gallery Widget?
    I don't want to click on each picture separately.
    Can you add a button "Select All"?

    Best regards
    • sascha

      sascha

      | Profile |
      You can do it by clicking the "Add Media" button and then use the Shift key like you do in your file browser of your OS to select multiple images :-) It is already working in WordPress and is coming with the next Widgetkit update 2.1.2 to Joomla.
      • nahfelgbr

        nahfelgbr

        | Profile |
        I had tested it before with the Shift key in Joomla, but it has not worked.
        But now, I know, this feature comes withe the update to 2.1.2.
        Thank you Sascha!
  • kevin.hertenweg

    kevin.hertenweg

    | Profile |
    Does the gallery finally include pagination?
    • site123.ca

      site123.ca

      | Profile |
      i too am wondering the same thing... In fact, is it possible to include pagination for ALL widgets in the widgetkit?
  • peter.leslie

    peter.leslie

    | Profile |
    Widgetkit 2.1 is AWESOME - I had some reservations and gave you guys a hard time about some bugs i was encountering. However now that i've spent some time playing and using it - and have now built another site almost ENTIRELY using Widgets - it all their GLORIOUS forms and functions.... I'm completely won over. 11 out of 10, this make creating dynamic content on a website the easiest it's ever been, i'm in love with you all over again. Thanks YooTheme, please delivering these awesome products
  • smartini

    smartini

    | Profile |
    here is what we miss most:
    - standard wordpress editor to work on content fields, e.g. the accordion content field, because our customers for sure want to have some paragraphs and headlines there, or more than one picture, or tables - but they don't know html.
    - a simplified slide widget that simply slides anything you put into a content field. like the slideshow in wk1, which was an awesome flexible tool with perfect usability.
    - option to connect the gallery to a folder.

    there is a lot more, but this is what we need before we can start using wk2. thank yoo.
  • smartini

    smartini

    | Profile |
    You have a lot of new stuff going on - why not make tutorial and overview videos, like the rest of the world does? And you did to, back in the days of yootools. That was very very helpful and time saving. Here is my list:
    - "Field Mapping - idea and one example".
    - "Building own or customize widgets - best way and one example".

    I would love to have them, even if they would not cover every possible topic. ... Come on, start your sreencast tool and talk us thru. :-)
  • mark.scott.10

    mark.scott.10

    | Profile |
    I think Yoo are not doing themselves favours by not creating a demo suite of examples so we can see how things work and what they might do. Even the WK pages on Yootheme continue to demonstrate the old WK1.

    There is nothing more useful than good demos and tutorials and I rather feel Yoo are rolling feature after feature without any internal champion for teaching the users!
    • sascha

      sascha

      | Profile |
      We are working on demo packages :-) Took some time because the demo pages are very comprehensive but we are nearly there...
      • akcreation

        akcreation

        | Profile |
        that's great Sascha, really looking forward to seeing the demo's :)
      • ozelot

        ozelot

        | Profile |
        perhaps the demo packages will be shown with the april theme?
  • mark.scott.10

    mark.scott.10

    | Profile |
    it will be a great benefit to us all I think and really help people demonstrate what can be done
  • grega

    grega

    | Profile |
    I previously used Widgetkit and recently started using Widgetkit2. This is a is a very nice upgrade. It's easy to learn, easier to modify than the original Widgetkit and it just seems cleaner all the way around. Nice design and execution!
  • shawn.terry

    shawn.terry

    | Profile |
    I too would like to know where Twitter went. :-/
  • simon.latham

    simon.latham

    | Profile |
    Is there a place to view the change log for each update BEFORE updating? That would be so... handy!
    • nikishna

      nikishna

      | Profile |
      I TOTALLY Agree with this! Thanks because otherwise, it is just a version number change that doesn't allow me to make an informed decision.
    • mark.scott.10

      mark.scott.10

      | Profile |
      perhaps they could something similar to what happens with uikit with its excellent change log for each version
  • jakob.gede

    jakob.gede

    | Profile |
    The new widgetkit is awsome!!!
    But Im missing the slideset :-(
    Is the slideset planed to include in widgetkit in the future?
  • migg

    migg

    | Profile |
    A suggestion.
    I believe this would be wonderful: Example digit theme / animated circle charts and other unique objects from other themes to be implemented in Widgetkit 2.0. Its normally too risky and buggy trying to take code from the original theme properties and trying to implement them into another theme. Adding this to the Widgetkit 2.0 would truely make it stunning piece and essential tool to any website.
  • dreichel

    dreichel

    | Profile |
    It seems 2.2 is out. What's new ?

Leave a comment

Please login to leave a comment.