Product documentation / Joomla & VirtueMart

PremiumCheckout Suite.

Practical setup and operation guides for building a clearer VirtueMart cart and checkout without replacing VirtueMart’s pricing, tax, payment or order authority.

View the product

Version 1.0.4 English

Complete guide. 7 chapters.

Chapter 03 / 07

Cart and Checkout Layouts

Choose the customer flow, understand the related settings and test the cart, checkout, success and print views.

On this page

Choose the checkout layout

Open Components – Premium Checkout Suite – Settings – General and use Layout.

One Page

Shows customer details, delivery, payment, order review and confirmation controls in one continuous page. This is the default.

Multistep

Guides the shopper through focused stages and shows a final review before Confirm Order.

Choose One Page for familiar, compact checkout flows. Choose Multistep when a store has many fields or benefits from a guided sequence.

Premium Checkout Suite General settings showing One Page layout, Cart stage and route takeover options
General settings define the active checkout layout and the optional cart, locked checkout, Buy now and route-takeover behaviour.

Configure the Cart stage

Cart stage is enabled by default. It shows a customer-facing cart before checkout where shoppers can review multiple products, change quantities and remove items.

  1. Enable Cart stage.
  2. Save the settings.
  3. Add at least two products from the storefront.
  4. Open the cart and change a quantity.
  5. Remove one item and confirm that VirtueMart recalculates the native totals.

Quantity changes and product removal also refresh the mini cart. Removing the last item displays the complete, correctly styled empty-cart state immediately, without a page refresh.

ExampleA shopper adds two shirts, changes one quantity from 1 to 2 and removes the other. The remaining line and all totals must match the VirtueMart cart.
Premium Checkout Suite Cart stage on desktop with one demo product and order summary
Desktop cart with editable quantity and native totals.
Premium Checkout Suite Cart stage stacked on a mobile viewport
The same cart stacks without horizontal scrolling on mobile.

Use the One Page layout

  1. Select One Page under Layout.
  2. Keep Customer route takeover enabled.
  3. Save and open the storefront checkout.
  4. Complete billing details, optional delivery details, shipment and payment choices.
  5. Accept the native terms when required and submit the order once.

On narrow screens the layout stacks vertically. Native payment and shipment provider markup remains in place so provider controls continue to work.

Premium Checkout Suite One Page checkout on desktop with customer details, methods and order summary
One Page keeps customer details, eligible methods and the authoritative order summary together.
Premium Checkout Suite One Page checkout stacked on a mobile viewport
On mobile, the checkout controls remain readable in a single vertical flow.

Use the Multistep layout

  1. Select Multistep under Layout.
  2. Save and reopen the checkout.
  3. Move through the customer, delivery and payment stages.
  4. Review products, addresses, shipment, payment and totals.
  5. Select Confirm Order only after the review is correct.

Validation keeps the shopper on the relevant stage when required information is missing. Completed information remains available when moving backward.

Understand the checkout behaviour settings

Customer route takeover

Enabled by default. It sends the customer-facing cart and checkout routes through Premium Checkout Suite while preserving payment returns and order processing. Disable it temporarily only for troubleshooting.

Buy now

Disabled by default. When enabled, it adds a Buy now action to native VirtueMart product forms. The selected product is added to the shopper’s existing cart before checkout opens. Existing cart items are not discarded.

Locked checkout

Disabled by default. It uses a route-scoped, distraction-free shell only for cart and checkout pages. It does not change the Joomla template globally.

Cart stage versus Buy now
Cart stage controls whether the shopper sees a separate cart page. Buy now is a product-page shortcut that adds the selected item and opens checkout. Neither setting changes VirtueMart’s stored cart.

Success page and print view

After native order creation, the success page can show the order number and status, billing and delivery details, shipment, payment instructions, products, quantities, discounts, shipping, tax and final total.

The print action opens a read-only confirmation. Printing cannot create another order, repeat a payment action, resend email, create an account or repeat an analytics purchase event.

A pending order remains pending until VirtueMart or the payment provider authoritatively confirms another state. The page does not treat a visual browser return as proof of payment.

Test every enabled flow

  • Test with one product and multiple products.
  • Change quantities and remove an item.
  • Test an empty cart.
  • Test as a guest and as a signed-in customer.
  • Test at desktop width and on a phone.
  • Confirm that the final totals equal the native VirtueMart totals.
  • Submit one order and verify that only one VirtueMart order exists.
When something looks wrong
Temporarily disable Customer route takeover. If the same price, method or validation issue exists in the native VirtueMart cart, correct the VirtueMart or provider configuration first.

Complete official reference / Version 1.0.4

View the published source

The people behind the code

Need help with a specific setup?

Open the relevant chapter first. If the issue remains, contact support with your Joomla, VirtueMart and extension versions and a privacy-safe description of the result.