Warp 7.2 released

Improved customizations and UIkit 2.0 included

Dec
12
Warp 7.2 released

After UIkit 2.0, we are excited to announce the release of Warp 7.2. First of all, we would like to thank you all for your feedback! We took a lot of your suggestions into consideration, which helped us to come up with what we consider a major step forward in the development of our framework. In this update we improved and simplified the customization workflow. This makes working with Warp much more intuitive and user-friendly. The newest UIkit version 2.0 is of course included and you will also find an updated theme documentation to assist you with your projects.

What's new?

Essentially the override cascade is more similar to the one you are used to from Warp 6. You can work directly in your styles to customize layouts, CSS and JavaScript. The /custom folder has been removed. You now use the styles/STYLE-NAME folder to do customizations and overrides.

We also released a new version of UIkit, the front-end framework on which Warp is based. We simplified the UIKit themes and variables so it is now easier to work with. UIkit now offers new add-ons which you can easily include in your projects. Read more about the UIkit 2.0 release.

All Warp 7 based themes are updated for the Warp 7.2 release.

So, what do I have to keep in mind when updating?

If you have already added or changed files in the /custom folder, you can easily move these to your styles. But before updating, please make sure to have a backup of your customizations.

After the update you can move your customizations to your /styles/STYLE-NAME folder. But keep in mind: your style will only be shown in the Customizer, if there is a style.less file in the styles folder. Here are three possibilites on how to use the style folder for customizations.

Folder/File Description
styles/STYLE-NAME/css/theme.css
styles/STYLE-NAME/style.less
This is the default file structure. When you save changes in the Customizer, the style.less file will be compiled into CSS the theme.css file and override any customizations you may have done in that file.
styles/STYLE-NAME/css/theme.css
styles/STYLE-NAME/css/custom.css
styles/STYLE-NAME/style.less
You can use the Customizer and also add your own CSS by creating a custom.css file. That way your CSS won't be overridden when you save changes in the Customizer.
styles/STYLE-NAME/css/theme.css If you are not planning to use the Customizer at all, just duplicate an existing style or create your own one. You can then delete the style.less file of your new style and write customizations directly in the the theme.css file. Your style will NOT show up in the customizer and NOT overwritten when compiling LESS.

Learn more about it in the Customization tutorial.

How do I add custom LESS?

The approach to adding your own LESS is a bit different. You won't do this in the /styles folder. Detailed instructions on this can be found in our revised LESS Customization tutorial.

Font Awesome revised

Font Awesome, the open source icon font used by both Warp and UIkit, has recently been updated to Font Awesome 4.0. This update is now included in our new UIkit versions. This means that icon class names have been revised to provide a more consistent naming convention and there are even more icons available. For more information, take a look at the UIkit documentation on the Icon component.

By Steffan | | Posted in Warp

