change layout of checkout page / summary

[jogodesigns]

Hello,

where can I change the layout of the checkout page or the order summary.
Please see the attached images. Just as it should be and as it is at the moment.
I hope you can help me with some code.
Thank you

[maike]

Hi Jogodesigns,

the other thread was closed, so I couldn’t answer there. You have done the update and this is the new layout for the checkout. What you saw on our website (the “as it should be”) was before the update – our looks also different now.

I already asked in the Dante Forum if it would be possible to widen the order section. They consider it for the next update. I just managed to bring the MWST in the next line, but the problem is that there is a conflict with the quantity number which is hidden through that. If I’ll find a solution I will send it to you!

Cheers
Maike

[jogodesigns]

Hi Maike,

thanks for the reply. Your page looks already much better with the VAT as you’ve changed it.
Can you give me the present term solution?
I would be happy if you send me the current solution and a final if you have it.
Thanks in advance.

cheers
jogodesigns

p.s. vice versa, I write to you if I find a solution.

[maike]

Hi jogodesigns,

should be this one for the VAT

.checkout_table_item .product-tax {
white-space: nowrap;
font-size: 12px; color: #999999;
}

Hope someone of us will find a solution for the rest!

BR
Maike

[maike]

And this one for the next page “Bestellübersicht”:

.product-total .product-tax {
display: block;
text-align: right; font-size: 12px; color: #999999;
}

[jogodesigns]

Hi Maike,
thanks for the help. It worked.
I have seen that you have your own shopping icon on the add to cart button. How did you do that? I also have my own icon, but only in the menu bar.
Can you tell me how do I do that?

Cheers
jogo

[maike]

We are using the new Swiftideas Dante Theme – it has Buttons with Icons!

[jogodesigns]

Hi Maike,

for the shopping cart and the summary I have used this code.
It changes the widths and for me it looks much better. Since you’re using Dante and I Neighbourhood you can try if it works for you.

This code for the shopping cart:
. span9 {
width: 820px;
}

. span3 {
width: 320px;
}

This code for the summary:
# customer_details {
width: 700px;
}

# review-order {
width: 440px;
}

Do you already have something new to the Quantity problem on the summary?
Let me know if it works.

schönen Sonntag
jogodesigns

[jogodesigns]

Maike,
one more thing. The distribution of price, description, etc. on your product page is changed. Usually looks different. Can you give me the code for this layout. Or tell me what I need to change and where.

I have 2 pictures attached where you can see the difference.

Thank you.
Cheers
jogodesigns

[maike]

Try these:

/*Lieferzeit Produktseite*/
.shipping_de_string > small {
clear: both;
display: block;
margin-bottom: 10px;
}

/*Steuer auf Produktseite*/
.woocommerce div.product div.summary .woocommerce-de_price_taxrate {
font-size: 12px;
}

Hope that helps!

Best Regards
Maike

[jogodesigns]

Hi Maike,

thanks for your reply.
But unfortunately is not what i was looking for. I already had that.
It’s about the order. For example, that the product description comes first. Then the price. Then add to shopping cart.
If you still know how you do that, you can write to me. If not, no problem, I’ll find out sooner or later.

cheers

[maike]

Ah ok 🙂 I have activated the “classic” Tab Style and what you see is the short description you can add. This appears above the button!

[maike]

By the way – did you manage to add the “Theme Style” to the Buttons which are added by Woocommerce German Market (“proceed to checkout” in cart, “zurück” and “Kaufen” in Bestellübersicht)?

[jogodesigns]

Hi Maike,

maybe I understood the question not exactly. You mean the color change of the button or the color change the font or both? Sorry for not understanding.
Is there a chance to write in German. Private mail or perhaps helpdesk on marketpress? Would be easier and more understandable for me.
Is just an idea
Let me know.

cheers

[Melanie – SUPPORT]

Hey there,

if there’s anything I can do for you guys, could you please sum up what you’d need? This thread has become fairly long already and I’m not sure what needs to be done anymore.

Thank you so much!

All the best