Removing ugly steps on checkout

Hi.

How can I remove this from the checkout?

Thanks

You want to remove the process or the images?

The images

The images

oh good choice - it's easier to remove the images than the process!

the quick way to do this would be to modify the comparisonsteps.tpl file and remove all its content (e.g empty it) and then save.

That didn't work, images are still there. The page they appear on is the one after clicking "Checkout"

cart.php?a=view

have you tried emptying your template cache?

utilities -> system -> system cleanup -> empty template cache

if I empty comparisonsteps.tpl, the images are removed from all 3 steps..

I did that too, and still the images remain on both the default and my custom template.

are you sure you edited the right template, what brian said should work

also

you can remove the images themselves or remove (comment out) the css

css is in templates/orderforms/comparison/style.css on line

look for the following

lines 154 to 185 looks like this

/*
Steps
*/

#order-comparison .stepscontainer {
   width: 630px;
   border: 1px solid #000;
   background-image: url('images/stepsbg.png');
   font-size: 11px;
   margin: 15px auto 10px auto;
}

#order-comparison .stepscontainer .arrow {
   float: left;
   width: 33px;
   height: 35px;
   background-image: url('images/stepsarrow.png');
}

#order-comparison .stepscontainer .arrowactiveleft {
   float: left;
   width: 33px;
   height: 35px;
   background-image: url('images/stepsarrowactiveleft.png');
}

#order-comparison .stepscontainer .arrowactiveright {
   float: left;
   width: 33px;
   height: 35px;
   background-image: url('images/stepsarrowactiveright.png');
}

you can use a comment like this to comment them out

/* comment */

just remember that any changes you make will need to be redone when you update.

Fixed! Order form was using templates from "comparison" folder instead of the custom one I created.

Thanks for helping.

I did that too, and still the images remain on both the default and my custom template.

if you are using a custom order-form template based on comparison, but have called it something else, be aware that the other files in that template contain references to the comparisonsteps.tpl template file *inside* the comparison folder...

e.g, in viewcart.tpl, you will see the following line of code...

{include file="orderforms/comparison/comparisonsteps.tpl" step=3}

going through the other templates in your custom order theme and removing code similar to the above should remove the images.