Member Avatar for Raju_3

How to display cart totals in right side in cart page

Here the image link: https://prnt.sc/kys6oj

In the above image link the cart page total display in left side i want to show cart totals in right side in cart page

Edited by Raju_3
  • 3 Contributors
  • 2 Replies
  • 347 Views
  • 2 Hours Discussion Span
  • Latest Post Latest Post by happygeek

Dani AI

Generated

As and pointed out, the fix is almost always in the markup/CSS. The cart totals are usually output in their own container (look for a heading like "Cart totals" or classes such as cart_totals / cart-collaterals). If the totals block sits beside the cart table, a CSS-only solution is simplest; if the totals are before the table in the DOM you may need to move the HTML (theme override) or relocate the element with JS.

Try this first (replace selectors with the actual classes from your page):

/* parent becomes a flex container and pushes totals to the right */
.cart-collaterals {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: flex-start;
}

.cart-collaterals .cart_totals {
  max-width: 360px;
  width: 30%;
}

/* mobile fallback */
@media (max-width: 768px) {
  .cart-collaterals { display: block; }
  .cart-collaterals .cart_totals { width: auto; margin: 0; }
}

If CSS alone can't because of DOM order, move the totals after the cart table with a small jQuery snippet (enqueue it from your theme):

jQuery(function($){
  $('.cart_totals').appendTo('.your-cart-right-column-selector'); // replace selector
});

If you are using WooCommerce and want a permanent, markup-level change, copy woocommerce/templates/cart/cart.php into yourtheme/woocommerce/cart/cart.php and move the totals block where required (child-theme best practice). Troubleshooting checklist: confirm selector names via DevTools, check CSS specificity (use more specific selectors before using !important), clear caches, and test mobile. For exact help paste the cart markup and active theme name so the selectors or template path can be matched.

Recommended Answers

All 2 Replies

Member Avatar for alan.davies

You have get into the css. Possibly just the html. Who knows? You haven't posted anything by the way of markup or styling to give us a clue. We are not psychic.

Edited by alan.davies
Member Avatar for happygeek

What Alan said, please post more details in order to facilitate the help you require.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.