Quick survey: Responsive templates and your thoughts on working with our current templates

fc_adamfc_adam FoxyCart Team
in Important News edited April 2013
We'd love your feedback!

We're currently working on improving our default themes to be fully responsive (ie. mobile-friendly), and would love to better understand how you customize the FoxyCart templates, what CSS and layout frameworks (if any) you use, and a few other quick questions.

If you have a few minutes, we'd love to hear your thoughts: Click here to participate in the survey. Thanks!
«1
Comments
  • You mean the Checkout / Receipt templates Adam, just use css media queries to make them responsive, great thing about FC is that you have total control over those aspects.


    I never considered you guys trying to make your part responsive,as I assumed most would change the default templates to suit their own styling within the website.

    Maybe I am wrong

  • brettbrett FoxyCart Team
    We actually have a _lot_ of users that don't customize things at all, or do super super light customization, so we're trying to take those users into account as we redesign things.

    We want to get a little more feedback before we share our plans, but part of our thinking is that we'll provide a "Wireframe" theme, which will allow for easy inclusion of your CSS framework(s) of choice (ie. select "Twitter Bootstrap" and the class names in the Twig/HTML are what you'd expect for Twitter Bootstrap; or Foundation or Skeleton or 960.gs or etc.).

    What we're trying to make sure is that what we do here serves 3 different types of users:
    1: Super light (if any) customizations of the checkout.
    2: Inclusion of the checkout into their own template, but no customization beyond that.
    3: Full customization / integration.

    #1 and #3 are pretty easy, conceptually. The trick is meeting the needs of all 3 types of users. We'll update more as we confirm (or change) our plans based on user feedback :)
  • OK, well Twitter Bootstrap seems to be the rage these days with Frameworks, 960GS has been preceded by Unsemantic (its responsive out of the box) .....

  • Although I would also suggest that you create a portal within the community, where people can post customization for the community, I appreciate you have a section for snippets, I appreciate lots of folk wouldn't be used to CSS ... and as you say would use the default template, but it would be as easy for anyone who does develop to post up "responsive templates", with placeholders for company logos etc.

    Just a suggestion

  • Actually, I just realized my advice is not very productive, suggesting a portal for members to post customization ,when you guys are trying to resolve the issue yourselves ...

    But I did it with the best of intentions ... the suggestion like.
  • fc_adamfc_adam FoxyCart Team
    @Johnny4B,

    It is a great suggestion - the focus of snippets has generally been on javascript based stuff, but with how we're planning to develop the new approach, there is definitely scope for a repository of helpful HTML and CSS based snippets for templates.
  • Agreed that the checkout is quite straightforward to develop responsively, though if it performed that way out of the box, even better! Funny enough, the toughest thing to get to work for a responsive site is that little arrow on the right of the country and state inputs...resize your window and that thing just kinda hangs out.

    As a responsive devotee, I'm not huge on frameworks, generally speaking. The primary reason is that not all breakpoints are created equal. Your breakpoints generally need to be decided up on based on the specific nature of your page's content. Most frameworks are just a tad bloated and unnecessary (especially stuff in the vein of bootstrap).

    Lastly, I find the cart to be one of the trickier aspects to develop resonsively. Colorbox isn't responsive by default, so it currently requires some hacks to get going. I would love to see a transition to a different modal plugin that is responsive out of the box (unless of course colorbox becomes responsive out of the box...). That would be life-changing!

    Lastly Lastly, it would be awesome to see less use of images all around. Images for headers and buttons has always been one of the more time-consuming aspects of Foxycart templating, and now with retina displays to be concerned about, it gets even worse. If these were live text by default, that would streamline templating for most folks. And for those that want to use images, they can have at it.

    Just my two cents. As a regular FC template-er, I'm generally a happy man :D
  • brettbrett FoxyCart Team
    @Johnny4B, not sure if this is what you're getting at, but we're definitely thinking about ways to make it easier for the community to contribute. We'll definitely be asking for more feedback on that, but we want to make sure we have a solid foundation first, since that'll make everything else easier. But your ideas are _very_ appreciated.

    @nickff We're actually planning (and already have a proof of concept) moving to PageSlide, which is responsive. (It's also something I've wanted to add to FoxyCart for about a bajillion years, so I'm excited to finally get it. And it's fully JSONP, no iframe, which makes it a lot faster and potentially easier to style.) Ultimately we want to have a few different "minicart" approaches that are pretty and easy to drop in, but we're focusing on getting one really solid first.

    As far as images: Yes. When we did the default "standard" template it was 2007, and font-face wasn't even close to a possibility. But yes. You're right :)
  • @brett,

    All that cart stuff sounds brilliant. Some minicart options would be so rad. I've developed some simple cart messages here and there, in lieu of colorbox firing, but more ideas there would be sick. And pageslide is an awesome idea. I actually used it here and loved it.

    And sounds good on images / font-face. With the growing library over at google fonts (and all the other pay-for font services), that will be a great change to make. SO stoked!
  • I have been working on a responsive website lately. Making colorbox cart responsive doesn't seem easy, therefore I am trying with Reveal (from foundation) which seems to be working all right on mobiles, however I have found it difficult to replace colorbox with Reveal (I have actually made it work, but Safari is blocking third party cookies), so I would love to see a responsive layout for FoxyCart out-of-the-box.
  • fc_adamfc_adam FoxyCart Team
    edited May 2013
    @microcipcip,

    Could you link us to your site (perhaps make another thread about it) where you were having troubles getting the third-party cookies to work? It definitely should work no matter what modal you're using, as long as your passing the cart session ID through correctly. We would be happy to take a look and see why that might not be working for you.

    [edit] I spoke to soon, I see you've already done just that!
  • skiski Member
    I would LOVE LOVE LOVE for FoxyCart to offer a responsive template. As to which one, it's a tough call and I think you should chose for yourself as developers and not for users that don't know heads from tails. Bootstrap is great and has a large community, Zurb Foundation is amazing but has a smaller community, but when you look at Wordpress themes like WooThemes and similar they are using their own responsive setup, so the chances that there will be a 1 for 1 match in what the user is using and what you are using are mighty slim.
  • I would second everything that nickff said.

    Don't use any frameworks and instead focus on the little usability/performance things that matter. Text titles instead of images, making sure form fields have proper html5 attributes "email, number, etc". Making sure items degrade gracefully. For example, make sure that country autopicker works on different phones
  • brucepbrucep Member
    I agree with minimizing the use of images for titles, subtitle etc.

    I also often wonder if the visual cart is really even necessary; doing away with it and creating easy back and forth navigation from the checkout to the site would eliminate one user step and potential reduce bounce.
  • fc_adamfc_adam FoxyCart Team
    @brucep,

    FWIW, you can achieve that already - simply include a cart=checkout parameter with your add-to-carts and it will jump straight to the checkout. One key thing to note with that approach though is that once a customer reaches the checkout, they may be less likely to go back to the site and purchase more items. That's just my assumption, I don't have figures to back that up - but certainly an interesting thought.
  • Hi Adam,

    Are there any updates regarding Foxycart using HTML5?
  • fc_adamfc_adam FoxyCart Team
    @daniel_in_SF,

    We're currently in the midst of our new template rebuild - and as part of that we're completely rebuilding our checkout markup to match current best practices - one of which is incorporating HTML5.

    For what it's worth, it is currently possible to convert the existing templates to use HTML5 elements using our Twig templates: http://wiki.foxycart.com/static/redirect/templates
  • Thanks! I have recreated our checkout experience in Bootsrap using the twig templates. If anyone would like to use it send me a PM and Ill send it your way.
  • brettbrett FoxyCart Team
    @daniel_in_SF, I'd love to take a look if you would whisper me. We've got our new default templates using Bootstrap 3 (but with a theme on top of it), but I'd be interested to see the approach you took with the overall structure.
  • Hi guys,

    Do you ever publish your development queue?

    I'm wondering where :

    1) more advanced user management to lock client users out of sensitive code
    2) sales summary data visualization
    3) font-face file caching

    sit as priorities vs. template responsiveness? I haven't built in responsive templates to my stores as yet, but from what I've seen, it seems it would be possible to do within the existing framework.

    Thanks!
  • brettbrett FoxyCart Team
    @Fleef, making our priorities public is something we've discussed many times over the years, but at this point we don't. That said, I can let you know our current priority is getting our next version released, which will see major improvements to the checkout (beautiful new default theme that's responsive; much easier configuration of template options from the admin, without code).

    Admin user management and sales data visualizations are somewhat related, and are likely inclusions into an admin rebuild that is currently scheduled (related to getting our new API publicly released and documented, which is currently scheduled as the priority after our upcoming release).

    Font-face caching is something we looked into last month, but unfortunately it'll require a bigger change to our caching system than we can handle right now. (We think can make it work with everything but IE, which doesn't play well with our current approach. I've just reopened that discussion to see if it's something we might want to do anyway at least for the interim.)

    So… we aren't super public with what we're doing, mostly because we _really_ dislike over-promising. But we will let you know what's on the immediate horizon, and/or if something just isn't going to see our attention in the near future.

    Does that help?
  • I concur with what nickff and ocorral is saying, and its not just because my initials are nickf (I had to do a double take there).

    When developing css for a site, I also never use frameworks - I always write css from the ground up, based on my own little css library that I tweak per project.

    This is off topic - In the foxycart admin area, is it still necessary to have the "cache your url" and "update template" buttons. To save time when our site has been changed, it would nice just to click one button. It would be even nice if Foxycart just knew the receipt or checkout template had changed.
  • fc_adamfc_adam FoxyCart Team
    @sunsurf,

    With an upcoming admin rebuild, that is one thing that will be changing.
  • Super Adam, that's great!
  • I like the prospect of FoxyCart being aware of template changes automatically. That would be a great feature. Also, continuing in the direction of responsive styling that doesn't use a framework would be my preference. I'd like to keep my hands free of frameworks if at all possible.
  • fc_adamfc_adam FoxyCart Team
    edited January 2014
    @rcates,

    Thanks for adding your thoughts.

    I should probably clarify my earlier post - I was meaning that we were heading in the 'one button to update your template' direction rather than the 'the system knows when you change your template' direction. That would indeed be cool, but not something that is being included in our admin rebuild that I'm aware of :)
  • Hey guys, just checking in on this thread, I am anxious to play with some of the new changes mentioned here! Do you have a rough ETA when v1.2 (or will it be 2.0?) will be available to test? Will it follow a similar process as previous versions where it is released early (e.g. beta) to developers?
  • brettbrett FoxyCart Team
    Some things we can publicly share:
    It'll be v2.0.
    It'll have a similar early beta release, probably a very short private beta before it's available but not the default version for new stores.
    We thought we'd be done with it, but we aren't. We have all the design done, about 92% of the HTML and CSS done (everything except the receipts), the huge bulk of the back end done, a new unified javascript event model done. We're working on connecting the front-end functionality, so … no timeframe, but absolutely moving forward. We're also trying to get better at estimating timeframes, but right now we're still not very good at it :)
  • UPUP Member
    Is there any update on the timing of v2 release, please?
  • wokkawokka Member
    Are VAT inclusive prices being added to v2.0 - an option for the rest of the world (outside of USA) tax model??
Sign In or Register to comment.