Order Steps (tableless) support thread

[CaroleAs]

Ok found one error (one typo). Now the digits are correct but the spacing is not. My guess is i will play with the padding?

And how do i get the right sideboxes back in their place?

[clydejones]

Ok found one error (one typo). Now the digits are correct but the spacing is not. My guess is i will play with the padding?

And how do i get the right sideboxes back in their place?

change the width from 650px to 600px


.progressmeter {overflow:auto; margin:1em auto;width:650px;}

[CaroleAs]

Fixing one thing messes something else

Changing the 650 to 600 cuts off the right side of the "progress bar" and the number 4 along the way.

(i dont know if you tried the checkout in the French side of the store. It is even more obvious)

[clydejones]

Fixing one thing messes something else

Changing the 650 to 600 cuts off the right side of the "progress bar" and the number 4 along the way.

(i dont know if you tried the checkout in the French side of the store. It is even more obvious)

You could try adjusting the overall width of your site: you'd do that in the stylesheet.css

#mainWrapper {
background-color: #ffffff;
text-align: left;
/*width: 750px;*/
width: 970px;
vertical-align: top;
border: 1px solid #1884e9;
}

[CaroleAs]

Thanks for your help. I dont want to hijack this thread.

I will work a bit more by trial an error to try to align things. I love the add-on though!

Quick question. In earlier posts of this thread, some screenshots were showing a progress bar. Has this been removed in later versions or did i mess up something to make it disappear since i never saw it in my store.

[CaroleAs]

Trial and error worked. I figured out that to widen the boxes i needed to edit the width in here:

.progressmeter li {float:left; width:10em; min-height:3em; margin:0 .6em; padding-left:3em; color:#000; background:#b9cfe7 url(../images/numbers.gif) 0 4px no-repeat; list-style-type:none;}

Getting there :)

[DickTurpin]

I think I have found an issue with the CSS/JS Loader mod and Order Steps (baleless but I may be wrong.

I have loaded both mods and they both work well apart from when I have CSS/JS Loader enabled, the number image at the top of the screen dissappears and I have a list of steps. When I disable it the graphic displays beautifully as designed. I know CSS/JS Loader has a cache and reading the instructions it on the screen it says "if you have just made changes to your js/css files and want to make sure they are reloaded right away, you can reset this to 0." I have done this but the minute the cache is re-enabled the graphic disappears again.

Can anyone please advice. I can see Order Steps (tabless) mod works so I know it isn't that. Could it be the Cache not including the page specific CSS files? I have to have the other mod installed due to the number of database queries slowing the site down.

My shop is located at www.mysticminds.co.uk/store

[clydejones]

Thanks for your help. I dont want to hijack this thread.

I will work a bit more by trial an error to try to align things. I love the add-on though!

Quick question. In earlier posts of this thread, some screenshots were showing a progress bar. Has this been removed in later versions or did i mess up something to make it disappear since i never saw it in my store.

Yes, the current version uses the graphic you are using

[CaroleAs]

Thanks Clyde for your help. Now, i have everything on my live store and it works great except for one detail. There is something that seems to "stick" from my trials, as you can see here:


That part about "step 3 out of 4" stays there. I assume it is just a little thing that i either placed in the wrong location or forgot to delete. It shows only on the French and it is showing even when i log out. And it is not all the time. Could you point me to what file might be the culprit?

(beside that, everything works like a charm, even with the edited box sizes and such)

Oops... forgot the store link: http://creationcassel.com/store