Home>Support>Shopping cart layout

Shopping cart layout

Hello,

I am thinking on moving on the Vantage theme. This theme is great, but I woul like to know some things before final decision. One thing I don’t like is webshop cart. There is a lot of products, which has some variations. Will it be possible to make variation at least in one line, like in the theme I currently using? Please see some attached images.
Vantage: [IMG]http://i60.tinypic.com/vevgnm.png[/IMG]
Current: [IMG]http://i59.tinypic.com/30i8jyd.png[/IMG]

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 17 days ago Andrew Misplon
    Hi, I Work Here

    Hi Darius

    Thanks for your interest.

    Vantage offers integration with WooCommerce. There is unfortunately no functionality within Vantage to change the layout of the checkout or cart pages within WooCommerce.

  2. 10 years, 15 days ago Darius Vaicenavicius

    Any reason why cart totals is misaligned. Tried several other themes, everything is OK there..

  3. 10 years, 15 days ago Darius Vaicenavicius

    Also tried some more themes, and I am sure something in the Vantage theme overrides cart table appearance, and it looks weird.

  4. 10 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for your feedback. Sorry for initially missing those screenshots. Checkout shouldn’t look like that. Could you perhaps temporarily de-activate all your plugins besides Page Builder, if you have that activated and WooCommerce and see if there is any change.

  5. 10 years, 15 days ago Darius Vaicenavicius

    Disabled all the plugins except woocommerce. Still the same appearance, no change.

  6. 10 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Is there a link we could see this live?

  7. 10 years, 15 days ago Darius Vaicenavicius

    Yes you can see it at http://beta.gripple.lt.svarainis.serveriai.lt/ The menu is a little messed up because the WPML CMS plugin is disabled. Also I can provide login credentials, this is the test site.

  8. 10 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Everything looks normal on my side. Is the left positioned totals that are bugging you?

  9. 10 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Here is how it looks on my side. Let me see if I can’t assist with the totals alignment.

  10. 10 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    The following inserted into a Custom CSS module like Jetpack Custom CSS would fix the Cart Totals heading alignment:

    .cart_totals h2 { text-align: left; }
    
  11. 10 years, 14 days ago Darius Vaicenavicius

    Tried to paste this code directly in to the style.css file and also in to easy custom css plugin, but there is no shange. Also is it possible to fix the product variables? For example “Dydis: APAK3” should be in one line, not the separate line. It is not the problem for product with one variable, but some product has up to 4 variables, ant then the product uses a lot of space.

  12. 10 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    I don’t see this Custom CSS in your head. Please can you re-insert it and I’ll take a look. You’ll need to use a Custom CSS plugin. Any changes made to theme files like style.css will be lost during theme update.

    I’ll take a look at your request ASAP.

  13. 10 years, 14 days ago Darius Vaicenavicius

    Strange, maybe I’ve added the code in the wrong way? Please take a look at picture: http://oi62.tinypic.com/6ptel3.jpg
    I am editing the style.css on the test site only. On the main site I am using the child theme for editing css code.

  14. 10 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    I don’t see that line in style.css, is it there?

  15. 10 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    The following line will clean up the small margin issue you’re seeing with those attributes:

    .cart_item p { margin-top: 0; }
    

    WooCommerce does style those as a list, one under each other, that’s not us. You could try the following to reverse that:

    .woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt {
    clear: none !important;
    }
    
  16. 10 years, 14 days ago Darius Vaicenavicius

    Ok, added all three codes to the easy custom css plugin. The second code fixed the issue. The third code made even better result than expected. Thank you! The first code makes no difference still.

  17. 10 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    Glad that helped. The first line I sent is working. Previously the Cart Totals header was on the right, it’s on the left now. You’ll see it if you compare the Vantage screenshot you originally linked to and check that against how it looks now.

  18. 10 years, 14 days ago Darius Vaicenavicius

    Yes, you are right. Have not noticed earlier. Now, when the all bothering issues are solved, I think i will move the main site on the Vantage theme. Thank you very much for the help.

  19. 10 years, 14 days ago Andrew Misplon
    Hi, I Work Here

    For sure, glad we could help. All the best with your project.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More