Cart Layout is looking wierd

[JaySchulz]

you are allready using the only super admin login.

there is a child theme folder but there is almost nothing changed in there.

there is a functions.php
a screenshot for the theme thumbnail
and a style.css
with the following content:

@import url("../atelier/style.css");

that’s it..

let me know if I can do anything else to support you guys.

[David Martin – Support]

Hi,

Ok thanks. I cannot replicate this issue on my dev or the demo site http://swiftideas.com/cart/.

Could you remove the custom CSS added so we can take a look at the default setup?

– David.

[JaySchulz]

This reply has been marked as private.

[David Martin – Support]

Hi,

Thanks for removing this. Please add back when you you are ready.

What browser and operating system are you on? Do you see any issue here http://swiftideas.com/ if you add a product to the cart and proceed to checkout?

– David.

[JaySchulz]

Hey David,

i bet the issue is the woocommerce german market plugin and german translations (because usually german words are longer tan english ones, and we need to place more text, buttons and legal stuff restricted by law.

I did an order in your shop. hope you cancel this one.

Your shop is working perfectly for me. (see attached screenshots)
I will attach one more screenshot. It was taken on the on a 17″ mac book pro. latest OSX and firefox.
I am usually working on a 15″ mac book pro. latest OSX and chrome.
But sometimes also an 24″ iMac and and mac pro with an 24″ eizo screen also everything latest OSX and mostly chrome.

Same issue on all of them.
As I said before I was able to solve the problem by decreasing the fontsize on the cart page of the “.includes-tax”.
I bet it is the same issue with the other lines which are wrapped wrongly if the text is too long or too big.
Sometimes it maybe just needs a flush right or left for the text

maybe you are also able to see the german version if I delete the english version from the MLP installation.
Shall I try that? ( I need to synchronize the english page again anyways. As soon as the Layout stuff is fixed….

I also spotted that some translations are wrong on mozilla firefox (second checkbox) (like you will see in the screenshot. this one is correct when I am using chrome.

same issue on my english page.
the cart and checkout page are looking better, cause of the shorter text (see screenshot)

but the double check -> pay option and checkout is the same issue.

best jay

Attachments:

You must be logged in to view attached files.

[JaySchulz]

here two more screenshots.
on the one which shows the cart totals the lines are on the same hight and the text wrapping is also correct…

if you want you can place a trial order ( BUT PLEASE USE BANK TRSANFER AND NOT PAYPAL) i will delete the orders after you placed them.

the biggest problem is the double check page which comes after the checkout page.
(this is also restricted by the german law)

p.s. Are you sure I can paste back the custom CCS on the German page?!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Have you made any template changed to the page /bestellung_pruefen_bezahlen? The column markup is not ours?

– David.

[JaySchulz]

Hi David,

thanks for your reply.
No I haven’t changed anything.. on that page.
This page will automatically created by Woocommerce German Market plugin (which is taking care of almost all legal restrictions for the german law.). I think this page is also a legal restriction.

Would be very much appreciated if you guys would have a solution for this problem.

thanks in advance.

J

[David Martin – Support]

Hi,

Unfortunately as the plugin generates the page you would need to get a developer to create a child theme template for that page that uses the same column markup (bootstrap) as we do.

We recomend you contact WerkPress.com and they can do this for you.

– David.

[JaySchulz]

Thanks for the reply.

sad to hear that your theme doesn’t work 100% properly with woocommerce german market.

what is about the other two issues?! the broken layout on the cart page and also the remove “x” on the cart and checkout page which is not displayed correctly.

Is there a way to solve this?

thanks in advance.

J

[David Martin – Support]

Hey,

1)

Is it this plugin? https://marketpress.com/product/woocommerce-german-market/

If so, I’ll pass on your feedback for future thought at it’s inclusion.

2)

Yes, I see the cart view is overlapped on smaller screens such as tablets. Please use this:

.woocommerce-cart .cart_totals table {
    border-collapse: collapse;
    table-layout: fixed;
}

.wgm-tax {
    white-space: normal;
}

3)

To remove the X from your cart page, please use this CSS:

.woocommerce table.shop_table tr td.product-remove .remove {
    display: none;
}

I have looked very closely at what has caused this and I can report it is the plugin woocommerce german market, it is loading in it’s own CSS stylesheet which is negatively influencing the Atelier styles.

– David.

[JaySchulz]

Hey David Martin,

regarding point 1:
thanks a lot for your response, and that you took a second look on this problem.

Yes it is that problem.
but I have reportet that issue to the developers of woocommerce german market. And they are currently checking this isue.

(If you want to check the full integration of this plugin, i send it too you on an further issue.

Maybe Ed still have the right plugin ( POST WITH INK

regarding point 2:
i will try this code this afternoon.

regarding point 3

I do not want to remove the x i want do display it properly.
see attached screenshot

thanks in advance

J

Attachments:

You must be logged in to view attached files.

[JaySchulz]

This reply has been marked as private.

[David Martin – Support]

Hi,

I cannot provide you a full customisation solution, you would need to work with a developer to change your site to match your exact requirements. We recomend WerkPress.com.

1, 2 & 3 are caused by the custom CSS provided by the plugin support team.

– I cannot also see your cart or checkout becaused I get the error your session has expired with the supplied login, multiple attempts.

Let me know when I can access it.

– David,

[JaySchulz]

Hey David Martin,

I will let you know as soon as you can access again, because right now there are some devolopers checking for a multilanguage woo commerce plugin checking their newest version.

sorry for the delay.
I will update soon.

J