Creating a WooCommerce Shop Page / Archive Template with JupiterX

The shop page or archive page is a crucial part of any online store, as it's where your customers browse through products. In WooCommerce, this is also where filters can be applied to narrow down the search according to various criteria, such as category, size, color, and more. With JupiterX, you can create a customized shop page that aligns with the design and functionality you desire for your store.

Creating Your Shop Page / Archive Template

To begin creating your custom WooCommerce shop page or archive template in JupiterX, follow these steps:

  1. Navigate to JupiterX > Templates > Product Archive in your WordPress dashboard.
  2. Click on the Add New button at the top.
  3. Enter a name for your template and click on the Add New button.

Customizing Your Shop Page / Archive Template

Now that your template is created, it's time to customize it:

  1. Look for the Products Widget in the Elementor panel and drag it into your template.
  2. In the widget's settings under the Content tab, select Current Archive Query from the Filter section, so that it reflects the correct products for each archive.
  3. Customize the layout by choosing how many columns you want, how many products per page, and other display options.
  4. Style your template using Elementor's styling options. Change the colors, fonts, and add elements that match your brand.

Publishing Your Shop Page / Archive Template

After finishing the design:

  1. Click on the Publish button to save your changes.
  2. Elementor will prompt you to set the display conditions. Choose All Product Archives so your template will be used across all archive pages on your site.
  3. If you want to create multiple archive templates for different types of product categories, tags, or other conditions, you can repeat the process and set specific conditions for each template.

Remember to always preview your template to ensure it looks and functions as expected before finalizing.

With these simple steps, you can have a customized WooCommerce shop page or archive template that better serves your shoppers' needs and enhances their browsing experience. JupiterX gives you the flexibility and ease to make your online store stand out. Enjoy creating your beautiful, user-friendly WooCommerce shop pages!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.