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

How can we help you?

Popular Search socialheadersocial mediahowimage

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

59
  • 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
  • Translation
    • Quick Start Guide: TranslatePress

Blogsy Lite

14
  • Installation and Demo Import
  • Customizer : General Options
    • General (Logo, colors, typography and misc)
    • Top bar
    • Header & Footer
    • Blog page / Archive and Single Post
    • Sidebar
    • Breadcrumbs and Dark Mode
  • Customizer: Home sections
    • Highlight Breaking News with the Ticker Section
    • Hero Section – Featured Post Slider or Custom Hero Content
    • Stories
    • Featured Category
    • Featured Links
    • Posts You Might Like
    • Advertisement
  • Home
  • Docs
  • How to change homepage products in the ShopWell free theme?
View Categories

How to change homepage products in the ShopWell free theme?

If you’ve imported the demo content using the Hester Core plugin, the homepage may display dummy products as part of the demo setup.

📌 To learn how to import the demo, follow this guide:
How to Import the Demo »

Step 1: Add Your Own Products #

To replace the demo products with your own:

  1. Go to Products > Add New in your WordPress dashboard.
  2. Add your product details and publish them.
  3. Once your own products are added, they will automatically start appearing on the homepage (if the default product shortcode is used).

Step 2: Edit the Homepage in Elementor #

  1. Open the homepage with Elementor.
  2. Find the section containing the product grid.
  3. You’ll see a WooCommerce shortcode controlling which products are shown.

The default shortcode might look like this:

[featured_products limit="4" columns="4"]

Step 3: Customize the Products Displayed #

You can change the shortcode to display different types of products. Here are some useful options:

  • Latest Products: [recent_products limit="8" columns="4"]
  • Products by Category: [product_category category="t-shirts" limit="6" columns="3"]
  • Sale Products: [sale_products limit="4" columns="4"]
  • Best Sellers: [best_selling_products limit="4" columns="4"]

You can customize the limit, columns, and category values as needed.

Example Screenshot #

Here’s a screenshot showing the shortcode in Elementor:
📸 View Screenshot

ShopWell Premium Version #

Using the ShopWell Premium theme gives you access to ShopWell Addons, which include special Elementor widgets. These widgets allow you to display and filter products by category, tag, or sale status—without writing any shortcodes—making homepage customization much easier.

Download & Install ShopWell Addons Plugin
Table of Contents
  • Step 1: Add Your Own Products
  • Step 2: Edit the Homepage in Elementor
  • Step 3: Customize the Products Displayed
  • Example Screenshot
  • ShopWell Premium Version

© 2026 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