Order Steps (tableless) support thread

[clydejones]

So you saying it look like it suppose to? Well that's good.
How do you get rid of all but the first one that reads There are four steps in this checkout process.

Are you saying that the following text is also displaying?

There are four steps in this checkout process.

1. You have already entered your Shipping Information
2. You are currently entering your Payment Method
3. In the third step, you will review the details and Confirm Order
4. In the final step, you will Completed Order

If so then you haven't installed the following css files:

includes/templates/YOUR_TEMPLATE/css/checkout_confirmation.css
includes/templates/YOUR_TEMPLATE/css/checkout_payment.css
includes/templates/YOUR_TEMPLATE/css/checkout_shipping.css
includes/templates/YOUR_TEMPLATE/css/checkout_success.css

[countrycharm]

Are you saying that the following text is also displaying?

There are four steps in this checkout process.

1. You have already entered your Shipping Information
2. You are currently entering your Payment Method
3. In the third step, you will review the details and Confirm Order
4. In the final step, you will Completed Order

If so then you haven't installed the following css files:

includes/templates/YOUR_TEMPLATE/css/checkout_confirmation.css
includes/templates/YOUR_TEMPLATE/css/checkout_payment.css
includes/templates/YOUR_TEMPLATE/css/checkout_shipping.css
includes/templates/YOUR_TEMPLATE/css/checkout_success.css

Yes that is what I'm saying. I have installed the 4 css file in my_custom folder.

[countrycharm]

Yes that is what I'm saying. I have installed the 4 css file in my_custom folder.

Disregard the last post. You were right about the 4 css files. I did upload them but they didn't overwrite the old ones for some reason. Everything is looking good now except one thing. How do you center the links that is displayed on each number of the progression bar at the top. Thank you Clyde for helping me.

[clydejones]

Yes that is what I'm saying. I have installed the 4 css file in my_custom folder.

Here's a screen shot and everything seems to be displaying normally

[countrycharm]

Here's a screen shot and everything seems to be displaying normally

The screen shot you showed is great.
Look at this screen shot of the link after shipping Method. It is not centered inside the yellow box.

[clydejones]

The screen shot you showed is great.
Look at this screen shot of the link after shipping Method. It is not centered inside the yellow box.

open includes/languages/english/extra_definitions/YOUR_TEMPLATE/order_steps_defines.php

replace the entire contents of the file with the following:

<?php

if ($current_page_base == 'checkout_payment' || $current_page_base == 'checkout_confirmation') {
define('TEXT_ORDER_STEPS_1', '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">Shipping  Method</a>');
} else {
define('TEXT_ORDER_STEPS_1', 'Shipping Method');
}
if ($current_page_base == 'checkout_confirmation') {
define('TEXT_ORDER_STEPS_2', '<a href="' . zen_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL') . '">Payment  Method</a>');
}else{
define('TEXT_ORDER_STEPS_2', 'Payment Method');
}
define('TEXT_ORDER_STEPS_3', 'Confirm Order');
define('TEXT_ORDER_STEPS_4', 'Completed Order ');


define('TEXT_ORDER_STEPS_INFO', '<p>There are four steps in this checkout process.</p>');
define('CURRENT_TEXT_ORDER_STEPS', 'You are currently entering your ');
define('CURRENT_TEXT_ORDER_STEPS_3', 'You are currently going to review the details and ');
define('CURRENT_TEXT_ORDER_STEPS_4', 'You have  ');
define('DONE_TEXT_ORDER_STEPS', 'You have already entered your ');
define('DONE_TEXT_ORDER_STEPS_3', 'You have reviewed the details to ');
define('NEXT_TEXT_ORDER_STEPS_2', 'In the second step, you will enter your ');
define('NEXT_TEXT_ORDER_STEPS_3', 'In the third step, you will review the details and ');
define('NEXT_TEXT_ORDER_STEPS_4', 'In the final step, you will ');

define('ORDER_REVIEW', '<h4 class="confirm">PLEASE REVIEW &amp; CONFIRM YOUR ORDER!!</h4>');

//EOF

[countrycharm]

open includes/languages/english/extra_definitions/YOUR_TEMPLATE/order_steps_defines.php

replace the entire contents of the file with the following:

<?php

if ($current_page_base == 'checkout_payment' || $current_page_base == 'checkout_confirmation') {
define('TEXT_ORDER_STEPS_1', '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">Shipping  Method</a>');
} else {
define('TEXT_ORDER_STEPS_1', 'Shipping Method');
}
if ($current_page_base == 'checkout_confirmation') {
define('TEXT_ORDER_STEPS_2', '<a href="' . zen_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL') . '">Payment  Method</a>');
}else{
define('TEXT_ORDER_STEPS_2', 'Payment Method');
}
define('TEXT_ORDER_STEPS_3', 'Confirm Order');
define('TEXT_ORDER_STEPS_4', 'Completed Order ');


define('TEXT_ORDER_STEPS_INFO', '<p>There are four steps in this checkout process.</p>');
define('CURRENT_TEXT_ORDER_STEPS', 'You are currently entering your ');
define('CURRENT_TEXT_ORDER_STEPS_3', 'You are currently going to review the details and ');
define('CURRENT_TEXT_ORDER_STEPS_4', 'You have  ');
define('DONE_TEXT_ORDER_STEPS', 'You have already entered your ');
define('DONE_TEXT_ORDER_STEPS_3', 'You have reviewed the details to ');
define('NEXT_TEXT_ORDER_STEPS_2', 'In the second step, you will enter your ');
define('NEXT_TEXT_ORDER_STEPS_3', 'In the third step, you will review the details and ');
define('NEXT_TEXT_ORDER_STEPS_4', 'In the final step, you will ');

define('ORDER_REVIEW', '<h4 class="confirm">PLEASE REVIEW &amp; CONFIRM YOUR ORDER!!</h4>');

//EOF

I did that the links move a little to the left not much. It doesn't look like the checkout on your site that's for sure.

[clydejones]

Well I can't really check the CSS styling since you have everything minified.