Jump to content

Order steps.tpl Design problems


Recommended Posts

Hallo Prestashop Proffesionals

 

I have some problems with order steps css

 

shipping.jpg

 

 

Original look

 

good.jpg

 

live http://livedemo00.template-help.com/prestashop_40561/authentication.php?back=order.php%3Fstep%3D1

 

 

css code in global.css

 

/* steps (like order step) */

#order_steps {width:550px;height:56px;overflow:hidden;margin:20px 0 10px 0;background-image:url(../img/order_steps.png);background-repeat:no-repeat;}
ul.step1 {background-position:0 0;}
ul.step2 {background-position:0 -56px;}
ul.step3 {background-position:0 -112px;}
ul.step4 {background-position:0 -168px;}
ul.step5 {background-position:0 -224px;}

#order_steps li {width:110px;height:56px;float:left;}

#order_steps li a,
#order_steps li span {width:100px;height:22px;display:block;padding:34px 0 0 10px;font:normal 12px "Arial";}

#order_steps li span {color:#a1a1a1; font-weight:bold;}
#order_steps li.step_current span {font-weight:bold;color:#fff;}
#order_steps li a {font-weight:bold;color:#ccc;text-decoration:none;}
#order_steps li a:hover {color:#fff;}

 

code in: order step.tpl

 

 

 

{* Assign a value to 'current_step' to display current style *}
{if !$opc}
<!-- Steps -->
<ul id="order_steps">
<li class="{if $current_step=='summary'}step_current{else}{if $current_step=='payment' || $current_step=='shipping' || $current_step=='address' || $current_step=='login'}step_done{else}step_todo{/if}{/if}">
{if $current_step=='payment' || $current_step=='shipping' || $current_step=='address' || $current_step=='login'}
<a href="{$link->getPageLink('order.php', true)}{if isset($back) && $back}?back={$back}{/if}">
{l s='Summary'}
</a>
{else}
{l s='Summary'}
{/if}
</li>
<li class="{if $current_step=='login'}step_current{else}{if $current_step=='payment' || $current_step=='shipping' || $current_step=='address'}step_done{else}step_todo{/if}{/if}">
{if $current_step=='payment' || $current_step=='shipping' || $current_step=='address'}
<a class="href="{$link->getPageLink('order.php', true)}?step=1{if isset($back) && $back}&back={$back}{/if}">
{l s='Login'}
</a>
{else}
{l s='Login'}
{/if}
</li>
<li class="{if $current_step=='address'}step_current{else}{if $current_step=='payment' || $current_step=='shipping'}step_done{else}step_todo{/if}{/if}">
{if $current_step=='payment' || $current_step=='shipping'}
<a ref="{$link->getPageLink('order.php', true)}?step=1{if isset($back) && $back}&back={$back}{/if}">
{l s='Address'}
</a>
{else}
{l s='Address'}
{/if}
</li>
<li class="{if $current_step=='shipping'}step_current{else}{if $current_step=='payment'}step_done{else}step_todo{/if}{/if}">
{if $current_step=='payment'}
<a href="{$link->getPageLink('order.php', true)}?step=1{if isset($back) && $back}&back={$back}{/if}">
{l s='Shipping'}
</a>
{else}
{l s='Shipping'}
{/if}
</li>
<li id="step_end" class="{if $current_step=='payment'}step_current{else}step_todo{/if}">
{l s='Payment'}
</li>
</ul>
<!-- /Steps -->
{/if}

 

Many many thanks for any help, maybe problems in order steps.tpl

 

Attached png background buttons

post-367028-0-16766200-1346761335_thumb.png

Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...