Removing ugly steps on checkout

[xsolidus]

Hi.

 

How can I remove this from the checkout?

 

 

Thanks

[durangod]

You want to remove the process or the images?

[xsolidus]

The images

[brian!]

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.

[xsolidus]

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

cart.php?a=view

[brian!]

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..

[xsolidus]

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

[durangod]

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.

Edited November 23, 2014 by Infopro
Wrapped Output in Code Tags

[xsolidus]

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

Thanks for helping.

[brian!]

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.