Order Steps (tableless) support thread

[miles]

I just installed this mod and test it on my Zen cart v1.3.5. i've noticed theres a little bit problem with the pic on the Step2 page. As you can see on the image below where the green color line didn't move to the right which it suppose to. Then i tried to customize the width percentage in the stylesheet but cant get it right. And one other thing is that the text below the Step 2-3 - Payment Information as you see theres a text says TEXT_CUSTOMER_MESSAGE.

I'm wondering how to fix it..thanks

[clydejones]

I thought I'd taken the Customer message thing out. (that was a specialized message for another site). the green line appears to be a mix up in ordering the code for the line.

I'll tweak everything and post an updated version.

Thanks for the update

[clydejones]

The updated version to fix these errors is available in the downloads section.

[miles]

Glad you fixed it.. Thanks

[Woodymon]

Clyde-

Thanks for updating this mod so it is CSS based.

When I compared the template files in your version I discovered they are based on older Zen Cart code, not template files distributed with Zen Cart 1.36. Thus I noticed some 1.36 code missing.

I suggest to anyone installing this mod, to compare and merge, rather than directly uploading the template files. It's easy to do as there is a custom code block that needs to be copied and inserted into each template file (the code block is just a bit different for each of the four files).

One other item... I discovered the CSS was the same for all four files, except that checkout_success.css has one more entry

#order_steps { width: 100%; }

It appears that this causes the Order Steps center "box" to push into the right column (on a site displaying both left and right column sideboxes). When I removed the width entry all was well.

Also I observed on each of the checkout pages the Order Steps center "box" "rubs" on the left & right columns. I made the following adjustment to the #order_steps class in each of the four CSS files to add some margin:

replace:
   margin: 10px 0 10px 0;

with:
   margin: 10px 10px 10px 10px;

Hope this helps someone.

Woody

[clydejones]

Woody,

I'll pull your suggestions together and post an update.

[clydejones]

An updated version based on Woody's suggestions is now in the downloads section.

[DogTags]

Just tried the latest Order Steps, and it looks like TEXT_CUSTOMER_MESSAGE is still in the /includes/templates/YOUR_TEMPLATE/templates/tpl_checkout_payment_default.php file

HTH :-)

[Woodymon]

Just tried the latest Order Steps, and it looks like TEXT_CUSTOMER_MESSAGE is still in the /includes/templates/YOUR_TEMPLATE/templates/tpl_checkout_payment_default.php file

It is possible you has installed a previous version of Order Steps and you had inserted a TEXT_CUSTOMER_MESSAGE define in
/includes/languages/english/checkout_payment.php

(or maybe you have in override)

That define is no longer needed.

Note the Order Steps current version block of code in that template file does not call that define:

<!--bof order steps (tableless) -->
    <div id="order_steps">
            <div class="order_steps_text">
			<span class="order_steps_text2"><?php echo TEXT_ORDER_STEPS_1; ?></span><span id="active_step_text"><img src="<?php echo DIR_WS_TEMPLATE; ?>images/arrow_checkout.gif" width="24" height="24" alt="" border="0" align=""><br /><?php echo TEXT_ORDER_STEPS_2; ?></span><span class="order_steps_text3"><?php echo TEXT_ORDER_STEPS_3; ?></span><span class="order_steps_text4"><?php echo TEXT_ORDER_STEPS_4; ?></span>
            </div>
            <div class="order_steps_line_2">
                <span class="progressbar_active">&nbsp;</span><span class="progressbar_active">&nbsp;</span><span class="progressbar_inactive">&nbsp;</span><span class="progressbar_inactive">&nbsp;</span>
            </div>		
    </div>
<!--eof order steps (tableless) -->

Woody

[clydejones]

I'm working on a couple of other things at the moment so I'll try to post an update as soon as I can.

In the meantime open tpl_checkout_payment_default.php and delete <?php echo TEXT_CUSTOMER_MESSAGE; ?> around line 20.