Canvas V5 is here… now responsive

Written by Matty Cohen on June 4, 2012 Blog, Product News.

Canvas is a theme that is near and dear to us here at Woo. Due to it’s flexible nature and myriad of styling options and possibilities, Canvas has also become somewhat of a framework or boilerplate for many of us and many members of the WooCommunity (it has, after all, become our flagship theme). Since the initial launch of Canvas on the 9th of February 2010, Canvas has received an overwhelming response and has gathered a loyal base of users who use the theme exclusively. This indicates to us that the Canvas community is strong and ever-growing.

With Canvas version 3 out in the wild, we saw it time to take Canvas to the next level. After a few months of coding, tweaking, adding new features and optimising existing ones, we launched Canvas version 4. This update brought with it a refined action and filter structure, making the main layout even more extendible and customisable than ever before, as well as the introduction of the Hook, Meta and Layout Manager features, for even more granular control over your website’s design and the elements it’s made up of.

Since releasing Canvas V4, we’ve received countless e-mails, tweets, blog comments and Facebook updates from loyal and steadfast Canvas users, eagerly awaiting our next steps with Canvas (and providing some great ideas and feedback, which we always appreciate).

Ladies and gentlemen… without further suspense and retrospective, we present to you… Canvas version 5!

Canvas is responsive!

Before diving too deep into the other enhancements, features and additions we’ve made to Canvas V5, lets discuss the one feature that’s on everyone’s minds… Canvas is now responsive.

Canvas has, from the ground up, been examined, inspected, tweaked and optimised to be responsive in it’s layouts and look great across all your devices (mobile phone, tablet, laptop, desktop and larger displays). The “Site Width” setting under the Canvas “Theme Options” (it’s in the “Layout” section) has been transformed from a limited list of pre-defined width options into a neat slider, enabling the layout to be transformed to fit any of the desired width settings (from 600 pixels wide, all the way up to 2000 pixels wide). Being responsive, the layout adjusts to suit your desired main width, and scales appropriately for smaller screen sizes.

The new custom site width setting in Canvas V5

Initial Flexslider integration

On the topic of responsive designs, we feel Canvas V5 is the best time to begin integrating FlexSlider into Canvas. While SlidesJS (the previous script used for the “Business” and “Magazine” sliders) is still in use on portfolio items (each portfolio item can have a gallery, using SlidesJS) and in the “Woo – Feedback” widget, these will be converted to use FlexSlider in a later version update to Canvas. More on that later, though.

The “Business” and “Magazine” sliders now both boast full FlexSlider integration, responding to the screen size along with the layout of your website.

Fully responsive sliders, courtesy of FlexSlider.
Please note, there were one or two minor HTML markup changes to the “Business” and “Magazine” sliders. Please keep these in mind when adjusting your existing styling.

A Fresh style

A preview of the styling updates in Canvas V5

As you may notice, Canvas V5 looks somewhat different to Canvas V4 and it’s predecessors… crisper… fresher. This is due to none-other than the styling talents and keen eye of Mr. FRESH01 himself, Cobus.

While converting Canvas to be responsive, we discussed the release as a whole and felt that Canvas is due for a styling update. We felt that, while this may require a bit more time when upgrading from Canvas V4 to Canvas V5, that not restricting the styling updates would result in an overall better result, than boxing the theme in to it’s existing styling.

A few new features, right off the bat, include an updated navigation bar, the use of sans-serif typefaces throughout (instead of serif, as previously used), the use of @font-face instead of images for icons throughout the design, updated button styling and rounded avatars, to name but a few.

All theme options related to the styling of your website have also been updated, to ensure they work seemlessly with the updated look and feel Canvas offers.

Please note, as Canvas V5 has some significant styling updates, we’d advise taking your time when upgrading, if you choose to do so, to make sure your customised styling works with Canvas V5’s styling updates.

Upgrades and support

With the features and updates now explained in detail, we arrive at the business end of this blog post. With this, there are two questions that need to be answered.

How do I upgrade to Canvas V5? Should I?

While we’d definitely recommend upgrading to Canvas V5, it’s important to note that, as this is a significant theme release (from V4 to V5, rather than a point release), we’d advise not rushing into this upgrade. We’d strongly recommend setting up a testing environment with Canvas V5, adding your customisations in and seeing what needs to be tweaked or adjusted to work with Canvas V5.

With upgrades such as this, we’d also recommend this as an opportunity to dive into using child themes (instead of customising Canvas directly). This way, your changes, tweaks and updates will all remain in one place should you ever need to upgrade again.

What if I don’t upgrade to Canvas V5 just yet? Will I still get support for Canvas V4?

The answer is, yes.

From version 4 to version 5, Canvas has undergone some major groundwork and updates. Most of these updates, however, have either been styling (CSS) related or to the PHP in the theme on a purely as-needed basis (we didn’t want to dive too deep into this, to make upgrades and transitions easier for everyone).

