Single Product
Renders one product: its gallery, price, variations, description and reviews.
This is a background feature. It has no place in navigation, because members reach it by tapping a product rather than by choosing it.
It is also added for you. Place Products or Search and Single Product appears on the Background tab on its own; remove both and it goes away again. You cannot drag it in or delete it by hand, and you do not need to.
Before you start
Section titled “Before you start”| Plugin | WooCommerce |
| Endpoint group | Products |
| Plan | Every plan |
Why it exists
Section titled “Why it exists”The product screen was always there — it just had no settings. It borrowed two of them from the Products tab, and only when a member opened a product from Products: tapped from a search result, the same screen quietly used the defaults instead. Everything else was fixed.
Now the screen owns its own appearance, and both ways in look the same.
Settings
Section titled “Settings”Open it from the Background tab.
Elements
Section titled “Elements”Each of these is a switch. Turning one off removes it from the product screen.
| Element | Default |
|---|---|
| Image gallery, Thumbnail strip | On |
| Rating, Price, Sale badge, Stock status | On |
| Variation picker, Quantity stepper, Add to cart | On |
| Description | On |
| SKU, Categories, Tags, Attributes table | Off |
| Reviews, Leave a review | On |
| Related products, Share | Off |
Two are worth thinking about before you switch them off. Hiding the variation picker makes a variable product unbuyable in the app, because there is no way left to choose a size. Hiding Add to cart turns the whole shop into a catalogue — which is a legitimate choice, just a deliberate one.
Reviews is the setting that moved. It used to live on the Products tab; it lives here now, and an app configured before this feature existed keeps whatever it had until you change it here.
Return navigation
Section titled “Return navigation”| Setting | What it does | Default |
|---|---|---|
| Cart icon | A cart icon with a live item count, beside the back arrow | On |
The icon only appears when you have actually placed Product Cart. Without one there is nowhere to send the member, so nothing is drawn.
Typography, card and background
Section titled “Typography, card and background”| Setting | Applies to |
|---|---|
| Product name, Price, Body text | Size, colour and font for each |
| Content card | Border, corners, padding and margin |
| Gap between sections | Vertical rhythm |
| Screen background | Behind the whole screen |
Leave any of them empty to inherit your app’s global design tokens, so the shop keeps following the rest of the app when you change one.
The same settings on the list
Section titled “The same settings on the list”The Products screen has the same controls on its own tab — the elements its tiles actually draw, the same typography, its own tile styling and its own gap.
They are separate values on purpose. A dense grid in front of a roomy product page is a normal thing to want, and sharing the vocabulary is what keeps the two looking like one shop rather than two.
What your members see
Section titled “What your members see”Tapping a product anywhere — Products, Search, a bookmark — opens this screen. The gallery swipes, variations resolve to a price and an image, and Add to Cart is login-gated.
With Related products on, a strip at the bottom shows other products from the same category; tapping one opens it in place, so Back still returns to the list they came from rather than walking a chain.
Share copies the product’s link to the clipboard.
Where members arrive from
Section titled “Where members arrive from”Digital products
Section titled “Digital products”A product your store classifies as digital follows the App Store policy you set under Store settings, on this screen and everywhere else — including the related strip, which never lists a product the policy is hiding.
See In-app purchases for what each policy does.