Comments (49)

  • noam.arnon.50

    noam.arnon.50

    | Profile |
    Much Better! Thanks.
  • smint

    smint

    | Profile |
    Will there also be a warp 7 master template this month?
    • sascha

      sascha

      | Profile |
      Now everything is in place so we can work on the Master theme :-)
      • zou.hongbo

        zou.hongbo

        | Profile |
        Great things
        Great development theme framework
      • stratocaster

        stratocaster

        | Profile |
        good news. any eta?
      • bdthemes

        bdthemes

        | Profile |
        Thank you so much, at last you say now start work for master theme. any release date?
      • zou.hongbo

        zou.hongbo

        | Profile |
        Have any zoo news? Roadmap?
      • marcin.drogosz

        marcin.drogosz

        | Profile |
        Nice to hear it! Almost lost hope for it :)

        Strip down Master to raw as possible. As original master was :)
        Every month we have full featured templates with many customizer options.

        Please make Master simple as possible. Thanks!
        • morgan.gustafsson

          morgan.gustafsson

          | Profile |
          Great news! Much awaited!
          • smint

            smint

            | Profile |
            Happy new year to Yootheme team!
            Will we see a warp7 master theme in 2014?
            Any news to arelease date?
            Thx
      • morgan.gustafsson

        morgan.gustafsson

        | Profile |
        Any news on when we might expect a new Master Theme?
      • tonkom

        tonkom

        | Profile |
        i would love to see the new master theme too ... still no news?
  • praes

    praes

    | Profile |
    What about overriding theme.php?
    In Warp 6.4 is was possible to achieve this by duplicating template.php to styles/STYLE-NAME/layouts/template.php. Can we use this approach with the new 7.2 override cascade?

    Great job anyway. I'm really impressed by the power of Warp 7. Easy to use too. I like that!
  • ovendoor

    ovendoor

    | Profile |
    Will this filter into the Glass theme?
    • sascha

      sascha

      | Profile |
      The Glass theme is based on Warp 6. No changes needed there.
  • akcreation

    akcreation

    | Profile |
    brilliant - great work guys :)
  • ray.lawlor

    ray.lawlor

    | Profile |
    I had just gotten used to working with the "Custom" folder...

    I'm glad it's back to the Warp6 style of things... It allows easy customisation for different styles.

    Great Job! :)
  • crypple

    crypple

    | Profile |
    Bravo. Thank you for taking your dev clients into consideration. We all understand the process that is progression and over the years we've seen the output of your company continue to improve.

    Sometimes progress must come with a compromise, particularly with a monthly commitment to new innovations. I for one understand that process and while Warp7 was not perfect on it's release it did open development doors that were not possible on the W6 framework. I'm very happy to see that W7.2 addresses the developer issues and is now a very workable framework ready for roll-out to our commercial clients.

    Well done Sasha and the team.
  • yannis.michail

    yannis.michail

    | Profile |
    well done guys!!! now...give us a zoo gift for xmas!!
  • frank.aucoin

    frank.aucoin

    | Profile |
    Thank you for the information YOOtheme! :)
  • smel

    smel

    | Profile |
    The latest approach assumes a 1-language installation.
    I had 10-language Joomla installation and I was using 10 different styles but with only 1 customized layout (theme.config.php, theme.php, widget.php) and custom.css.
    It was easy before 7.2 since template_name/custom folder was having all the customization but now we have to copy 1 customization to 10 different styles.
    Totally radical changes are time-consuming and they are not for end-users but for developers.
    I am now thinking of how I can easily upgrade my multi-language Capture site with 32 styles to the latest.
  • marcin.drogosz

    marcin.drogosz

    | Profile |
    Hey, great update. What about a little improvement to sticky element as you bring in Showroom template?

    I mean, if sticked element is higher than viewport, then do not stick. It can be by default it can be as option.

    Second, what about add cookies support to things like new Toggle?
    It is useful not only on administration area, but in many cases on frontpage to let user switch one time for session or even longer. Session time can be in options.

    Toggle is thing I'm using a lot, but with cookies. Without them, only in some cases.
  • studiograficod2

    studiograficod2

    | Profile |
    Cool! but really....you have not resolved the issue related to favicon files....every time we update you just overwrite ico customer file! Check the support system and please count the number of requests about that!
    • studiograficod2

      studiograficod2

      | Profile |
      Why don't you make possible to add ico files on the style directory? i really would like to know the reason!
      • kennst

        kennst

        | Profile |
        Me too
      • studiograficod2

        studiograficod2

        | Profile |
        It is not true....you could modify file: warp\systems\joomla\layouts\head.php before the "" or on the theme.php with the call: $warp['system']->document->getHeadData(); before the echo $this['template']->render('head'); ...i mean you have many point where you handle the header stuff!
      • marcin.drogosz

        marcin.drogosz

        | Profile |
        Agree with this. This was one of my feature request for Warp7. Cool! Favicon in Style folder.
  • crypple

    crypple

    | Profile |
    Looks like a spoke a bit too soon. Am I missing something here? The theme.css controls everything and is 7500 lines long? Seriously? What's wrong with breaking css out into easily targetable files like layout, modules, responsive etc? What's more, simple options (like changing the site width) are no longer available in the admin interface, instead they are in several places in the css.. starting around line 6500.

    I feel like I'm missing something here. Yes I can use a less compiler or the customizer but for a team to work on a site the css method is more than adequate. Are you dropping support for this process? I'm not slamming on you, just simply asking as this feels anything but dev friendly.

    The overrides are a welcome step forward but the css breakout needs some work guys.
    • sascha

      sascha

      | Profile |
      Yes, you are missing the LESS folder. That's where all the source files are. Nicely organized into single files.
  • ducle

    ducle

    | Profile |
    cool. Where can I download it?
    • joel.slots

      joel.slots

      | Profile |
      I am wondering the same thing.
      Now I just downloaded a new template with full J! and copied over the warp files to my live site. In template manager it still says I am using Warp 6.4.4 though.
      • sascha

        sascha

        | Profile |
        If you are using Warp 6 everything is alright. This blog post is about Warp 7 and you can not update Warp 6 themes.
    • ducle

      ducle

      | Profile |
      I think we can download the latest version of the theme with the latest warp version. Then we can copy that warp and theme folders to the joomla site. No?
  • mustafa.kanat

    mustafa.kanat

    | Profile |
    Thanks.
  • emmanouil

    emmanouil

    | Profile |
    Is it important to update? I mean its a security concern?
    Cause every time i try to update i get frustrated and i revert back to the backup files. The documentation is not clear enough.

    Fot example:
    You removed the custom folder but in the documentation for updating the theme you suggest to use the custom folder.
  • humbert.torroella

    humbert.torroella

    | Profile |
    How do I update it in my template that i just bought Tasty for wordpress
  • pascal.netenvie

    pascal.netenvie

    | Profile |
    Please next time take more time to produce a more definitive and stable version ...
    It took me time to make customs Css and take habit of Warp 7 and just 2 months later it change again ...
    This is not good at all !!
    • pascal.netenvie

      pascal.netenvie

      | Profile |
      And i see no documentation on how update 7.1 to 7.2 ...
      What about theme.config.php in custom folder ?
      You can't continuously change so much things without think about users and, at minimum, deliver consistent doc !!
    • sascha

      sascha

      | Profile |
      Please read the blog post above carefully. There is everything you need.

      Just copy your files from /custom folder to styles/STYLE-NAME (for example styles/mystyle) Now you can select the new style from the administration. Take also carefully a look at the table above.

      If you still have issues please post it in our support center.
  • pascal.netenvie

    pascal.netenvie

    | Profile |
    Ok it still work for css and js by theme.config.php file.
    Thx.
  • labossiere

    labossiere

    | Profile |
    my site http://www.hCGLifestyle.com joomla 1.5 site says it needs a warp update and need to kow where to download this

Leave a comment

Please login to leave a comment.