Store setup
Cart
Choose a cart drawer or a cart page, and set up free shipping progress, rewards, samples, recommendations, gift messages and discount codes.
Vellora's cart features live in one place: Theme settings > Cart. They work the same in the cart drawer and on the cart page, so you set them up once.
Choose a cart type
In Theme settings > Cart, set Cart type:
| Cart type | What happens when a customer adds a product |
|---|---|
| Drawer | The cart slides in from the side, and the customer stays on the page. The cart icon in the header also opens the drawer. |
| Page | The customer goes to the cart page. |
The drawer has a View cart link to the full cart page, which is always available at /cart.
To make the drawer float with rounded corners instead of being attached to the screen edge, change Theme settings > Drawers and popups > Drawer style.
Cart settings
| Setting | What it does | Default |
|---|---|---|
| Show vendor | Shows the vendor above each item. | Off |
| Show order note | Adds a field for a note to the order. | On |
| Order note label | The link text that opens the note field. | Add an order note |
| Let customers change options in the cart | Adds a variant menu to each item, such as to change the size. | Off |
| Show discount code field | Lets customers apply and remove discount codes in the cart. | Off |
The full list is in the theme settings reference.
Free shipping progress
A progress bar at the top of the cart shows how much more the customer needs to spend for free shipping.
- Turn on Show free shipping progress.
- Set Free shipping minimum to your threshold, in your store currency.
- In Settings > Shipping and delivery, set up the free shipping rate with the same minimum.
The bar only appears when the customer shops in your store currency. In other currencies, it's hidden, because the converted amount wouldn't match your threshold exactly.
Second reward
Add a second goal after free shipping, such as a free gift at a higher amount.
- Turn on Show a second reward.
- Set Second reward minimum higher than the free shipping minimum. The reward only shows when it is.
- Set Second reward name, such as "a free travel kit". It appears in messages like "Free shipping unlocked. Spend $20.00 more for a free travel kit."
- Set up the reward itself, such as an automatic discount in Discounts.
The bar then has two markers, one for each goal.
Free samples
Let customers pick free samples in the cart.
- Create a product for each sample and price it at zero.
- In Theme settings > Cart > Free samples, turn on Show free samples.
- Choose the Sample products and set Samples per order.
- Change the Heading if you like, such as "Choose two free samples".
Customers tap a sample to add it and tap it again to remove it. Once they reach the limit, the other samples are disabled until they remove one. Samples are listed separately from the other items in the order summary.
Cart recommendations
Turn on Show recommended products to suggest up to three products in the cart, under the Heading you set.
- To choose the products yourself, add them under Products. Products that are sold out or already in the cart are skipped.
- Leave Products empty to show Shopify's recommendations for the first item in the cart.
Gift message
Turn on Show gift option to add a checkbox, such as "This order is a gift". When it's ticked, a message field appears. The checkbox and the message are saved to the order as cart attributes named Gift and Gift message, which you see on the order in your admin.
Cart page
The cart page uses the Cart section, which has only a color scheme and padding, plus a Featured collection section titled "Complete your order".
To edit it, open the theme editor and choose Cart in the page menu at the top. See the Cart reference and the Cart drawer reference.
Checkout buttons
Below the Check out button, the cart shows express checkout buttons, such as Shop Pay, Apple Pay or PayPal, for the payment methods you've turned on in Settings > Payments. The cart also shows a tax and shipping note, with a link to your shipping policy if you have one.
Tips
- Turn on only the features you use. A short cart converts better than a busy one.
- If you use an app for upsells or gift wrapping, turn off the matching Vellora feature so customers don't see two.
- Test the cart on a phone with three or four items to check everything fits.