Archive Product

Estimated reading: 2 minutes 10 views

đź›’ Create a Custom Shop Page (Product Archive) with Topper Pack

Designing your WooCommerce Shop Page just got easier! With Topper Pack’s Theme Builder, you can create a stunning, fully customized Product Archive template using Elementor — no coding required.

🎯 Why Customize the Shop Page?

The default WooCommerce layout often feels rigid. With Topper Pack, you get full control to:

  • Personalize your shop design
  • Add custom grids, filters, badges, and more
  • Match your store’s branding and boost conversions

🛠️ Step-by-Step: Create a Shop Page Template

  1. Open Theme Builder
    • From your WordPress dashboard, go to:
      Topper Pack → Theme Builder → Add New Template
  2. Name Your Template
    • Example: Shop Page or WooCommerce Product Archive
  3. Choose Template Type
    • From the “Type of Template” dropdown, select:
      Product Archive
  4. Set Display Condition
    • Under “Display On”, choose:
      WooCommerce Shop Page
      (You can also apply to Product Categories, Brands, or Tags)
  5. Assign User Roles (Optional)
    • Restrict visibility by roles (e.g., show special promotions only to “Subscribers”)
  6. Enable Canvas Mode (Optional)
    • Want full design control with no header/footer? Toggle Elementor Canvas Layout
  7. Click “Edit with Elementor.”
    • Use Elementor’s Product Archive or Loop Grid widget to display your products.
    • Add search filters, categories, pricing badges, or sale highlights.
  8. Publish the Template
    • Click “Publish”, confirm display rules, and you’re live!

Leave A Comment

All fields marked with an asterisk (*) are required