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:
- Go to Products > Add New in your WordPress dashboard.
- Add your product details and publish them.
- 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 #
- Open the homepage with Elementor.
- Find the section containing the product grid.
- 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.