Booking form and cart
Change the booking form's wording and age limits, the cart page wording, FAQs, reviews and upsell, and the Google reviews badge.
The booking form's wording is in theme settings. The cart page's wording is in the cart template's section settings. Both are edited in the theme editor. The fields customers fill in, and their options, are part of the code.
Change the booking form wording or age limits
- Open the theme editor from Online Store, Themes, Customize.
- Click Theme settings, the gear icon at the bottom of the left sidebar.
- Open ASC - Camp Booking.
- Edit the settings and save.
| Group | Settings |
|---|---|
| Top of the form | Title, Description |
| 1. Participant Details | Participant Details heading and description, and a label and placeholder for First Name, Middle Name, Last Name, Date of birth and Gender, plus the Confidential Gender Information checkbox and text box labels |
| 2. Playing Experience | Heading and description, and a label and placeholder for School, Grade, Club/Team Name and Playing Experience, plus the Friends Attending and Medical Condition checkbox and text box labels |
| CTA Labels | Next Participant, Edit Previous Participant, Submit (default "Add to cart") and Back button |
There are three settings labelled "Date of birth Label". The first is the label text. The second is the minimum age, default 4. The third is the maximum age, default 16. A child outside that range cannot be booked.
These parts cannot be changed in settings:
| Part | Values |
|---|---|
| Gender options | Male, Female, Other |
| Grade options | Prep, then 1 to 12 |
| Playing Experience options | Beginner, Intermediate, Accomplished |
| Required fields | First name, last name, date of birth, gender, school, club or team name, playing experience |
| Club hint | "Enter 'No club' if your child does not belong to a club." |
A developer can change them in the booking form code.
Google reviews badge
The rating badge in the booking form and the reviews sections come from Theme settings, ASC - Google Reviews.
| Setting | Used for |
|---|---|
| Google Reviews Logo | Badge image |
| Google Reviews Badge Title, Description | Badge text |
| Google Reviews Badge Rating | The star rating shown, for example 4.5. It is not fetched from Google, so update it by hand |
| Google Reviews URL | Link from the Static Reviews section when that section has no link of its own |
Change the cart page
- In the theme editor, use the page selector at the top to open Cart.
- Select ASC New Cart Layout in the left sidebar.
- Edit the settings and blocks, then save.
| Setting | What it controls |
|---|---|
| Title, Text | Heading and text for a single camp in the cart |
| Multiple Camps Title, Multiple Camps Text | Heading and text when there is more than one camp |
| Checkout Button Label | Main button, currently "Checkout in 2 mins" |
| Secondary Button Label, Secondary Button URL | Second button, currently "Add Another camp" linking to /pages/find-a-camp |
| Login Text | Membership pass prompt for logged-out customers |
| Number of visible participant details | How many participant details show before the rest are folded away |
| FAQs Title | Heading above the cart FAQs |
| Upsell Section, Title and Visible | The "You may be interested in" suggestion |
| Block | Fields |
|---|---|
| Review | Name, Title, Text |
| CVP | Icon, Text, Tooltip |
| FAQ | Question, Answer |
The cart FAQs are blocks in this section. They are separate from the FAQ entries in Content, Metaobjects, so editing one does not change the other.
Choose the upsell product
The upsell block suggests one product based on what is in the cart.
- Open the camp's product in Shopify Admin and open the variant.
- Set the Upsell Product metafield to the product to suggest.
- Save.
The block shows only when Visible is ticked in the cart section, and only if the suggested product is available and not already in the cart. When several camps in the cart have an upsell, the last one in the cart is used.
Verify the change
- Open a camp's booking page in a private window and click Book Camp. Check the wording and that a child at the age limits is accepted.
- Add the camp to the cart and check the cart wording, FAQs and upsell.
Developer map
| Concern | Source |
|---|---|
| Booking settings | theme/config/settings_schema.json, group ASC - Camp Booking |
| Settings passed to the form | theme/layout/theme.product.liquid, window.theme.campBookingConfig |
| Field options and validation | src/components/ParticipantDetails.tsx, src/components/models/ParticipantDetailsSchema.tsx |
| Cart section | theme/sections/asc-new-cart-layout.liquid |
Code-level detail is in Booking form.
Membership passes
Find members, read and correct a customer's pass balance, and understand what customers see in the cart.
Bookings and camp swaps
Where booking details are kept, how confirmation and reminder emails are produced, how to move a participant to another camp, and how to handle test orders.