Order Steps Question

Installed Order Steps and (believe) I followed the steps correctly. But it isn't working like it should.

What file should I look at for the problem?

Attached is a PDF of the problem.

Looks like you're missing the template updates and the stylesheet components.

Did you rename the custom template folders before uploading?
Did you merge the template changes into your own custom template files before uploading?

I'm pretty confused, I merged the template changes into both my custom and the "regular" folders (in cased I missed something) as well as adding the css to the stylesheets.

Is there a certain file I should look at that I may have missed?

My comments are based on the version released for 1.3.x

The contribution contains a .txt file which explains the installation steps in detail. I've summarized them below.

1. a stylesheet_new.css was supplied. You only need the bottom section of that file denoted as required for order-steps mod. Look in the code comments to see which section to copy from there into your own real stylesheet.
   Your stylesheet may or may not be named stylesheet_new.css.

2. in the images folder, you need to choose an arrow. There are several to choose from in the optional_arrows folder. Pick one and name it "arrow_checkout.gif" and upload it to your custom template "images" folder

3. each of the 4 template files has some minor changes ... just an added section of code ... to be merged into your own template files.

Well dang it! I followed the directions per the read me and it doesn't appear to be working.

I agreee with you Doc, it appears that it isn't pulling from the CSS.

Attached is a template and a stylesheet. Does anyone see a problem?

Found one of the problems, arrow_checkout.gif was mis-named. was checkout_arrow, should be arrow_checkout.

So, that now shows up. But the progress bar is still not showing.

jacque

The progress bar is built as table-cells with classes in the stylesheet used to display the appropriate coloring.

eg:

       <table class="order_steps" cellspacing="0">
            <tr><td class="order_steps_text" id="active_step_text"><img src="includes/templates/custom/images/arrow_checkout.gif" width="24" height="24" alt="" border="0" align=""><br />Shipping Method</td><td class="order_steps_text"><br />Payment Method</td><td class="order_steps_text"><br />Review Order</td><td class="order_steps_text"><br />Order Complete</td>
            </tr>
            <tr class="order_steps_line_2">
                <td class="progressbar_active"></td><td class="progressbar_inactive"></td><td class="progressbar_inactive"></td><td class="progressbar_inactive"></td>
            </tr>
            <tr class="order_steps_line_3">
                <td class="progressbar_active_shadow"></td><td class="progressbar_inactive_shadow"></td><td class="progressbar_inactive_shadow"></td><td class="progressbar_inactive_shadow"></td>
            </tr>
        </table>

I use the Better Categories module.

For me it worked by adding the CSS to the stylesheet_bettercategories.css

I have attached the file in case anyone would like to use it.

Jacque