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
  • πŸ”¨ Product Archive Builder
View Categories

πŸ”¨ Product Archive Builder

2 min read

ShopWell Builder empowers you to design custom product archive pages using Elementor’s powerful visual interface. This makes the archive page creation process easy and flexible, offering full control over layout, filters, design, and display logicβ€”all without writing a single line of code.


πŸš€ Getting Started: Enable the Builder #

To begin using the ShopWell Product Archive Builder, follow these steps:

  1. Navigate to your WordPress Dashboard.
  2. Go to Appearance β†’ Theme Settings.
  3. Find the ShopWell Builder section and check Enable.
  4. Save your changes.

⚠️ Important Note: #

Make sure the Container feature is enabled in Elementor.
Here’s how to activate it:

  • Go to Elementor β†’ Settings β†’ Features.
  • Locate the Container option and set it to Active.

This is required for proper layout control when building templates with ShopWell Builder.


🧱 Create a Product Archive Template #

Once the builder is enabled, you can create custom archive templates:

  1. Navigate to Templates β†’ ShopWell Builder.
  2. Click Add New Template.
  3. In the popup:
    • Select Product Archive as the template type.
    • Give your template a name.
    • (Optional) Set it as default.
  4. Click Create Template.

πŸ“¦ Import a Template (From Library) #

Want to jumpstart with a pre-built layout? Import one from the library:

  1. Create a blank template.
  2. Open it with the Elementor Editor.
  3. Click the Add ShopWell Template Library icon.
  4. Select a template and click Insert.

This allows you to instantly apply beautiful and functional layouts to your product archive pages.


✏️ Edit a Product Archive Template #

To customize an existing template:

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

You’ll be taken directly to Elementor to fine-tune layout, widgets, product display settings, and more.


βœ… Activate a Default Template #

Once you’re happy with your design, make it the default archive:

  1. Go to Templates β†’ ShopWell Builder.
  2. Locate the template you want to use.
  3. Click the Enable button next to it.

Now your new archive layout will be live across your shop pages.


πŸ’‘ Why Use ShopWell Builder? #

  • Visual Design Freedom: Powered by Elementor, no coding required.
  • Template Management: Easily create, edit, and swap archive layouts.
  • Prebuilt Layouts: Import beautiful templates instantly.
  • Customization Flexibility: Control over everythingβ€”from filters to display order.

Ready to take control of your WooCommerce archive pages?
Start building with ShopWell Builder today and give your store a polished, professional look with ease.

How to change homepage products in the ShopWell free theme?
Table of Contents
  • πŸš€ Getting Started: Enable the Builder
    • ⚠️ Important Note:
  • 🧱 Create a Product Archive Template
  • πŸ“¦ Import a Template (From Library)
  • ✏️ Edit a Product Archive Template
  • βœ… Activate a Default Template
  • πŸ’‘ Why Use ShopWell Builder?

© 2025 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