Would you like to design your WooCommerce shop and product archive pages instead of using the default catalog layout? The Templates Builder in Botiga Pro lets you create a custom shop catalog template and apply it to your product archives, using either the Block Editor or Elementor.
In this guide, we’ll walk you through how to build a custom shop catalog template in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Templates Builder is a Botiga Pro feature, so this requires Botiga Pro.
1. Go to Botiga ยป Theme Dashboard and activate the Templates Builder module.
2. Click on Build Templates.
3. Click on Add Template.
4. Name your template.
5. Click on the Display Conditions icon.
6. Add a new condition and choose Product Archives.
7. Click on Create New and select your preferred builder.
The Templates Builder works with either the WordPress Block Editor (Gutenberg) or the Elementor page builder.
8. If you’re using the Block Editor, click the plus icon and search for the Botiga Templates Builder components to insert on the page. If you’re using Elementor, skip this step and move on to the next one.
9. If you’re using Elementor, you’ll find the Botiga widgets under Botiga WooCommerce in the left sidebar. If you’re using the Block Editor, skip this step and follow step 8 instead.
10. Once you’re done, save or publish your changes.
Frequently asked questions
Below, we’ve answered some of the most common questions about building a custom shop catalog template in Botiga.
Does the Product Archives condition cover category pages too?
Yes. Product Archives applies to your main shop page along with product category and tag archives, so a single template can style all of them.
Can I keep the default layout for some categories?
Use display conditions to target only the archives you want. Any archive not covered by your template keeps Botiga’s default catalog layout.
That’s it! You’ve successfully built a custom shop catalog template in Botiga and applied it to your product archives.
Next, would you like to design individual product pages as well? Check out our guide on building a custom single product template, or read the Botiga Templates Builder overview to learn more.
