My Cart

You have no items in your shopping cart. Buy products from our webshop

  • Home /
  • Blog /
  • Free Magento Extension: Add the visitors' browser and platform to your template's <body> class

    • Free Magento Extension: Add the visitors’ browser and platform to your template’s <body> class

    What is BodyClassPlus?

    A small, free Magento extension that adds the visitors' browser and platform information as classes to the <body> element of every page. For example: "ie ie7 windows", "firefox windows", "safari mac" etc.

    Why 

    Because extra CSS files for IE, IE7 and IE8 are bulky, conditional comments are 'soooo 2010' and it's just really handy. You could for example place all your hasLayoutfixes in your styles.css like so:

    Or do something browserspecific like:

    Will it break my webshop?

    No! It's a really small extension and it only adds the extra functionality discriped above.

    How to install?

    Unzip & upload, that's it.

    It doesn't work ...

    Flush your Cache ;)

    How to get it?

    Download it here (Pay with a Tweet)

    If you like this, you might want to take a look at our high quality premium template Simplestore. Simplestore is the perfect fundament for creating custom Magento designs with ease!
    Erwin Otten

    Erwin Otten is a Web Designer / Graphic Designer from Oude Wetering (The Netherlands) and co-founder of Hachmang & Otten. With an education in communication & multimedia design, he is passionate about web design at all levels including (information) architecture, interaction, code, and graphic design. Contact Erwin Otten

    Comments

    • Erwin

      (mar 21)
      Reply to this comment

      Note that if you are using some kind of pagecache module, this extension will probably be useless (since those modules will save the complete output of your pages as a flat file, including it’s bodyclasses). However, if you are just using Magento Community’s default caches BodyClassPlus will work great.

    • website promotions

      (jan 31)
      Reply to this comment

      Die besten wesentlichen Informationen ist dies, dass Sie versuchen, sehr gut zu tun, dass Obdachlosigkeit für nähern Körper und ihre helfende Hand. Ich bin so etwa, dass inspiriert, nach dem Lesen Ihres dieses nützliche geschriebene Artikel und Ihre Meinungen zu www.h-o.nl auch die so attraktiv für etwas tun für diejenigen,

    • C. Walstra

      (feb 16)
      Reply to this comment

      Dear Erwin,

      The tool looks great, but when I am testing with the module it will not work. I have unpacked and installed the module, but when I am testing it in the styles it will not work. I want to use it browserspecific and tested a couple of functions, also your example of body.ie6 {display:none} (to make sure I was not doing any thing wrong). I want to change a couple of things in the navigation bar so #navigation. If it would work and I want to make the changes in ie7 how would the code look like: .ie7 #navigation or #navigation.ie7.

      Let me know because it would make a big different if it would work.

      Thanks.

      • Erwin Otten

        (feb 18)
        Reply to this comment

        Hmm, the working of this module is pretty simple and it should definitely work straight out of the box! Try to install it again (maybe something went wrong) and try to remove caches. As a way to check if it did install successfully, take a look at the html output of your browser or use an inspector.

    Comment and contribute

    Onderwerpen
    Oudere posts
    Op zoek naar een professionele en ervaren Magento specialist?
    Één partner voor ontwerp, techniek en onderhoud? Bekijk onze onderhoudsabonnementen.

    H&O
    Veenderveld 76
    2371 TW
    Roelofarendsveen
    info@h-o.nl
    www.h-o.nl
    071 744 0084