Prestashop 1.6 edit step 2

[medred]

Hello

How can i move row of instant guest check out above sign up and log in of step 2?

Prestashop version 1.6

[medred]

Maybe it is not possible?

[musicmaster]

It might help if you provided some pictures. Not everybody likes to invest a lot of time to understand what you mean.

[medred]

Yes i believe you are right, i am sorry. As you can see at the picture i want instant check out box at step 2 of cart progress to be higher (above the othe other two boxes of "create acount" and "already registered").

http://imgur.com/gUhlmQV

[medred]

I noticed that if i edit themes/theme-name/authentication.tpl and move the following code at the very bottom it works but I don’t know if it causes any problems.

	<div class="row">
		<div class="col-xs-12 col-sm-6">
			<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="create-account_form" class="box">
				<h3 class="page-subheading">{l s='Create an account'}</h3>
				<div class="form_content clearfix">
					<p>{l s='Please enter your email address to create an account.'}</p>
					<div class="alert alert-danger" id="create_account_error" style="display:none"></div>
					<div class="form-group">
						<label for="email_create">{l s='Email address'}</label>
						<input type="email" class="is_required validate account_input form-control" data-validate="isEmail" id="email_create" name="email_create" value="{if isset($smarty.post.email_create)}{$smarty.post.email_create|stripslashes}{/if}" />
					</div>
					<div class="submit">
						{if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'html':'UTF-8'}" />{/if}
						<button class="btn btn-default button button-medium exclusive" type="submit" id="SubmitCreate" name="SubmitCreate">
							<span>
								<i class="icon-user left"></i>
								{l s='Create an account'}
							</span>
						</button>
						<input type="hidden" class="hidden" name="SubmitCreate" value="{l s='Create an account'}" />
					</div>
				</div>
			</form>
		</div>
		<div class="col-xs-12 col-sm-6">
			<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="login_form" class="box">
				<h3 class="page-subheading">{l s='Already registered?'}</h3>
				<div class="form_content clearfix">
					<div class="form-group">
						<label for="email">{l s='Email address'}</label>
						<input class="is_required validate account_input form-control" data-validate="isEmail" type="email" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|stripslashes}{/if}" />
					</div>
					<div class="form-group">
						<label for="passwd">{l s='Password'}</label>
						<input class="is_required validate account_input form-control" type="password" data-validate="isPasswd" id="passwd" name="passwd" value="" />
					</div>
					<p class="lost_password form-group"><a href="{$link->getPageLink('password')|escape:'html':'UTF-8'}" title="{l s='Recover your forgotten password'}" rel="nofollow">{l s='Forgot your password?'}</a></p>
					<p class="submit">
						{if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'html':'UTF-8'}" />{/if}
						<button type="submit" id="SubmitLogin" name="SubmitLogin" class="button btn btn-default button-medium">
							<span>
								<i class="icon-lock left"></i>
								{l s='Sign in'}
							</span>
						</button>
					</p>
				</div>
			</form>
		</div>
	</div>

[Scully]

The change would be possible but I can say from own experience, you would have to touch quite a lot of files.

The layout comes basically from the file

 

order-steps.tpl

 

But this is only the very small part. You would have to touch several .tpl files as well as .php code. Why that?

Each order step allows to go back or to proceed to the next step.

 

You can see that with the url parameter like

 

?step=1

 

during the ordering process, where 1 represents the first step. This step parameter is used in ../controllers/front/OrderController.php as an example.

Adding one step more would require to check every place where the param step is used. And it is used by .tpl as well as .php files at many places.

To make it more complicated, the terms used in these files are not always the same. While php normally uses these constants ...

    const STEP_SUMMARY_EMPTY_CART = -1;
    const STEP_ADDRESSES = 1;
    const STEP_DELIVERY = 2;
    const STEP_PAYMENT = 3;

.tpl uses other naming. Just look into order-steps.tpl and search for the word current_step:

Overall I would guess you would have to touch around 10 files.

    <li class="{if $current_step=='address'}step_current{elseif $current_step=='shipping'}step_done step_done_last{else}{if $current_step=='payment' || $current_step=='shipping'}step_done{else}step_todo{/if}{/if} third">
        {if $current_step=='payment' || $current_step=='shipping'}
        <a href="{$link->getPageLink('order', true, NULL, "{$smarty.capture.url_back}&step=1{if $multi_shipping}&multi-shipping={$multi_shipping}{/if}")|escape:'html':'UTF-8'}">
            <em>03.</em> {l s='Address'}
        </a>
        {else}
            <span><em>03.</em> {l s='Address'}</span>
        {/if}
    </li>
    <li class="{if $current_step=='shipping'}step_current{else}{if $current_step=='payment'}step_done step_done_last{else}step_todo{/if}{/if} four">
        {if $current_step=='payment'}
        <a href="{$link->getPageLink('order', true, NULL, "{$smarty.capture.url_back}&step=2{if $multi_shipping}&multi-shipping={$multi_shipping}{/if}")|escape:'html':'UTF-8'}">
            <em>04.</em> {l s='Shipping'}
        </a>
        {else}
            <span><em>04.</em> {l s='Shipping'}</span>
        {/if}
    </li>

So if authentication works with no problems, it would stay with that!

Edited June 28, 2017 by Scully (see edit history)

[medred]

Ok i got it. It seems a lot of trouble i will leave it as it is.

Thank you for the  answer.

Best Regards