đź›’ 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
Open Theme Builder
From your WordPress dashboard, go to: Topper Pack → Theme Builder → Add New Template
Name Your Template
Example: Shop Page or WooCommerce Product Archive
Choose Template Type
From the “Type of Template” dropdown, select: Product Archive
Set Display Condition
Under “Display On”, choose: WooCommerce Shop Page (You can also apply to Product Categories, Brands, or Tags)
Assign User Roles (Optional)
Restrict visibility by roles (e.g., show special promotions only to “Subscribers”)
Enable Canvas Mode (Optional)
Want full design control with no header/footer? Toggle Elementor Canvas Layout
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.
Publish the Template
Click “Publish”, confirm display rules, and you’re live!
Archive Product
đź›’ 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:
🛠️ Step-by-Step: Create a Shop Page Template
Topper Pack → Theme Builder → Add New Template
Shop Page
orWooCommerce Product Archive
Product Archive
WooCommerce Shop Page
(You can also apply to Product Categories, Brands, or Tags)