Features
Product page
Galleries with zoom and video, live variation pricing, trust badges, express buttons and merchandising sections you control from wp-admin.
The product page is where the sale is made, so it does everything a shopper needs in one place: see the product from every angle, pick an option, trust the store and buy — in one tap if their device holds a wallet. Your team decides what appears around the buy box, store-wide or per product, from wp-admin.
- Where it shows
/product/{slug}- Configure in
- StoreFront → Settings → Product page; per product on the WooCommerce edit screen; per category on the category edit screen
- Requires
- WooCommerce; the Companion plugin for videos, trust badges, the Payment & Security card and section settings
- Try it in Demo Mode
- Every product type, videos, trust badges, notify me and the demo express wallet
What shoppers get
Section titled “What shoppers get”| Area | What shoppers see |
|---|---|
| Breadcrumb | Home › category › product above the page, so shoppers can step back to the listing in one click. |
| Title and rating | The product name with its average star rating and review count beside it, and the product’s short description underneath. |
| Gallery | A thumbnail rail (left or bottom), arrows, hover zoom and a full-screen lightbox with click-to-zoom and drag-to-pan. |
| Product videos | Uploaded clips or YouTube and Vimeo videos play inside the gallery, each with a poster frame, at the position you choose among the photos. |
| Options | Variable products update price, stock and image for each variation; colour options show as real colour swatches. Grouped products let shoppers set a quantity per item and add them together. |
| Price | Sale price with an “Off X%” badge and the amount saved. |
| Sale countdown | For scheduled sales, a “Limited Time Offer” card with the end date in your store’s timezone — per variation where the dates differ. |
| Stock | In stock, “Only N left” or Out of stock, as WooCommerce reports it. |
| Buying | Quantity stepper, Add to cart (opens the mini cart) and Buy now. |
| Express checkout | An Apple Pay or Google Pay button under the buy box that buys this product in one step. New |
| Notify me | On a sold-out product or variation, Notify me when available collects an email for a back-in-stock alert. |
| Trust and payment | A row of trust badges under Buy now, and a Payment & Security card under the gallery. |
| Details | Brand above the title, category link, tag pills and SKU; tabs for Description, Additional Information and Reviews. |
| Share | Copy link, Facebook, Messenger, X, WhatsApp, LinkedIn, Pinterest and email, from a share button on the gallery beside the wishlist heart. |
| Wishlist and compare | Buttons on the gallery. |
Below the buy box, up to five merchandising sections keep shoppers browsing:
| Section | Default title | What it shows |
|---|---|---|
| Cross-sells | “Perfect match with” | Up to three complementary products you link in WooCommerce, as a compact list or a row of cards. |
| Upsells | “You may also like” | Better or pricier alternatives you link in WooCommerce. |
| From the brand | “From the brand” | More products from the same brand, best-selling first. |
| Related products | “Related products” | Popular products from the same categories, picked automatically. |
| Recently viewed | “Recently viewed” | What this shopper looked at earlier. |
You can switch each section off or rename it; a custom title is shown as typed in every language.
Trust badges
Section titled “Trust badges”Trust badges are the short reassurances under Buy now — by default “Secure payment”, “Free returns” and “14-day return policy”, translated for each language. You can keep the default trio, write your own list of one to three badges (any icon from the Lucide library, a label of up to 40 characters and an optional link), or turn them off.
Badges can be set at three levels, and the most specific level wins:
| Level | Where you set it | Choices |
|---|---|---|
| Store-wide | StoreFront → Settings → Product page | Default, Custom, Off |
| Category | The product category’s edit screen | Inherit, Custom, Off |
| Product | The product’s Trust badges tab in the Product data box | Inherit, Custom, Off |
A product set to Inherit follows its primary category, then that category’s parents, then the store-wide setting. Each level replaces the whole list — badges do not merge across levels. A store-wide Off means “off unless a category or product says otherwise”.
Payment & Security card
Section titled “Payment & Security card”The card under the gallery tells shoppers how their payment is handled. The default shows the title “Payment & Security”, drawn card-brand badges and a short reassurance, all translated. A custom card lets you set your own title, one image of the payment methods you accept, and a description of up to 300 characters; any part left blank falls back to the default. It follows exactly the same three levels and inheritance as trust badges.
How it works
Section titled “How it works”Everything on the page is read from WooCommerce through the Companion plugin, and the store-wide, category and product settings are resolved before the page is drawn — so the storefront shows the right badges for each product without extra requests. The product page carries its own structured data (product, offers, ratings and reviews) and sharing tags; see SEO.
The express button buys only the product on show: pressing it replaces the cart’s contents with this product, then opens the wallet. It waits until every variation option is chosen and hides for out-of-stock items. See Express checkout.
Set it up
Section titled “Set it up”- Choose the gallery thumbnail position, the section toggles and titles, and the store-wide trust badges and Payment & Security card — see Shop and product pages.
- Add videos, per-product badges, a primary category and colour swatches on the product and attribute screens — see Products.
- Link cross-sells and upsells under WooCommerce’s Linked Products as usual.
- To show Share on Messenger, set
NEXT_PUBLIC_FACEBOOK_APP_IDon the storefront — see Environment variables.
Good to know
Section titled “Good to know”- Uploaded videos need a poster image; YouTube and Vimeo videos fetch one from the platform if you set none. A video row that fails these checks is not saved, and the edit screen says why.
- Colour swatches work on the attribute whose slug is exactly
color. - The primary category is used for trust badges and the Payment & Security card only; breadcrumbs follow the product’s first category.
- Products WooCommerce cannot sell directly, such as external products, are marked “Not available for direct purchase”.
- Quick view offers no express button.