ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• December 2, 2013 at 1:08 pm #34725
  jogodesigns

  Member

  Post count: 35

  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

  December 3, 2013 at 9:48 pm #35130
  maike

  Member

  Post count: 81

  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

  December 3, 2013 at 11:57 pm #35164
  jogodesigns

  Member

  Post count: 35

  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.

  December 4, 2013 at 8:34 pm #35341
  maike

  Member

  Post count: 81

  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

  December 4, 2013 at 8:51 pm #35346
  maike

  Member

  Post count: 81

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

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

  December 7, 2013 at 11:25 am #35835
  jogodesigns

  Member

  Post count: 35

  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

  December 7, 2013 at 11:42 am #35836
  maike

  Member

  Post count: 81

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

  December 8, 2013 at 3:31 pm #35902
  jogodesigns

  Member

  Post count: 35

  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

  December 8, 2013 at 6:19 pm #35912
  jogodesigns

  Member

  Post count: 35

  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

  December 8, 2013 at 6:25 pm #35916
  maike

  Member

  Post count: 81

  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

  December 8, 2013 at 7:29 pm #35928
  jogodesigns

  Member

  Post count: 35

  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

  December 8, 2013 at 8:43 pm #35932
  maike

  Member

  Post count: 81

  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!

  December 8, 2013 at 9:13 pm #35936
  maike

  Member

  Post count: 81

  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)?

  December 8, 2013 at 9:52 pm #35937
  jogodesigns

  Member

  Post count: 35

  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

  December 15, 2013 at 7:57 pm #37244
  Melanie – SUPPORT

  Member

  Post count: 11032

  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

• Back to forum

  Posted in: Neighborhood