From the Preview Type and Preview ID dropdowns, you can select a post type and individual post respectively to check the template preview. And with this, you’ll have the Product categories option displayed under Add Menu Items. Use this element to output the number of results returned by the current products query. List of page links that allow the visitor to navigate through the different products’ list pages. This means that the query results will be conditioned by the filters and the orderby conditions and it will also impact the pagination and the total results elements output. Use the breadcrumbs element to output the navigation links from “Home”, and higher level categories until the content displayed in product archives the page.
Button
These templates are located in /wp-content/plugins/woocommerce/templates/. This means that you can create an archive page for each of these items, which can be useful for organizational purposes or for displaying a list of products on your site. Faster inventory navigationArchiving products saves you time if you maintain a large or constantly rotating product catalog. This helps speed up back office processes by reducing the amount of data that inventory functions, such as reports, need to generate.Archived products are not set in stone; they can be reactivated at any time.
Products archive description
Another option discussed was using shortcodes to create a custom product display. For WooCommerce stores needing unique filtering, shortcodes can serve as quick solutions for displaying specific product selections on any Elementor page. Shortcodes also allow for dynamic and conditional display of WooCommerce products, including sales items or products with custom tags.
Checkout Payment
To clear inventory for Archived products, you will need to convert the product back to Active, zero out the stock levels, and re-archive the product. Then it will open the WordPress editor, where you can use the WordPress blocks or Elementor to create the actual layout and content of the template. That’s how you can use Elementor, Astra, and Flexbox containers to create a product archive page for your WooCommerce website. Next, we need to remove the add to cart button from the archive page so that a user first clicks on the product and reads about it then they’re able to find the add to cart button. Customers spend a lot of their time browsing your products on your shop page, so it’s important to make sure that the experience is perfect. There’s nothing worse than trying to navigate through dozens of pages browsing products on your shop page.
- Proceed to the Box option; set the Padding to 10px on all sides and set the Background colour to white.
- So that, users can get relevant information about the categories and the On-Page Seo score will be higher than usual.
- The impact of the Reebok Archive is challenging to succinctly articulate.
Build a custom Product Archive Page Template
When your Theme Builder opens up, go to the Product Archive option on the left menu and click on the plus sign or click Add New in the right upper corner. This article is part of my Elementor + WooCommerce series where I show you how to create an eCommerce shop using Elementor and WooCommerce. This element uses the WooCommerce breadcrumbs default engine to generate each part of the breadcrumbs path. You can use them to design the layout of individual Products, like AE – Woo Gallery, AE – Woo Title, AE – Woo Rating, and AE – Woo Price.
- Each and every production run has been carefully built to market demand, meaning almost every piece in any given run is sold out by Atlas on arrival or shortly thereafter, thus creating a built in collectors market.
- Select the appropriate style and layout from the Style and Layout section, respectively.
- Both layouts can be further customised, and elements like title, excerpt, breadcrumbs, meta, or even Content Blocks can be added or removed as needed.
- Now, Let me list down the main attractions of the WooCommerce Product Archive Customiser to prove the statement.
The archive team consisted of two parttime temporary staff members who had graduated from their previous intern roles and one intern. They sat on a holding of confirmation samples, historic pieces, advertisements, documents, and ephemera. This collection held incredible potential; it became my role to unleash it. Simply select all products you’d like to edit, click on Apply bulk change, and change the status to Archived. You can click on the + Add Conditions button to add additional conditions. After adding your menu items you can reorder them any way you want, and when you’re done click the Save menu button in the right corner.
By 2018, we launched SSO for the global organization, removing a barrier to entry. On the next screen, you have to set the appropriate display conditions. From the Include/Exclude dropdown, you can choose whether to show or hide the template in the selected locations. When using the taxonomy or product attributes filters, you may select different filter inputs, like a dropdown, a set of checkboxes, a radio list, a text list, or a box list. The products archive description will render the product category (or any other product taxonomy term) description. There is no specific element to add a heading to the product archive.
The Product Catalogue settings let you decide whether to show products directly or categories first on your archive pages. Blocksy supports AJAX Filtering, meaning filters can be applied without refreshing the entire page. Show product variation swatches (like colours or sizes) directly on the archive page. This allows customers to add the exact variation they want without leaving the archive view. Designing your main Shop page with Blocksy is simple and highly flexible. The Product Archives section in the Customiser gives you full control over how your store’s archive pages look and feel.
One of the great features of WooCommerce is that it allows you to enable archives for products, categories, and tags. In this tutorial, I’m going to show you how to create an Elementor products archive template for your WooCommerce shop using Elementor. Therefore to give your customers a better shopping experience – this is where categorization comes into play. A well-arranged and organized section for all sorts of items like clothing or shoes will facilitate customers to sort and filter out their preferences.
The ready template allows you to change the number of rows per page, product layout, content, description, rating, price, and much more. You can even add product filters so that your visitors can do customized searches for products on the archive page. You can place this shortcode directly within Elementor’s text or shortcode widgets, achieving a custom product display without extensive setup. However, this approach may lack the refined layout control and user experience of dedicated plugins like JetEngine or FacetWP.
Step-by-Step: Setting Up Custom Product Archives in Elementor
The Archive traveled from the periphery to a participant in the product creation process. The impact of the Reebok Archive is challenging to succinctly articulate. But it can easily be experienced in in the community it builds, the knowledge it shares, and the product and storytelling it reinforces. – it’s the living brand archive that keeps it dynamic, active, and tangible. I led Reebok’s Brand Archive for over five years; before that I spent two years at the adidas Brand Archive, and before that, over a decade in museums and cultural institutions. And while I’ve spent much of my career studying the past, it’s the application of this knowledge into the future I’m most excited about.