2.3.1 Design eBook Supplement – add some candy
In this blog post I'm going to show how to add a dialog "cart contents" popup to the breadcrumb area of the theme made in the 2.3.1 Design eBook.
First of all, I'll show you a couple of images…
The "cart summary" link in the right hand side of the breadcrumb;
And the Dialog Box PopUp, which is what shows when the link is clicked;
Step 1: Open up /includes/template_top.php
Add:
Step 2: Open /includes/header.php
A. Reduce the grid_* by two on both the searchbox and the breadcrumb.
B. Remove the omega from the searchbox
C. Add the following block after the searchbox div:
D. Email me for the new "head cart" module (code doesn't play nicely in this blog for some reason).
As easy as that. A couple of extra style bits in the user stylesheet and the job is completed.
