mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

refactor: hide personal info step content if step is completed

pagebuilder
abhisheks 2023-12-06 17:37:27 +05:30
parent b0c137a7ea
commit 57225936e4
1 changed files with 64 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

126
templates/checkout/_partials/steps/personal-information.tpl
View File

@ -1,70 +1,72 @@
{extends file='checkout/_partials/steps/checkout-step.tpl'}
{block name='step_content'}
{if $customer.is_logged && !$customer.is_guest}
<div class="flex flex-col">
<span class="identity">
{l s='Connected as [1]%firstname% %lastname%[/1].'
d='Shop.Theme.Customeraccount'
sprintf=[
'[1]' => "<a href='{$urls.pages.identity}'>",
'[/1]' => "</a>",
'%firstname%' => $customer.firstname,
'%lastname%' => $customer.lastname
]
}
</span>
<span>
{l
s='Not you? [1]Log out[/1]'
d='Shop.Theme.Customeraccount'
sprintf=[
'[1]' => "<a href='{$urls.actions.logout}'>",
'[/1]' => "</a>"
]
}
</span>
</div>
{else}
<div class="flex w-full flex-col tabs">
<ul class="tabs-list flex w-full">
<li class="flex flex-1 p-4 items-center justify-center">
<a
class="nav-link {if !$show_login_form}active{/if}"
data-toggle="tab"
href="#checkout-guest-form"
role="tab"
aria-controls="checkout-guest-form"
{if !$show_login_form} aria-selected="true"{/if}
{if !$step_is_complete}
{if $customer.is_logged && !$customer.is_guest}
<div class="flex flex-col">
<span class="identity">
{l s='Connected as [1]%firstname% %lastname%[/1].'
d='Shop.Theme.Customeraccount'
sprintf=[
'[1]' => "<a href='{$urls.pages.identity}'>",
'[/1]' => "</a>",
'%firstname%' => $customer.firstname,
'%lastname%' => $customer.lastname
]
}
</span>
<span>
{l
s='Not you? [1]Log out[/1]'
d='Shop.Theme.Customeraccount'
sprintf=[
'[1]' => "<a href='{$urls.actions.logout}'>",
'[/1]' => "</a>"
]
}
</span>
</div>
{else}
<div class="flex w-full flex-col tabs">
<ul class="tabs-list flex w-full">
<li class="flex flex-1 p-4 items-center justify-center">
<a
class="nav-link {if !$show_login_form}active{/if}"
data-toggle="tab"
href="#checkout-guest-form"
role="tab"
aria-controls="checkout-guest-form"
{if !$show_login_form} aria-selected="true"{/if}
>
{if $guest_allowed}
{l s='Order as a guest' d='Shop.Theme.Checkout'}
{else}
{l s='Create an account' d='Shop.Theme.Customeraccount'}
{/if}
</a>
</li>
<li class="flex flex-1 p-4 items-center justify-center">
<a
class="nav-link {if $show_login_form}active{/if}"
data-link-action="show-login-form"
data-toggle="tab"
href="#checkout-login-form"
role="tab"
aria-controls="checkout-login-form"
{if $show_login_form} aria-selected="true"{/if}
>
{if $guest_allowed}
{l s='Order as a guest' d='Shop.Theme.Checkout'}
{else}
{l s='Create an account' d='Shop.Theme.Customeraccount'}
{/if}
</a>
</li>
<li class="flex flex-1 p-4 items-center justify-center">
<a
class="nav-link {if $show_login_form}active{/if}"
data-link-action="show-login-form"
data-toggle="tab"
href="#checkout-login-form"
role="tab"
aria-controls="checkout-login-form"
{if $show_login_form} aria-selected="true"{/if}
>
{l s='Sign in' d='Shop.Theme.Actions'}
</a>
</li>
</ul>
<div id="checkout-guest-form" class="tabs-content w-full">
{render file='checkout/_partials/customer-form.tpl' ui=$register_form guest_allowed=$guest_allowed}
{l s='Sign in' d='Shop.Theme.Actions'}
</a>
</li>
</ul>
<div id="checkout-guest-form" class="tabs-content w-full">
{render file='checkout/_partials/customer-form.tpl' ui=$register_form guest_allowed=$guest_allowed}
</div>
<div id="checkout-login-form" class="tabs-content w-full">
{render file='checkout/_partials/login-form.tpl' ui=$login_form}
</div>
</div>
<div id="checkout-login-form" class="tabs-content w-full">
{render file='checkout/_partials/login-form.tpl' ui=$login_form}
</div>
</div>
{/if}
{/if}
{/block}