We have Canvas V4 on hand and are able to continue supporting V4. As we roll out new features into V5 and refine existing ones, we’d advise taking the time to setup a testing environment using Canvas V5, give it a test run and see how you like it. There’s no rush to upgrade, as Canvas V4 is still supported.

What’s on the Canvas roadmap?

While Canvas V5 is certainly a significant update to the theme, we feel it’s important to look forward as well as to restrospect on versions past and how the theme can grow. With that in mind, a few items have been intentionally left out of V5 in favour of more focussed releases to attend to these features.

V5.1

Canvas V5.1 will be dubbed the “portfolio release”. While we’ve already released a portfolio feature in Canvas, it has been intentionally left unresponsive in V5.

Due to the size of the portfolio feature and the functionality it brings along with it, we feel it important to devote a block of time (and a release) exclusively to this functionality, making it responsive and replacing the use of the SlidesJS and jCarousel JavaScripts. This is in line with our “simplify and re-focus” approach to our products and will ensure the best possible transition and experience for existing and new users of Canvas.

If you’ve got ideas for features or updates you’d like to see in future versions of Canvas, please share them with us over at WooIdeas.

What changed in Canvas V5? A summarized features list

To summarize the above features list, here’s a quick list of exactly what’s been updated in V5 and what’s to come in future versions:

Updates to Canvas V5

  1. Responsive CSS, using media queries.
  2. Removal of width-specific conditions, in favour of fluid items such as “Magazine” slider images and embedded video
  3. Styling refresh, including an updated navigation bar, icons using @font-face instead of images, rounded avatars and updated button styling
  4. Layout Manager now works with percentages instead of pixel values

Roadmap for V5.1 onward

  1. Responsive portfolio feature.
  2. Removal of the SlidesJS and jCarousel JavaScripts, in favour of FlexSlider.
  3. Your ideas and suggestions 🙂

We look forward to seeing what you build with Canvas V5, and are eagerly awaiting your feedback on this major update to our flagship theme.

Discount Coupon

If you don’t already own Canvas, grab it now with a 12% discount, valid until 11th June, 2012. Just use CANVAS12 as your coupon code during checkout.

cta-banner-10-product-page-v2_2x

Tags:

