Single Product

The Single Product options control the layout, template, and styling of WooCommerce product pages in your theme. These settings let you choose a Theme Builder template and fine‑tune colors, texts, and buttons for all products at once.​

---

General settings #

• Single Product Template
  • Default: Uses the theme’s built‑in single product layout.
  • Theme Builder template: Select a custom Elementor Single Product template created in Templates → Theme Builder → Single Product. This template will then be used for all product pages (unless overridden per product).​
• Single Product Display
  • Enable: Turns on the theme’s enhanced single product features and styling.
  • Disable: Falls back to basic WooCommerce output with minimal theme enhancements.​
• Product URL Slug
  • Sets a custom URL base for products (for example, product, shop, or a branded word).
  • Affects product links like yourdomain.com/slug/product-name and should be kept consistent for SEO.​
• Product Display Name
  • Controls the label used for products in admin and/or frontend (for example, “Products”, “Courses”, “Plans”).
  • Useful when repurposing WooCommerce for services, digital downloads, or other custom offerings.​
• Custom Shop Page
  • Lets you pick a specific page (e.g. Shop, Store, or a custom Elementor page) to act as the main shop archive.
  • This is often mapped to the WooCommerce shop endpoint so all product listings use that page design.​

---

Product title and breadcrumbs #

• Post Title Mode
  • Default: Uses the standard WooCommerce product title output.
  • Builder: Uses the title widget/element from your Theme Builder Single Product template.
  • Disable: Hides the automatic title so you can render it manually inside the template or with another element.​
• Breadcrumb Settings
  • Image Size (px): Controls the size of any breadcrumb background image (if your single product layout uses a hero or page title area with image).
  • Helps keep breadcrumbs and title sections visually consistent across products.​

---

Product page colors #

These options apply to the single product page only and let you match the shop with your brand colors.​

• Product Title Color – Color of the main product name.
• Product Price Color – Color of the price (regular and sale).
• Product Description Color – Color of short/long description text.
• Product Meta Color – Color for labels such as “SKU”, “Category”, “Tags”.
• Product Meta Value Color – Color for the actual values and links (SKU codes, category links, tag links).
• Quantity Input Text Color – Color of the quantity input number.
• Quantity +/- Button Color – Color of the plus/minus controls on the quantity field.​

Use these to ensure good contrast and a clear visual hierarchy for key product information.

---

Buttons & actions #

• Add to Cart Button Background / Text / Border
  • Control the normal background, text, and border colors for the main Add to Cart button.
  • Choose high‑contrast combinations so the button stands out as a primary action.​
• Secondary Buttons Background / Text
  • Colors for secondary actions like Compare and Wishlist buttons.
  • Typically a more subtle color than the main Add to Cart button but still clearly clickable.​
• Button Hover Background / Text
  • Colors applied when hovering over Add to Cart and secondary buttons.
  • Set distinct hover styles to give users visual feedback on interactive elements.​

---

Borders & dividers #

• Main Border Color – General border color for product content blocks and image frames.
• Gallery Frame Border – Specific border color around the product gallery images.
• Tab Divider Color – Color of the divider line between product tabs (Description, Additional information, Reviews).​

These help visually separate sections and keep the layout tidy.

---

Text, tabs, and social share #

• Rating Text Color – Color for rating count and “X reviews” link.
• Tab Titles Color (Active) – Color for the active product tab label.
• Tab Titles Color (Inactive) – Color for inactive tab labels.
• Tab Background Color – Background behind the product tabs area.
• Tab Content Color – Text color inside the tab content (description, specs, reviews).​
• Social Share
  • Toggles social sharing icons on the single product page (e.g. Facebook, X/Twitter, Pinterest).
  • Social Share Icon Background – Background color for each social icon.
  • Social Share Icon Color – Icon color itself. These options allow you to match share icons with your design while keeping them visible and clickable.​

With these controls, the Single Product panel lets you assign a Theme Builder template and then globally style titles, prices, metadata, buttons, borders, tabs, and social icons across all WooCommerce product pages.