Hi,
I'm using the New lifestyle template with hikashop. If in the Hikashop display configuration I set the 'Use bootstrap design' to yes, my front end displays as it should. However, all the views in the check-out process are not displaying correctly (positions do not correspond, radio buttons are displayed as normal buttons, etc...). If I set it to no, the checkout views display correctly, however the front-end does not (thumbnails cover product price and name). How can this be solved?

181.224.135.107/~florenti/

Thanks!
Michel

Is this just the login form?

for this page


#hikashop_checkout_login_left_part .btn.active {background: red;}
#hikashop_checkout_login_left_part .input-append, .input-prepend {font-size: inherit;}
#hikashop_checkout_login_form .input-prepend input[type="text"], #hikashop_checkout_login_form .input-append [type="password"] {height:34px; line-height:1em}

#hikashop_checkout_login_form .input-prepend.input-append .add-on:first-child {border-radius:0}
#hikashop_checkout_login_form .input-append .add-on, #hikashop_checkout_login_left_part .input-prepend .add-on {background: none; border:0;text-align: left;min-width: 150px;}

.hikashop_checkout_login_right_part input {width:75%;}

.hikashop_checkout_login_right_part #modlgn-remember[type="checkbox"] {width: 15%; float: none; margin-bottom:1em}

.hikashop_checkout_login_right_part #modlgn-remember input {width: 15%;}

hmmm, I don't quite understand what you're asking... Could you be more specific?
Thanks.
Michel

Does the styling I added fix all the problems or is there still parts of the cart process not working?

Cheers
Paul

You can check how the checkout forms look, after I've applied your CSS when you put an item in the cart and then go to 'Kasse' (don't worry, the site is not live yet . In the progress bar you click on [2 Adresse] and [3 Zahlung]. The buttons "Versandkosten", "Abholen/Kurs", "Vorauskasse" and "Gegen Rechnung" should be radio buttons... The Login screen under [1 Login] also doesn't look right...

Thanks

.hikashop_cart_module #hikashop_cart {float:none;} will make the cart module a bit more spaced out

Cheers

how try about trying

.hikashop_payment_methods_table input[type="radio"] {display: inline;}
.hikashop_shipping_methods_table input[type="radio"] {display:inline}

Cheers
Paul

No, still not working as it should. It still displays buttons next to the radio buttons, this should be just plain text. Also, if you select one of the radio buttons it triggers a submit, which is not ok. If bootstrap is disabled this is not the case.

The same proble is on the first step of checkout: The 2 button "Anmelden" and "Registrieren" should be radio buttons.

Thanks
Michel

Hi there,

Is this just core Hikashop or is it a Hikashop addon?

The demo has Bootstrap disabled and all other css disabled so thats the correct setting for the theme.

Thanks

Hi Anthony,

It's just core Hikashop. css is disabled. See screenshots to see what happens to the front, if bootstrap is disabled.

Thanks,
Michel

Anything new on this...? I'm waiting to finish our site...

Thanks!
Michel

Sorry I thought I had replied earlier.

Where are you disabling bootstrap? It may be that the template is using a different version to Hikashop but Im not sure why that would happen.

No Problem...

In Hikashop Display settings. See screenshot.

Ah ok yes so you need to have bootstrap design enabled. and Hikashop css disabled.

I thought we had fixed this in a recent ticket actually.

Last time I looked at the site the css I supplied fixed the issue with the stretched images. Did you implement those fixes?
Thanks

Yes, I have bootstrap enabled and Hikashop css disabled.

This basically is ok, but the screens in the checkut process have following issues:

Radio buttons are displayed as normal buttons (see login screen). A css fix was sent, but this shows the radio button AND the normal button. In addition with the fix, these buttons cause a submit which is not ok. (See shipment and payment options).

Basically it's just about getting the radio buttons right.

Thanks!

Do you have a setting enabled for setting radio buttons to display: none?

Cheers

Not that I know of... Where would this be set?

I'll follow this up in your ticket because something does seem a bit off here.

Will ping you there soon.

Thanks for your patience.