141 Responses

  1. Lee
    June 4, 2012 at 3:14 pm #

    Awesome. Been waiting for this one, fellas. There is one problem I’ve noticed with the business slider though – it’s a bit odd when scaled down.

    • Matty Cohen
      June 4, 2012 at 3:17 pm #

      Thanks Lee. 🙂

      The Business slider, with a fixed height, retains that height at smaller screen sizes.

      For this reason, we’d recommend using the autoHeight option instead, if the mobile version is in use. 🙂

      • Lee
        June 4, 2012 at 3:21 pm #

        Hi Matty, nah, it’s not the height – it’s an actual overhang of the slider to the left of the screen, it’s sort of the previous slide peaking through. Hard to describe.

        • Matty Cohen
          June 4, 2012 at 3:26 pm #

          No problem, thanks Lee. We’ll be sure to inspect this and see if there’s anything we can do here.

          With the beginning of the migration of the various sliders over to using FlexSlider, one or two niggles of this nature may creep up. 🙂

  2. deeptitanic
    June 4, 2012 at 3:47 pm #

    Nice work guys!

  3. Alex Kuznetsof
    June 4, 2012 at 4:12 pm #

    Awesome news 🙂 Been waiting for this, really!
    Big thanks to everybody who made it happen and who will be fixing bugs 🙂

  4. Jon
    June 4, 2012 at 4:29 pm #

    What is the effect with canvas commerce?

    • Matty Cohen
      June 4, 2012 at 4:37 pm #

      Hi Jon,

      All should be well with Canvas Commerce. We’re currently doing some further testing and may release a minor update to the child theme to fix any small inconsistencies. 🙂

    • Jon
      June 4, 2012 at 4:41 pm #

      I’ve installed it, had both canvas and canvascommerce active. In either one the product pages, the products just get smaller and smaller with the same number of products in a row.

      I would have thought there would be a minimum width and then product rows get shorter with less products per row, down to a single product for a mobile width display.

      Thought I’d relay this to anyone else curious as it wasn’t mentioned in the blog post. Hopefully it will be addressed by the end of the week.

      • Matty Cohen
        June 4, 2012 at 4:43 pm #

        Thanks for your feedback, Jon. 🙂

        Please post bugs in our support forums, where our ninjas are on hand to assist. 🙂

  5. Schaeffer
    June 4, 2012 at 4:42 pm #

    I’m glad this is underway, but I’m disappointed it’s incomplete, at least from the perspective of someone who really needs a responsive Portfolio–I was hoping to make take advantage of this for an image-intensive design blog. And the styling changes seem ultra subtle to the point of being underwhelming. However, I am looking forward to working with Canvas again, so thank you!

    • Matty Cohen
      June 4, 2012 at 4:45 pm #

      With Canvas V5, while the design changes may seem simple, V5 is a case of a large amount of refactoring and optimisation of the CSS. 🙂

      As mentioned in the blog post, we felt it best to focus each release in order to devote as much attention as possible to each area of the theme being refactored. Due to this, we’ve laid out the V5.1 roadmap above, which will be focussed chiefly on the portfolio features. 🙂

      • Schaeffer
        June 4, 2012 at 4:51 pm #

        Yes, and there’s no commitment to schedule in the roadmap, which I can appreciate, but as someone who’s actively working on this now, it is not ideal.

  6. Jennifer
    June 4, 2012 at 5:01 pm #

    I think I am going to wet my pants! I am so so so so excited for this.

  7. Bharat Chowdary
    June 4, 2012 at 5:15 pm #

    This is what I’m waiting for ! Canvas is a fantastic theme and this responsiveness adds more beauty to it. Thanks woothemes for taking canvas further…

  8. Scott Webb
    June 4, 2012 at 5:34 pm #

    WooThemes is charging forward! This is a milestone for sure and more awesomeness to come!

    So Fresh 😉

    • scott.b
      June 4, 2012 at 7:27 pm #

      and so clean!

  9. Ryk Meiring
    June 4, 2012 at 5:49 pm #

    Congrats WooThemes,
    Sounds great, impressed, looking fwd to using Canvas V5!
    Keep up the good work!

  10. Jason Day
    June 4, 2012 at 5:51 pm #

    Woohoo! I can finally cut down on all of the hours integrating LESS (or having to use another framework). Thanks WooThemes!

    • Ryan Ray
      June 4, 2012 at 6:02 pm #

      We already did the integrating for you now. 😛

      Hope you get to spend some time with V5 and let us know of any issues you find via the forums!

  11. Steve Dimmick
    June 4, 2012 at 6:41 pm #

    Awesome! just in time for 3 new projects 🙂

    Ummmm, so would the Canvas “how to” tutorials already be updated?
    Is there a new one for CSS media quires?

    • Magnus
      June 4, 2012 at 8:45 pm #

      Yes we will be updating as we go and separating for v4/5 🙂

  12. Vishal
    June 4, 2012 at 6:54 pm #

    Awesome release woo! 🙂

    Thanks alot for getting us the much awaited V5!

    Gotta start playing with it now 🙂

  13. Javid
    June 4, 2012 at 7:03 pm #

    Congrats WooThemes..

    I’m going to use V5 soon…

  14. Steve Walsh
    June 4, 2012 at 7:16 pm #

    Does Canvas 5 integrate all the WooCommerce features & allow all Extensions…being a child theme?

    For example, are various Product Variations & Product Accessories possible & easy to set up?

    • Ryan Ray
      June 4, 2012 at 9:19 pm #

      Integrating WooCommerce into Canvas is best handled by the Canvas WooCommerce child theme. The normal Canvas theme doesn’t have the integration/styles for WooCommerce.

      WooCommerce itself handles the product creation and you can setup variations, etc… via WooCommerce and not any theme itself.

  15. David
    June 4, 2012 at 7:39 pm #

    Can you still still use Canvas as a unresponsive theme? 🙂

    In other words can you turn the responsive functionality off if needed? Thanks!

    • Magnus
      June 4, 2012 at 8:44 pm #

      You can “turn” it off by modifying the media queries. We’ll try to get a how-to tutorial up in the next week or so.

    • Ryan Ray
      June 4, 2012 at 9:20 pm #

      There is a general tutorial that already exists. 🙂 – http://woo.com/tutorials/removing-responsive-design/

  16. Marcel
    June 4, 2012 at 9:22 pm #

    Awesome guys and thanks alot!! Looking forward to the how-to tutorial update.

    • Ryan Ray
      June 4, 2012 at 9:38 pm #

      What tutorial would you like for Canvas V5? 🙂

      • Frank McClung
        June 5, 2012 at 2:15 pm #

        I’d like to see an article that addresses design/coding considerations when customizing a responsive Canvas theme. Mainly, what can “break” or compromise its responsiveness.

        • Ryan Ray
          June 5, 2012 at 4:07 pm #

          Noted Frank, thanks for shooting us the idea!

          • Frank McClung
            July 30, 2012 at 7:16 pm #

            Any word on an article, post, or background paper on how the responsive Canvas is put together? What breakpoints were chosen and why? What responsive strategies were used and why? What responsive image technique was used? Where layout inconsistencies may occur across px widths. Etc. Understanding these decisions will help us customize Canvas better and be able to justify/explain to clients what is happening across different browsers and devices.

      • Doug Regehr
        June 6, 2012 at 6:29 pm #

        I would like to see a best practices guide for integrating LESS into a child theme. I am really excited to start working more with LESS. Great Job Guys!!

  17. Tom Dent
    June 4, 2012 at 9:43 pm #

    Great stuff, been looking forward to Canvas being responsive out-of-the-box, will save me a lot of time. Downloaded and uploading to a Canvas site I’m building now.

  18. Marcel
    June 4, 2012 at 10:22 pm #

    Hi Ryan,

    I am using some of the solutions described on the canvas-how-to-tutorials page. I thought Magnus was refering to these in his reply to Steve. Gonna try V5 anyway and find out soon enough if they do 🙂

  19. Theresa
    June 4, 2012 at 10:32 pm #

    Really exciting stuff!

    With the responsive design will sidebar content be missing on iPad, iPhone? I ask as I am about to sell ad space in the sidebar!

    • Ryan Ray
      June 4, 2012 at 11:50 pm #

      It only gets nudged down below content at that breakpoint, it’s not gone! 🙂

      • Marcus Tibesar
        July 16, 2012 at 2:03 pm #

        On my iPad the sidebars appear normally as they do on a desktop.

        On my iPhone the sidebars drop below the content in single-file fashion.

        Perhaps you could use an online responsive tester like the one at studio press:

        http://www.studiopress.com/responsive/

        WooThemes has done a nice job with the iPhone navigation using a clever drop-down. Nice!

  20. Maya
    June 4, 2012 at 10:54 pm #

    So fresh and so clean! 🙂 Stellar work guys, especially Cobus. One thing, in the demo, the business slider re-sized could use a little TLC: http://cl.ly/H7sG

    • Ryan Ray
      June 4, 2012 at 11:51 pm #

      Ahh yes, will make sure we get that fixed up!

  21. Tom Dent
    June 4, 2012 at 11:10 pm #

    V5 setup, working with a child theme and I have used the following function to add full width headers – http://woo.com/tutorials/full-width-header-navigation-and-footer/

    Had to add in the following the get it to work so far…

    .col-full, #wrapper {max-width: 100%!important;}
    #header, #navigation, #content, #footer{width:980px;margin:0 auto;}

    All looking good though so far.

  22. Drew McManus
    June 4, 2012 at 11:33 pm #

    Can’t wait to jump into everything. One thing would be very helpful is to bundle a generic child theme with the parent. I’ve always had trouble following the existing instructions on setting up a child so it would be a huge time saver to have something like this as a resource.

    • Ryan Ray
      June 5, 2012 at 3:41 am #

      We have ideas and basic plans for this. Shoot me us an email and will help you out! – support[at]woocommerce.com

    • el Rafa
      June 7, 2012 at 9:04 pm #

      Drew, for now you can use the One-click Child Theme plugin. Find it in the WordPress plugin directory or read more here:
      http://terrychay.com/wordpress-plugins/one-click-child-theme

  23. Jarle
    June 5, 2012 at 12:21 am #

    Great work guys. But I am having problems with post images getting squashed when resizing the browser window or showing the image on iPhone etc. Is there a way to make sure the image scales in all directions?

    • Ryan Ray
      June 5, 2012 at 3:42 am #

      Sorry for any issues here! Be sure to post over in the forums so our devs can investigate any issues. 🙂 – http://woo.com/support-forum/

  24. Muzza
    June 5, 2012 at 1:57 am #

    Love the css updates, means less optimising till output. Thanks Woo!

  25. Nikole Gipps
    June 5, 2012 at 3:31 am #

    LOVE IT! What more can I say? 🙂

  26. Gordon
    June 5, 2012 at 4:10 am #

    In response to Ryan’s questions re tutorials. A fairly detailed tutorial on step by step upgrade to V5 taking into account a bunch of common modifications with indication of whether they will or wont work. Not just how to instal but which kinds of modifications are likely to be fine, which will require tweaking and any that just wont work on a smaller screen or as a result of change to Flexslider etc

    Thanks

    • Frank McClung
      June 5, 2012 at 2:17 pm #

      Agreed.

  27. Swen
    June 5, 2012 at 10:18 am #

    Nice theme, but i´m a little bit disappointed. I thought we get a modular page with different components.
    Thanks

    • Matty Cohen
      June 5, 2012 at 12:19 pm #

      Hi Swen,

      Thanks for your feedback on this. I’d recommend posting this up on WooIdeas where the community can vote for this idea. 🙂

  28. Bob R
    June 5, 2012 at 11:02 am #

    Great work guys, I love this piece of work. One question though: I own previous verssion of Canvas…do I need to buy Canvas again to use V5?

    • Ryan Ray
      June 5, 2012 at 4:33 pm #

      No sir Bob, it should be in your downloads at V5. 🙂

      • Bob R
        June 6, 2012 at 2:00 pm #

        Sir Ryan Ray you were right: Canvas V5 is available for download from my well organised client area. WooThemes is the best!

  29. Frank McClung
    June 5, 2012 at 2:27 pm #

    I’m really impressed that you guys were able to pull off getting v5 out the door after dealing with the recent attack on Woo. That’s an accomplishment in and of itself. Thanks for all the hard work.

    Besides the articles/tutorials on considerations/limitations for customizing a responsive Canvas, I wish there was a way to strip all the styling extras out of Canvas with one swoop (sorry Cobus). I end up spending a lot of time removing lines, gradients, menu backgrounds, rounded corners, buttons, etc. when customizing Canvas for client sites. I had hoped that Canvas would have less styling not more to remove. Any thoughts on how to do this quickly?

    Anyway, great work Woo. Really appreciate you listening to your customers and being “responsive” with Canvas.

    • Tom Dent
      June 5, 2012 at 2:39 pm #

      I’m finding the same, it would be great if there was a fully stripped back version/tickbox for basic css output.

      Some of the new CSS touches look great and are a definite improvement though.

      • Paul Marsden
        June 8, 2012 at 1:15 pm #

        +1

    • Mat
      June 10, 2012 at 12:47 am #

      This would be an awesome feature. A fully stripped down version with just the scaffolding and no styles would be my new favorite feature! Version 5 is looking great though.

  30. Krisz S
    June 5, 2012 at 4:00 pm #

    Hi Team,

    Great job! If you consider integrating theme builder options to help in building custom layouts to users, Canvas would be the ultimate alpha&omega theme for everybody.

  31. Bill
    June 5, 2012 at 9:13 pm #

    Is the Canvas demo at V5?

    When I look at your demo on my mobile devices, I don’t see it “respond” and show mobile-friendly pages.

    Am I missing a concept here?

    • Ryan Ray
      June 6, 2012 at 6:52 am #

      Bill,

      Just be sure to visit the demo directly on your mobile device. You can do so by tapping the red x in the upper right hand corner.

  32. Pi
    June 5, 2012 at 9:54 pm #

    Hi.
    Great theme, but the portfolio is not working as it should … video is not responsive?! … Canvas V5.1, Is there a date on this release?!

  33. Gavin
    June 5, 2012 at 11:20 pm #

    Hi,

    Great work with Canvas v5 – however I have one important question…

    Is it possible to disable or remove the responsive aspects, and use Canvas as a fixed width site as we have in the past? Whilst I applaud this new version, and will no doubt be building more custom responsive themes with it – I know I will sometimes just need to build a good old 960px (or whatever) fixed-width site.

    Is it as simple as just removing the media query CSS?

    Thanks

  34. J Wilson
    June 6, 2012 at 2:31 am #

    SORRY, but what are we paying for?

    Is it not bad enough that we get stung for eCommerce themes even if we do not use them.

    Now we have a revision to an existing theme.

    I appreciate you were hacked and that it was all hands on deck but this is not good enough.

    It is about time you reduced the price of the Developer membership by $10 a month, added a separate option for Woo Commerce and made sure that you delivered a NEW design every month.

    • J Wilson's Mom
      June 6, 2012 at 7:10 pm #

      Suck it dude.

      • J WIlson's Dad
        June 6, 2012 at 7:12 pm #

        We should have never had youuuuuuu!

        • el Rafa
          June 7, 2012 at 9:12 pm #

          LMAO!! XD

    • Magnus
      June 6, 2012 at 9:05 pm #

      Hi,

      Sorry you aren’t satisfied with our subscription 🙁

      To answer your question: You are paying for access to our support (including support for our plugins), theme updates and new themes.

      Canvas v5 is a complete overhaul and was greatly sought after by our users.

      WC is used by a lot of our users now, but we understand that not everybody uses it.

      You are free to cancel your subscription at any time if you are not happy with our products, service and subscription.

      • Bob R
        June 11, 2012 at 12:05 pm #

        I am a member of WooThemes and I never questioned my my choice because a lot of things but mostly because of the absolute brilliant support and the top-notch WordPress Themes and the most intuitive and complete customer area found on a WP Premium themes site.

  35. allmyhoney
    June 6, 2012 at 1:37 pm #

    This is just superb, its like 100 themes rolled into one if im honest. I think one can create almost anything now with Canvas – I hoppe the woocommerce child theme works well with this. thanks for your efforts woo.

    • Ryan Ray
      June 6, 2012 at 7:27 pm #

      Canvas WooCommerce should work fine in Canvas V5. WooCommerce itself is already made to be responsive, if you find any issues though just post in the forums and we’ll fix them!

      • allmyhoney
        June 6, 2012 at 9:17 pm #

        appreciate the response Ryan, il give it a spin and see what can be achieved with some effort – I am sure loads 😉

  36. Drew McManus
    June 6, 2012 at 7:32 pm #

    After playing with the theme for a day, the only item missing in the update I really hoped would appear is some admin panel settings to control the background styles for the *entire* sidebar and footer widgetized areas (with mutually exclusive controls for sidebar and footer areas).

    I know the background colors for the actual widgets are still there and that’s terrific but if we had that one additional level of control without having to resort to css, it would have been a much appreciated addition.

    Overall though, I’m very happy. I’ve only found a few bugs (all of which are already mentioned above) and migrating from old to new versions at my test site is actually really simple.

    Kudos all around,
    Drew

    • Magnus
      June 6, 2012 at 9:07 pm #

      That’s great news Drew!

      I thought about adding these options initially, but had to draw the line somewhere. Feel free to suggest it on our ideas board though and see if it is sought after by other users.

      Cheers!

      • Drew McManus
        June 6, 2012 at 9:17 pm #

        That was my guess (line drawing) and it makes complete sense. I’m wondering though if there might be a nice middle ground to include some CSS references for items like that. Getting everything via Inspect Element is never a huge problem, but it would be nice to know those items are readily available in something like the theme docs.

        Many thanks,
        Drew

        • Magnus
          June 7, 2012 at 8:01 am #

          I can’t really see any benefit over having CSS references in the docs, compared to just inspecting the element with Firebug or similar.

          • Drew McManus
            June 7, 2012 at 4:06 pm #

            In most cases, I would entirely agree but every now and then, I run into trouble identifying a specific element and as a result end up making more of a global element change. IT’s different from one theme to the next but there’s always one or two things that end up taking time to dig through.

            Another thought is to have a copy of the existing stylesheet with classes but no styles, as a sort of template.

  37. Rahul Sharma
    June 7, 2012 at 1:18 am #

    YO,
    Why doesn’t the facebook like button not show fully here. The ‘like’ count gets cut.
    http://cl.ly/2r0m3Z0s332W1q3q0t2p

    Also why isn’t there a Google Plus as well over there?

    • Magnus
      June 7, 2012 at 8:03 am #

      Those share icons are generated from PrettyPhoto script, and I’m not sure why the scripts CSS is cutting off, but it can easily be fixed by changing the width: http://cl.ly/3c193l0F340e0J0K0U2r

      The PrettyPhoto doesn’t include Google Plus unfortunately.

  38. Rahul Sharma
    June 7, 2012 at 1:32 am #

    Also your business slider ain’t working on ma Android!

    • Magnus
      June 7, 2012 at 8:04 am #

      If you could post in our forums we’ll have a further look 🙂

  39. Anthony Lepki
    June 7, 2012 at 2:34 am #

    Well worth the wait as I was beginning to wonder
    … a bit!
    Considering all that have been on your plate recently, kudos and woo-yeah!

  40. pedro67
    June 7, 2012 at 11:37 am #

    woothemes still seem to be easy to hack…. sucks.
    My server was down this night, because a script called wank.php was located in themes/headlines/functions/js/shortcode-generator

    about 8 themes were infected.
    YES, the latest framework is running and YES wp and timbthumb is up to date.

    please check this asap.
    No other themes from other companies were infected.

    thanks

    • Magnus
      June 7, 2012 at 2:30 pm #

      Hi,

      Could it be possible that your site was hacked before you updated the framework and TimThumb? If it was, then that is the most likely reason it was hacked again.

      If you’d like more assistance from us with this, please use our support forums.

      • pedro67
        June 7, 2012 at 2:34 pm #

        no – framework was up to date in all cases as well as timThumb. I reacted immediatly after your framework updates. The hack was yesterday on 8 pages. Only woo framework

        • Marcus Tibesar
          July 14, 2012 at 10:28 pm #

          I’ve heard TimThumb has reoccuring issues with security.

          Perhaps WooThemes should consider getting rid of it in its entirety.

          Or provide us instructions for how to remove it in its entirety from Canvas 5.

          • Ryan Ray
            July 16, 2012 at 7:08 am #

            You could post over in our forums for advice on how to do so, would be the best bet. 🙂

    • Phil S
      June 23, 2012 at 12:13 am #

      Do you have any links with further information on wank.php? I have a site infected, and my hosting is threatening to shut down my account. I am having a very hard time finding any information on this infection.

      Any info on it would help greatly… thanks!

      • Ryan Ray
        July 16, 2012 at 7:09 am #

        That sounds like a rogue file someone has put on your server after they got into your site. If using one of our themes post over in our forums for any advice we could offer in clearing your compromised site.

  41. Bradley Charbonneau
    June 7, 2012 at 4:24 pm #

    Wow, WOO, love it! Been worth the wait … I check the downloads every once in a while for a new Canvas update and here it is! Can’t wait to play with it some more. I’m exclusively using Canvas for client sites (unless someone ties me up and forces me to use something else) and this just gives me one more reason to do so. Great job!

  42. Piotr
    June 7, 2012 at 10:18 pm #

    I renew my question. Canvas V5.1, Is there a date on this release?!

    • Magnus
      June 8, 2012 at 5:52 pm #

      We don’t have a date unfortunately, but I’m guestimating 1-2 months max.

      • Piotr
        June 8, 2012 at 6:57 pm #

        Thanks for the info …

  43. Debra
    June 7, 2012 at 10:47 pm #

    Nice to see the responsive design!

    However, I am still seeing PT Serif all over the place. This is not a sans-serif font, obviously. Where did the serifs get removed as stated above? I was looking forward to not having to go and change all of them myself, but looks like I will.

    • Magnus
      June 8, 2012 at 5:51 pm #

      I’m not seing PT Serif anywhere. Can you post in our forum so we can investigate further?

      • Debra
        June 8, 2012 at 6:38 pm #

        Done!

  44. silter
    June 8, 2012 at 10:38 am #

    Is it possible to also update the Dummy-content for Canvas?
    http://woo.com/theme-demo-content/

    The one listed in this page for a long time is already wrong!
    Besides its beeing oudated from 2011-10-03, it includes woocommerce references, shop-pages, product post-types, etc.
    And all those unnecessary inclusions ends up failure messages in import attempt!

    It looks like a dummy-content for Canvas-Commerce although there is another dummy for that child theme.

    Your demo is also with the same error, just look at these pages:
    http://demo.woothemes.com/canvas/checkout/
    http://demo.woothemes.com/canvas/cart/
    It also has all those ecommerce pages, but not active because the woocommerce plugin is not activated!

    I think there has to be a new Canvas dummy content, with NO woocommerce reference.

  45. Giulio Sciorio
    June 8, 2012 at 3:25 pm #

    SWEEEEEEEEEEEEET!!!!! Been waiting to upgrade my site which currently runs Canvas. I wish I got an email from Woo 4 days ago when the post went live.

    • Ryan Ray
      June 8, 2012 at 11:10 pm #

      You can always subscribe to the RSS feed. 😉

  46. YesSir
    June 9, 2012 at 12:30 pm #

    Are you using latest versions of PrettyPhoto (3.1.4) and JW Player (5.9.2156)?

    • Magnus
      June 9, 2012 at 7:19 pm #

      Currently 3.1.3 of PP. We don’t use JW Player in our themes.

  47. Charlie
    June 10, 2012 at 4:36 am #

    I’m considering purchasing Canvas V5, but the photos in the demo are not showing:
    http://demo.woothemes.com/canvas/magazine/

    • Magnus
      June 10, 2012 at 9:13 am #

      I believe this is an issue with only Internet Explorer, as it works fine in any other browser. We’ll get it checked out and fixed on monday 🙂

      • Theresa
        June 10, 2012 at 11:51 am #

        Demo site photos not showing on my iPad today?

        • Magnus
          June 11, 2012 at 8:12 am #

          Seems the issue with the images is a server issue, so we are looking into this.

  48. Beth
    June 11, 2012 at 3:55 am #

    I’m liking most of what I’ve found in Canvas 5 — but you undid a fix for PrettyPhoto that made it work with the new Youtube URLS (It was working in that last of the v 4.x — and it had been fixed back in January);

    And — the themes part of the website is a bit off — images not showing in Canvas, and Daybook sends you to a preview for Capital; if you cheat and change it to daybook manually, it looks like it’s not daybook but Drawar Journal sort of.

    The images are MIA in Chrome on a Mac, BTW.

    • Magnus
      June 11, 2012 at 8:12 am #

      Hi,

      Not sure about the fix for YouTube URL’s. Can you post about it in our forums and we can look into it again?

      We seem to be having some issues with our images on our demo, and are looking into it.

      Fixed the Daybook demo link now thanks 🙂

    • YesSir
      June 11, 2012 at 12:52 pm #

      Version history:
      PrettyPhoto 3.1.4:
      Fixed: Bug with Facebook like under IE9
      Fixed: Bug with the shebang when liking on Facebook

      PrettyPhoto 3.1.3:
      Added: support for youtu.be links

  49. Brad Dalton
    June 11, 2012 at 12:12 pm #

    Great theme if you want to customize it easily without coding skills. Why don’t you take a look at what Kolakube and StudioPress are releasing and make something like them? Change the style a bit

  50. EricL
    June 12, 2012 at 3:11 pm #

    Hi WooTeam,
    I meant to grab Canvas with the discount code for a new project before it expired but didn’t 😛 Any chance of an extension or maybe one time discount? I need the WooCommerce child theme, too.
    Looking forward to Canvas. It looks like it could be THE theme going forward.
    Thanks in advance!

  51. Mhm
    June 16, 2012 at 9:05 am #

    Date is not showing correctly:
    http://www.part.lt/img/537aa315c6ee6d29289107c226fd4f0158.PNG

  52. Andrew Behla
    June 21, 2012 at 7:38 am #

    Hats off for taking the time and effort to make my go to theme framework responsive! I’ve converted several sites already and tested on all devices with great results.

    I’m wondering if the 5.1 portfolio will be for photo galleries. I’ve quickly realized that a responsive theme needs to have all elements in the site be responsive (photo and video galleries, etc). Compared to other cms solutions it feels like wordpress has a severe shortage of creative and responsive galleries (look at http://neonsky.com or http://www.livebooks.com/ for instance.) These sites are targeting photo professionals and it shows in the layout and functionality.

    The closest I’ve come to finding a responsive photo gallery is http://juicebox.net/ I’m wondering if version 5.1 will have a gallery that can function like this, working on ipads and touch screens while being fully responsive. Also incorporating professional services such as PhotoShelter (maybe for the woo dojo?) would make the theme compete more seriously with top photo based themes on the market.

    Thanks for all the great work and continued development!

    • Marcus Tibesar
      July 14, 2012 at 10:05 pm #

      I use the free WordPress Photo Album Plus plugin for my responsive photo management needs in conjunction with Canvas 5.

  53. Brad Dalton
    June 21, 2012 at 9:40 am #

    It’s a great theme which i own because of the flexibilty it offers.

    Takes away alot of the heavy lifting for people that don’t have time to learn coding.

    On the other hand, you’ll never really know if it will be retired one day.

    Seems you guys have offered lifetime updates and then twice come out and retired themes.

    What StudioPress have done is redo their older themes and made them more modern.

    Why didn’t you continue to build the brand of all themes you retired and simply give them a great makeover so they become popular again?

    Have i missed something?

    • Magnus
      June 21, 2012 at 10:14 am #

      Hi Brad,

      Canvas will not be retired (at least not for many years) as it is our most popular theme 🙂 We only retire themes that have not been downloaded or sold well from the start.

      By lifetime we mean the lifetime of the product, and all products have a life cycle. If a product isn’t in demand any more there is no need to keep it alive.

      We feel the themes themselves can’t be saved with a makeover, and we’d rather focus our development time on making newer themes with better functionality.

      • Marcus Tibesar
        July 14, 2012 at 10:02 pm #

        Since Woothemes retires themes and, the likelihood of them retiring Canvas at this point, is minimal; I will continue to use Canvas for most projects. Just slap a different child-theme on top of it and you are good to go.

        Canvas is becoming my core.

  54. Peter Ricci
    June 23, 2012 at 6:10 pm #

    Hi Guys, great release and well sought after. My only beef is I think it is time canvas commerce CSS images etc was included in this theme as one package, so then we can concentrate on the creating and optimizing a custom child theme.

    It would be such a big deal to do it (IMHO)

    Thoughts?

  55. John
    June 26, 2012 at 1:23 pm #

    Is it possible to go back to V4 after ugrading to V5?

    • Magnus
      June 26, 2012 at 6:14 pm #

      Yes we can send it to you if you didn’t create a backup. Contact us by mail 🙂

  56. Heath
    June 28, 2012 at 4:02 pm #

    Loving Canvas… But I want MORE!!!

    I view this as a Thesis Killer (this is what I used before I met my woofriends) Would it be possible to include a Canvas Gallery somewhere on the site. I would love to look at other innovations using the theme. I love the community aspect of the support but I wish there was a dedicated place to show off the hard work.

  57. Chris Lema
    July 3, 2012 at 9:38 pm #

    You know I love you guys, so it should not come as a surprise that I love this latest version of Canvas. It’s fantastic. I just moved chrislema.com over to the latest version last night and I was able to get it completely configured in under an hour. Great work!

    • Ryan Ray
      July 3, 2012 at 10:02 pm #

      The site looks great Chris! Just got distracted reading a few of your posts. 😛

      • Marcus Tibesar
        July 14, 2012 at 9:55 pm #

        Nice site Chris. I agree. With Canvas we can stand up a new website very quickly.

        I have been away from it since version 4. The WooTeam did a great job in restyling the new version 5 and making it responsive.

        I consider it core now and focus on slight child-theme modifications to make it custom.

        Great job WooTeam!

  58. James Lee
    July 8, 2012 at 6:19 am #

    Will this v5 still be compatible with WPML? I am looking a good theme works with WPML.

    • Magnus
      July 8, 2012 at 11:35 am #

      Yes there hasn’t been any change in that department 🙂

  59. Simon
    July 10, 2012 at 11:37 pm #

    Great work. Do you have a list on what mobile devices and platforms the responsive Canvas 5.0 has been tested for the content shown in the demo(standard set up)? Since I only have a limited number of devices it would be good to know where extra tests are needed.

    • Marcus Tibesar
      July 26, 2012 at 3:45 pm #

      Works great on my iPad 1 and both my iPhone 3GS and iPhone 4 smartphones if that helps.

      I also set my layout to 1600 px wide and it works great on the 24-inch monitors too.

  60. Joel DePeri
    July 11, 2012 at 9:18 pm #

    I would like to purchase the Canvas Theme and take advantage of your special 4 day promotion. However, the ‘Buy this WordPress Theme’ button is disabled. Can you check into this? Thanks!

    • Ryan Ray
      July 12, 2012 at 12:06 am #

      Sorry about that Joel!

      Seems on my side to be working. What browser and version of that browser are you using? – http://cl.ly/2T091P0t0d0v3V462X0u

  61. Drew
    July 12, 2012 at 2:22 am #

    Hi, is the FlexSlider not clickable? I can’t click on any of the featured posts in the slider in the current demo.

    Thanks

    • Drew
      July 16, 2012 at 10:02 pm #

      Hello?

  62. Marcus Tibesar
    July 26, 2012 at 3:42 pm #

    I want to congratulate the WooTheme developer(s) who worked on Canvas v5.

    I had been using older versions of Canvas and my child-theme style.css was huge indicating a lot of customizations were required just to make the theme look professional.

    I recently installed the new Canvas v5 and, it has been really upgraded nicely. All the little design flaws of previous versions are now gone. My new child-theme style.css has only a few entries in it and the theme works so much better now. I also haven’t had to make any additions to the functions.php file as well.

    I’ll bet support tickets for this new version have dramatically decreased too. Nice job Woothemes!