Product content
Choose which product details the modal shows and how the title and price look.
- Product Information, Full Details Link and Typography & Colors cards
Product information
All shown by default. In the modal they appear in this order: sale badge and image; then title, star rating, price, short description, add to cart, SKU & categories and the full details link.
| Setting | Shows |
|---|---|
| Product image | The main product image. Variable products switch to the chosen variation's image |
| Sale badge | WooCommerce's "Sale!" badge on the image, for products on sale. Shown while Product image is on |
| Title | When hidden, it's still announced to screen readers as the dialog's name |
| Star rating | Stars and "N customer reviews", for products with reviews, when product ratings are enabled in WooCommerce |
| Price | Updates when a variation is chosen |
| Short description | The product's short description |
| SKU & categories | "SKU:" (when the product has one and SKUs are enabled in WooCommerce) and "Category:" / "Categories:" |
The modal shows the product's main image. Pro adds the full gallery, extra parts such as a stock badge, and drag & drop ordering.
Full details link
Show link
A link to the full product page at the end of the details.
Link text
Followed by an arrow. Empty uses the default.
Typography & colors
| Setting | Default |
|---|---|
| Title font size (px) · Title color | 26 (14–48) · #111827 |
| Price font size (px) · Price color | 20 (12–40) · #111827 |
Title settings show while Title is on, price settings while Price is on. At 768 px and narrower the title is at most 24 px.