Design checkout page

Hello!

I dont find a way to design my checkout / adress page like this sample i found in the web.
Could someone give me a hint how to design the page like the sample attached.

I have attached my current "not nice" checkout page where the Login is before/above the registration fields. I would have the Login fields left side and the Registration fields right, on the same height beginning......

Thanks in advance!

Best regards,
Chris

-- HikaShop version -- : 2.3.1 Business
-- Joomla version -- : 2.5

Hi,

Here is a tutorial which explain how to customize the display:
hikashop.com/support/support/documentati...ize-the-display.html

With this tutorial and some html, css knowledges, there is no more secret on the customization

ok,
Thanks for your replay. So i looked at checkout / login.php and found this code. As i understand this, it should work in that way i would like it. Login and Registration side by side. but at the Moment in my shop Login and Registration are shown one above the other. i dont know why?


<div id="hikashop_checkout_login" class="hikashop_checkout_login row-fluid">
<?php
if($display_login) {
?>
<div id="hikashop_checkout_login_left_part" class="hikashop_checkout_login_left_part span4">
<fieldset class="input">
<h2><?php echo JText::_('HIKA_LOGIN');?></h2>
<?php echo $this->loadTemplate('form'); ?>
</fieldset>
</div>
<?php } ?>
<div id="hikashop_checkout_login_right_part" class="hikashop_checkout_login_right_part span8">
<fieldset class="input">
<h2><?php
if($this->registration[2]) {
echo JText::_('GUEST');
} else {
echo JText::_('HIKA_REGISTRATION');
}
?></h2>
<?php

@update

i use another solution now, i use the Switch for "Login" and "Registration" - so only one sections shown. - still like it better

the only Thing i would prefere is to make the "Registration" radiobutton active by Default, not the "Login" radiobutton. i m seaching a while but i cant find the correct place to do this.
could someone give me a short code peace for activation the Registration radiobutton by Default.

thanks
Chris

Hi,

The two columns are potentially due to your template which is overriding some properties.
For example, if it is adding margin on the elements so the width is maybe too high to keep the elements one next to the other one.

So you have potentially to reduce the element's width with a property like:

.hikashop_checkout_login_left_part{width: 30% !important;}
.hikashop_checkout_login_right_part{width: 60% !important;}

Hi!

I have changed "checkout / Login" - the variable "$defaultSelection" to "0". (line 16)

But the default Button which is always first checked is the "Login" Button, but not the "Register" Button - nothing has changed....

nicolas wrote: Hi,

Can you provide a link to the page so that we can analyze the CSS on your website please ?

Hello
I will enjoy to have a swith in the checkout page in my website like you did.
Can you give me the code and the place where I can put it ?
Have a nice day
marietek

Hi!

I m sorry, but actually i dont realy know what you mean? I will you give anything which can help you....!

Regards,
Chris

Sorry for my "poor" message! I was too much in the subject of the topic!

I put you 2 attachment files where you can see
- what I have ( checkout2 in french) and
- what I would like to have (checkout1 in german)....
And I am no able to write php alone, just copy...
Have a nice day
Marietek