Cart
The cart shows each part in the order, the fit of each part against the shopper's vehicle, and the vehicle the order is for. Chassis can show the cart as a drawer that opens over the page, or as a full cart page. This page covers both, the settings that control them, and the vehicle that is saved with the order.
Choose the cart type
- Open Theme settings > Cart.
- Set Cart type to: - Drawer: the cart opens as a panel over the page when a shopper adds an item. - Page: the cart opens as a full page.
- Save and check both options on a phone before you choose.
Cart settings
| Setting | Where | Effect |
|---|---|---|
| "Cart type" | Theme settings > Cart | "Drawer" or "Page" |
| "Show order note" | Theme settings > Cart | Shows a field where the shopper can add a note to the order. On by default. |
| "Show fit in cart" | Theme settings > Vehicle fitment | Shows the fit line on each line when a vehicle is chosen. On by default. |
| "Show accelerated checkout buttons" | Cart page section (Cart) | Shows the accelerated checkout buttons below the checkout button. On by default. |
| "Reassurance text" | Cart page section (Cart) | A short note under the checkout button, for example about returns. Leave it empty to hide it. |
The cart drawer section has a Color scheme setting. See Sections reference.
What each cart line shows
- The product image in an image well.
- The part number (SKU) in the part-number plate, with the vendor name.
- The product title, with its variant options.
- The fit line against the chosen vehicle, when Show fit in cart is on. A part that fits shows "Fits your" and the vehicle name. A part that needs a check shows its fitment note. A part that does not fit shows "Does not fit your" and the vehicle name. The line is hidden when no vehicle is chosen.
- The quantity field. Changing the quantity updates the line and the total.
- The line price.
The vehicle on the order
When a shopper has chosen a vehicle, the cart shows a summary titled "This order is for" with the vehicle plate. A Change button next to the plate opens the garage, so the shopper can change the vehicle before checkout.
The vehicle is saved on the cart as two cart attributes:
| Attribute | Example | Use |
|---|---|---|
Vehicle |
Halden Carvo 2015-2019 2.0 D 150 hp |
The vehicle name, as the shopper chose it |
Vehicle ref |
The vehicle ID, handle and details, separated by bars | Used by the theme to draw the plate and the fit lines |
Do not edit the Vehicle ref attribute by hand.
Totals and tax
- The cart shows the total. When prices include tax, the cart says "Taxes included." under the total.
- Discounts show on the cart line and in the summary when a discount applies.
- The note under the total says that shipping and discounts are calculated at checkout.
Empty cart
When the cart is empty, the cart page shows "Your cart is empty." and a Continue shopping button that opens the all products collection. The wording comes from the theme's translation files.
Checkout
The checkout button submits the cart form. When Show accelerated checkout buttons is on, the accelerated checkout buttons appear below the checkout button.
Bulk order and quick order
Shoppers who buy many parts at once can use the quick order page or the list view on the collection page. Both add their items to the same cart. The quick order page is set in Theme settings > Trade tools > Quick order page. See Part numbers and search and Collection page.
Check the cart
- Choose a vehicle, add a product that fits and one that does not, and check the fit line on each line.
- Change a quantity, and check that the line price and the total change.
- Remove every item, and check the empty message.
- Place a test order in Shopify's test mode, and check that the
Vehicleattribute appears on it. - On a phone, check that the cart lines stack, and that no line scrolls sideways.