Knowledge Base

March 5, 2016

Product Listing Page

Setting up a product listing page is pretty straigth forward.

  1. Create your product(s)
  2. Create a page
  3. Insert the products posts shortcode or use the visual composer and add a products showcase element

Creating A Product Showcase Page

A product listing page is just a regular page that contains Product Posts shortocode or Visual Composer module. So, just create a page and add the shortcode/module and other contents you want.

Inserting a Products Showcase Element (Visual Composer).

Click on the add element (the + sign) in the visual composer and add a product showcase module / element.

rt19-vc-add-element
rt19-visual-composer-products-showcase

rt19-product-showcase-element

Inserting a Products Showcase by shortcode.

Click on the shortcode button in the admin bar in the popup window select the Products Post Shortcode, adjust the code to your need and copy and paste the shortcode into your page content at the location where you want this showcase to appear.

rt19-products-shortcode

Note : There are more parameters and options then visible in the screenshot above.

  1. The Shortcode button
  2. The Product post (showcase) shortcode
  3. The Shortcode example. Adjust the shortcode and copy and paste the shortcode into the page body content and adjust the parameters.
  4. The parameter options are explained in here. You can adjust those in the shortcode in step 3.

Note : The shortcode in the page could look like this.

rt19-product-shortcode