Design the page that lists all your products, the WooCommerce shop page. You build one Product Archive template with the Templately Theme Builder, and WooCommerce uses it for your shop. You do not need Elementor Pro for this.
Before you start
- WooCommerce is active and you have some products (Products > Add New Product).
- Elementor is active, and Templately is installed with you signed in. See how to install Templately.
- Want the whole store at once? A WooCommerce template pack sets up the shop page, product page, header and footer for you.
Step 1: Create a Product Archive template #
- In your WordPress dashboard, go to Templately > Theme Builder (1).
- Click Add New Template (2).
- Keep Elementor selected and choose Product Archive as the template type (3).
- Give it a name you will recognize, for example Shop Page (4).
- Click Create Template (5). The new template opens in Elementor.
Step 2: Design the shop page #
Build the layout with the Product Archive widgets in the Elements panel (1): Archive Title, Archive Products (the product grid) and Archive Description. With Essential Addons active you also get WooCommerce widgets such as Woo Product Grid.
Prefer a ready design? Click the purple Templately icon in the drop area and insert a shop page design from the library. See how to insert a premade template.
Pro plugins are not installed for you
Some WooCommerce designs in the library use widgets from Essential Addons. Templately installs the free version for you when a design needs it. If a design needs Essential Addons Pro, install it yourself first, or those parts will not show. If your plan includes it, download it from the Subscription page in Templately.
Step 3: Show it on your shop page #
- Click the arrow next to Publish and choose Condition (by Templately).
- Set the condition to Include > Archive > Product Archive (1).
- Click Save & Close (2), then click Publish.
Check the result
Open your shop page (by default yoursite.com/shop). It now uses your new layout. If you still see the old one, clear your site cache and reload.
Related guides #
- Make a WooCommerce single product page
- Make the checkout and cart pages
- Use the Templately Theme Builder for posts and pages
Still stuck? Contact our support team and we will help you out.
