Zen Cart CSS Guide – A complete guide to Zen Cart Stylesheets


Buy NowThe complete, visual step-by-step guide to Zen Cart CSS is here!

Feeling like you’ve been stumbling around trying to find your way through the CSS maze?

An 82-page guide developed as a ‘roadmap’ to help you navigate the stylesheets in Zen Cart.   This book will help you reach your destination, customising your Zen Cart online store, faster and easier.  Available now for immediate download.

Secure payment with Paypal.
payments
You do not need a PayPal account.
Use your credit card or bank account – just click the Continue link on the Checkout page.
Add to Cart
View Cart

Zen Cart CSS Guide - a complete guide the Zen Cart Stylesheets

The Zen Cart CSS Guide can be used as a companion guide as you customise your Zen Cart online store, using the many images as visual clues.

Download sample pages – Zen Cart CSS Guide.

I’ve been customizing my css files for a couple of weeks now, and spending a lot of time hunting-and-pecking to figure out what changes what, but I’m stumped on something that’s probably super simple.
A well thought out, well commented tutorial with a fully commented (NO abbreviations) CSS file example would help newbies and struggling intermediates tremendously.
(Zen Cart Support Forum)

Does this sound like you? Save yourself hours of time and effort (and pulling your hair out!) with this complete guide.  The Classic stylesheet.css is explored line by line – complete with images of which components are affected by which CSS rule.  Each element is fully commented and there are even quick CSS lessons for the most popular CSS selectors and their properties.

Download sample pages – Zen Cart CSS Guide.

A CSS map. I’d like to know what CSS files, and where in those files the various areas come from.
Add me to the list of people who could have used a commented css stylesheet.
CSS, CSS, CSS!
So, by creating a tutorial based on ZenCart’s Default Template CSS that not only tells, but shows where the classes, id’s, div, etc. are, what they do and how to modify or customize them, would go a long LONG way to making life easier for us newbies (probaly some oldtimers too).
(Zen Cart Support Forum)

Available Now

The Zen Cart CSS Guide – A complete guide to Zen Cart Stylesheets is now available for immediate download - only $9.95 USD.

Yep, I agree. I would even give away my very last piece of chocolate if I only knew how to navigate properly around the zen css.

Secure payment with Paypal.
payments
You do not need a PayPal account.
Use your credit card or bank account – just click the Continue link on the Checkout page.
Add to Cart
View Cart
     
   
     

, , , ,

  1. #1 by Pauline Baker on 4 December, 2009 - 8:12 am

    Hello Kerrin,
    i do apologise for keep bugging you with questions but what is a style sheet and do I need the book so that I don’t have to keep asking you questions.
    Pauline

  2. #2 by kerrin hardy on 7 December, 2009 - 1:08 pm

    Hi Pauline
    The stylesheet contains all the information for the ‘presentation’ of your zen cart pages, ie color, layout, etc. This is kept separate to the code that sets the functionality of zen cart.
    The book steps through each element of the stylesheet.css of the Classic template and runs through some basics of Cascading Stylesheets and their use in Zen Cart.
    Cheers
    Kerrin

  3. #3 by Tony Hord on 21 April, 2010 - 7:22 am

    Hello
    I just paid for the css guide and must have cancelled a window maybe that would lead me to the download. Can you send me a link? My order number is ***.

  4. #4 by kerrin hardy on 21 April, 2010 - 7:45 am

    Hi Tony

    I have sent you an email with your download link.

    Good luck with your Zen Cart customisations :)

    Cheers
    Kerrin

  5. #5 by giu on 20 August, 2010 - 7:50 am

    can I ask if with this guide I will be able to move categories for example at center of index page?
    thanks in advance

  6. #6 by kerrin hardy on 27 September, 2010 - 1:08 pm

    Hi giu, it will certainly help you to re-style the category tabs on the index page and and all the other page elements with CSS by highlighting the appropriate CSS properties.

  7. #7 by kelvin on 25 May, 2011 - 4:30 pm

    hi kerrin,Could you give me electronic edition Zen Cart CSS Guide? thank you

  8. #8 by kerrin hardy on 4 June, 2011 - 11:28 pm

    @Kelvin – you can grab a copy from this page, just click on the Add to Cart button :)

  9. #9 by Pauline Baker on 16 August, 2012 - 4:26 pm

    Hello Kerin. I have 4 JBM sites all with the same products but each one is aimed at a different market for instance, JBM Retail, JBM International. They are accessed from the main web site by going to the mani web site and clicking on the appropriate button but with this set up I have to update each web site seperately with the same information.( a big job) Is it at all possible to alter or program the main web site so that i only have to update one of the main web site and it automatically updates the others but also alows me to eliminate an item from one web site when it is only available for instance internationally and not in the USA, without affecting the others.and also have different prices.
    Am I asking too much of a web site is there another way to acheive this without haveing 4 seperate web sites linked. In other words can you think of a way of aceiving these variations on just one web site.
    Realy need some guideance as I am getting totaly lost
    Pauline

  10. #10 by tom on 28 November, 2012 - 6:44 am

    @pauline: very possible though you’ll have to learn to use jQuery or other tools which will load the appropriate css stylesheets according to whatever criteria you set to differentiate the sites you have.

    HTH tom

(will not be published)

Notify me of followup comments via e-mail. You can also subscribe without commenting.