Displaying Product Posts

Last Updated on

There are several ways to display products on your website in Jupiter. This article explains the recommended way to display them using the product loop shortcode.

To see what can be achieved with the product loop shortcode, check the shop section in our main demo.

In this article

Adding Product Posts

Before being able to display your products, product posts have to be added. Read Creating a product post article for more information.

Displaying Product Posts

Below we are going to explain how to display products on a shop page using the product loop shortcode.

Creating a Shop Page

From WordPress left menu, go to Pages > Add New.

Displaying product posts - add new page

Enter a title for your shop page.

Adding the Shortcode

From Visual Composer screen, click +

Displaying product posts - visual composer screen

In Add Element pop-up screen, search for Product Loop and click on it to be added to the page.

Displaying product posts - add element

When the shortcode is added, a new pop-up screen called Product Loop Settings opens. It allows you to configure the shortcode settings.

Displaying product posts - product loop settings

Showing Specific Items

There are three settings in product loop settings pop-up which allow you to show the items based on specific categories, attributes or IDs: DisplaySelect Specific Categories and Select Specific Posts.

Display Shows products based on its attributes.
Select Specific Categories Shows items only from specified categories.
Select Specific Posts Shows only the specified items.
Note: To learn more about these settings, read Configuring specific items in a shortcode article.
Click on Save Changes and Publish the page to check the result.
Note: To learn more about showing products in a loop, read Products loop shortcode article.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket