Skip to the content
Peregrine KnowledgebasePeregrine Knowledgebase
  • Go to website
  • Go to website
  • Yelp
  • Facebook
  • Twitter
  • Instagram
  • Email

How can we help you?

Hester Pro

21
  • Theme Installation
  • Steps after Activating Hester Pro theme
  • Add widgets in sidebar or in Footer widget area
  • Enable front page sections
  • Home Sections
    • Slider Section
    • Info section
    • Service section
    • About section
    • Team section
    • Testimonial section
    • Pricing plan section
    • Call to Action section
    • Gallery section
    • Fun-facts section
    • Feature section
    • Steps to start section
    • Work history / timeline section
    • Workflow section
    • Clients section
    • Extra section
    • Design options

Bloglo Pro & BlogHash Pro common

2
  • Add social media profile links in header
  • Post Formats

ShopWell Pro

58
  • Download & Install ShopWell Addons Plugin
  • How to Install and Activate Required and Recommended Plugins
  • Import Demo
  • Configure Product Images in WooCommerce
  • πŸ”¨ Product Archive Builder
  • πŸ› οΈ Single Product Builder
  • How to change homepage products in the ShopWell free theme?
  • Customizer
    • General
    • Styling
    • Typography
    • Topbar
    • Header
      • Topbar
      • Campaign Bar
      • Header Layout
      • Header specific pages
      • Overriding the Header on Specific Pages
      • Header Builder
      • Sticky Header
      • Header Background
      • Header Elements
        • πŸ” Configuring the Header Search in ShopWell Theme
        • πŸ‘€ Account
        • ❀️ Wishlist
        • πŸ”„ Compare
        • πŸ›’ Cart
        • πŸ“ Custom Text
        • Preferences πŸŒπŸ’±
        • View History
        • πŸ“Œ Primary Menu
        • πŸ“Œ Secondary Menu
        • πŸ—‚οΈ Category Menu
        • πŸ” Hamburger Menu
      • Mega Menu
        • Mega Menu Vertical
        • πŸ” Mega Menu Hamburger
        • 🧩 Configure Mega Menu
        • Mega Menu Horizontal
    • Footer
      • Footer
      • Overriding the Footer on specific pages
  • Elementor
    • βš™οΈ Elementor Basic Configuration Guide
    • Templates
    • πŸ“’ Popup Builder
    • ShopWell Builder
    • Widgets
      • πŸ›οΈ Product Deals Grid / Carousel
  • Pages
    • πŸ“„ Creating a Page
    • βš™οΈ Display Settings
  • Woocommerce
    • πŸ›’ Getting Started with WooCommerce
    • πŸ“„ WooCommerce Pages
    • πŸ›’ Customize the Checkout Page
    • πŸ“¦ Create an Order Tracking Page
    • πŸ‘€ My Account Page Setup in WooCommerce
    • πŸ›οΈ Catalog Mode
  • Shop
    • WishList & Compare
    • πŸ’± Currency Settings
    • πŸ›οΈ Shop Display
    • 🧩 Product Filters
  • Mobile
    • Topbar
    • Header
    • Footer
    • Miscellaneous
  • Home
  • Docs
  • πŸ› οΈ Single Product Builder
View Categories

πŸ› οΈ Single Product Builder

2 min read

With ShopWell Builder, you can visually design custom Single Product Pages using Elementor. This enables precise control over layout, styling, and product detailsβ€”completely code-free.


🎬 Introduction #

ShopWell Builder allows you to build Single product page using the Elementor interface. This simplifies the product page creation process and gives you full creative control over how product page is presented on your site.


βœ… Enable Single Product Builder #

To get started, you need to activate the builder:

  1. Navigate to Appearance β†’ Theme Settings.
  2. Find the ShopWell Builder section.
  3. Toggle ShopWell Builder Enable to Yes.
  4. Click Save Changes.

⚠️ Important: #

Before using the builder, make sure Container is enabled in Elementor:

  • Go to Elementor β†’ Settings β†’ Features.
  • Under the Features tab, set Container to Active.

This ensures full compatibility with ShopWell Builder templates.


βž• Create a Template #

To create a custom single product template:

  1. Navigate to Templates β†’ ShopWell Builder.
  2. Click the Add New button.
  3. In the popup:
    • Select Single Product as the template type.
    • Name your template.
    • (Optional) Check Set Default.
  4. Click Create Template.

πŸ“₯ Import a Template from Library #

Use a prebuilt layout to speed up design:

  1. Create a blank template.
  2. Open it with the Elementor Editor.
  3. Click the Add ShopWell Template library icon.
  4. Browse and Insert your chosen layout.

πŸ“ Edit a Template #

To modify an existing single product layout:

  1. Go to Templates β†’ ShopWelll Builder.
  2. Hover over the template you want to edit.
  3. Click Edit with Elementor.

This opens the design in Elementor where you can adjust every element visually.


🌟 Set as Default Template #

Once your template is ready:

  1. Navigate to Templates β†’ ShopWell Builder.
  2. Find the template you want to use.
  3. Click the Enable button.

This will set your custom layout as the default for all product pages.


✨ Benefits of Single Product Builder #

  • Fully visual design with Elementor
  • Import stunning templates instantly
  • Edit and update product layouts in real time
  • No coding neededβ€”100% drag-and-drop

Ready to give your products the showcase they deserve?
Get started with ShopWell’s Single Product Builder and create product pages that convert.

How to change homepage products in the ShopWell free theme?
Table of Contents
  • 🎬 Introduction
  • βœ… Enable Single Product Builder
  • ⚠️ Important:
  • βž• Create a Template
  • πŸ“₯ Import a Template from Library
  • πŸ“ Edit a Template
  • 🌟 Set as Default Template
  • ✨ Benefits of Single Product Builder

© 2025 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